/*** Page Reset ***/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
	margin: 0px;
	padding: 0px;
}
/*** Main ***/
body {
	font-size: 14px;
	font-family: Arial, sans-serif;
	background: url(../img/bg.jpg) center repeat;
	margin: 0 auto;
	min-width: 1024px;
}
/*** Basic Elements ***/
a {
	color: #000000;
	text-decoration: none;
}
a:hover {
	color: #000000;
	text-decoration: underline;
}
a:active {
	color: #000000;
}
h1, h2, h3, h4, h5, h6 {
	/*color: #102E4F;*/
	color: #000000;
}
p {
	
}
blockquote {
	font: 14px/20px italic Times, serif;
	padding: 8px;
	border-top: 1px solid #a6b9ce;
	font-style: italic;
	border-bottom: 1px solid #a6b9ce;
	margin: 5px;
	background: #d1e1f2 url(assets/img/quote_open.png) top left no-repeat;
	text-indent: 23px;
}
img {
	border: none;
}
#wrapper {
	width: 100%;
	overflow: hidden;
}
/*** Common Classes ***/
.fill {
	display: block;
	height: 100%;
	width: 100%;
}
.hide {
	display: none;
}
.clear {
	clear: both;
}
.right {
	float: right;
}
.left {
	float: left;
}
.center {
	margin: auto;
	text-align: center;
}
.padding {
	margin: auto;
	width: 960px;
}
.sub-heading {
	border-bottom: 1px solid #000000;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 5px 0px;
}
.scroll {
	width: 920px;
	height: 900px;
	overflow: scroll;
}
.required_star {
	font-weight: bold;
	color: #F00;
}
/*** Special Classes ***/
.box {
	padding: 10px;
	border: 1px solid #e6e6e6;
	border-bottom: 1px solid #bcbcbc;
	background-color: #ffffff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
/*** Body ***/
#bg-black {
	width: 100%;
	height: 300px;
	background-color: #000000;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: -1;
}
/*** Header ***/
#header {
	background: #000000;
	min-height: 90px;
	width: 100%;
}
/*** Title ***/
#title {
	}
	#title .logo {
		display: inline-block;
		width: 235px;
		height: 55px;
		overflow: hidden;
		margin: 17px 0;
		background: url(../img/small_logo_white6.png) no-repeat;
	}
/*** Navigation ***/
#navigation {
	float: right;
	padding: 0 0 0 0;
	display: block;
	height: 70px;
	list-style-type: none;
	overflow: hidden;
}
	#navigation ul {
		height: 70px;
		list-style: none;
		display: block;
	}
		#navigation ul li {
			color: #ffffff;
			display: inline;
		}
			#navigation ul li a {
				float: left;
				font-size: 16px;
				color: #ffffff;
				height: 70px;
				width: 100px;
				text-decoration: none;
				text-align: center;
				padding: 20px 0 0 0;
			}
			#navigation ul li#home a:hover, a:active {
				background: url(../img/navigation.png) no-repeat center top;
			}
			#navigation ul li#services a:hover, a:active {
				background: url(../img/navigation.png) no-repeat center top;
			}
			#navigation ul li#provision a:hover, a:active {
				background: url(../img/navigation.png) no-repeat center top;
			}
			#navigation ul li#about a:hover, a:active {
				background: url(../img/navigation.png) no-repeat center top;
			}
			#navigation ul li#contact a:hover, a:active {
				background: url(../img/navigation.png) no-repeat center top;
			}
				#navigation ul li.current a {
					background: url(../img/navigation.png) no-repeat center top;
				}
#tooltip{
	position: absolute;
	border: 1px solid #333;
	background: #f7f5d1;
	padding: 2px 5px;
	color: #333;
	display: none;
	}
#screenshot{
	position: absolute;
	border: 1px solid #ccc;
	background: #ffffff;
	padding: 5px;
	display: none;
	color: #ffffff;
	}
/*** Banner ***/
#banner {
	width: 100%;
}
#logo {
	float: left;
	background-color: #61656a;
	width: 210px;
	height: 315px;
}
#slideshow {
	float: left;
}
	#slideshow img {
		width: 750px;
		height: 315px;
	}
/*** Page Line ***/
#pageline {
	height: 67px;
	width: 100%;
	display: block;
	background: #525252 url(http://www.customermagnetism.com/imgs1/layout/med-gray-bg.jpg) center repeat-x !important;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	-webkit-box-shadow: 2px 2px 4px #888;
	-moz-box-shadow: 2px 2px 4px #888;
	box-shadow: 2px 2px 4px #888;
	margin-bottom: 25px;
}
	#pageline h1 {
		font-size: 30px;
		color: #ffffff;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: lighter;
		text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
		margin-top: 15px;
	}
/*** Container ***/
#container {
}
/*** Content ***/
#main {
	margin: 20px 0 50px 0;
}
	#main .headingg {
		color: #000000;
		border-bottom: 1px solid #e0e5e9;
		letter-spacing: -0.5px;
		font-size: 25px;
		padding-bottom: 5px;
		margin-bottom: 10px;
	}
	#main ul li {
		margin-left: 30px;
	}
/*** Login ***/
#login {
	float: left;
	width: 230px;
	margin-right: 20px;
}
	#login .sub-heading {
		padding: 8px 0px 3px 7px;
	}
	#login form {
		padding: 5px 0px 0px 5px;
	}
		#login form label {
			font-weight: bold;
			color: #000000;
			font-size: 14px;
		}
		#login form #style {
			font-family: "Times New Roman", Times, serif;
			color: #8f969d;
			font-size: 14px;
			font-weight: bold;
			text-shadow: 0px -1px 0px #ffffff;
			font-style: italic;
			padding: 8px 12px;
			border: 1px solid #000000;
			margin-bottom: 10px;
		}
	#login #submit {
		margin: 5px;
		width: 50px;
		height: 20px;
		float: right;
	}
		#login #submit:hover {
			cursor: pointer;
		}
	#login #forgot-reg {
		text-align: center;
		padding-top: 8px;
	}
	#login #forgot {
   		font-size: 10px;
   		color: #000000;
		padding: 0px 0px 0px 15px;
		float: left;   
	}
	#login #register {
   		font-size: 10px;
   		color: #000000;   
	}
/*** Content ***/
#content {
	float: left;
	width: 710px;
}
	#content .heading {
		color: #000000;
		letter-spacing: -0.5px;
		font-size: 25px;
		border-bottom: 1px solid #000000;
		margin: 0px 0px 10px 0px;
		padding: 5px 0px 5px 0;
	}
	#content p {
		line-height: 25px;
	}
#text {
	margin-bottom: 20px;
}
	#text .heading {
		color: #000000;
		letter-spacing: -1px;
		font-size: 25px;
		border-bottom: 1px solid #000000;
		margin: 0px 0px 10px 0px;
		padding: 10px 0px 5px 10px;
	}
	#text p {
		line-height: 25px;
		padding: 10px;		
	}
#contact {
	margin: 50px 0 30px 0;
}
	#contact #form {
		width: 447px;
		float: left;
		margin-right: 22px;	
	}
		#contact #form .sub-heading {
			color: #000000;
			letter-spacing: -1px;
			font-size: 25px;
			border-bottom: 1px solid #000000;
			margin: 0px 0px 10px 0px;
			padding: 10px 0px 5px 10px;
		}
	#contact #contact-info {
		width: 447px;
		float: left;
	}
		#contact #contact-info .sub-heading {
			color: #000000;
			letter-spacing: -1px;
			font-size: 25px;
			border-bottom: 1px solid #000000;
			margin: 0px 0px 10px 0px;
			padding: 10px 0px 5px 10px;		
		}
.bigtop {
	padding-top: 35px;
}
.space {
	margin-top: 5px;
}
#contact-info strong {
	margin: 0px 0px 0px 20px;
	font-size: 15px;
}
	#contact-info #mail {
		margin: 5px 0px 0px 85px;
		line-height: 25px;
	}
#google {
	margin: 20px 25px 10px 10px;
	float: left;
}
#contact-img {
	margin: 20px 0px 0px 0px;
	float: left;
}
/*** Aside ***/
#aside {
	margin-bottom: 20px;
}
#img1 {
	float: left;
	margin-right: 20px;
}
	#img1 p {
		width: 213px;;
		border: 1px solid #d8d8d8;
		background-color: #ffffff;
		margin-top: 10px;
		padding: 5px;	
	}
#img2 {
	float: left;
	margin-right: 20px;
}
	#img2 p {
		width: 213px;;
		border: 1px solid #d8d8d8;
		background-color: #ffffff;
		margin-top: 10px;
		padding: 5px;	
	}
#img3 {
	float: left;
	margin-right: 20px;	
}
	#img3 p {
		width: 213px;;
		border: 1px solid #d8d8d8;
		background-color: #ffffff;
		margin-top: 10px;
		padding: 5px;	
	}
#img4 {
	float: left;
}
	#img4 p {
		width: 213px;;
		border: 1px solid #d8d8d8;
		background-color: #ffffff;
		margin-top: 10px;
		padding: 5px;	
	}
#image1 {
	float: left;
	margin-right: 20px;
}
	#image1 p {
		width: 294px;
		border: 1px solid #d8d8d8;
		background-color: #ffffff;
		margin-top: 10px;
		padding: 5px;	
	}
#image2 {
	float: left;
	margin-right: 20px;
}
	#image2 p {
		width: 294px;
		border: 1px solid #d8d8d8;
		background-color: #ffffff;
		margin-top: 10px;
		padding: 5px;	
	}
#image3 {
	float: left;
}
	#image3 p {
		width: 294px;
		border: 1px solid #d8d8d8;
		background-color: #ffffff;
		margin-top: 10px;
		padding: 5px;	
	}
/*** More Content ***/
#more {
}
	#more .heading {
		color: #000000;
		border-bottom: 1px solid #000000;
		margin: 0px 0px 10px 0px;
		padding: 10px 0px 5px 10px;

	}
	#more #employees {
		margin-left: 8px;
	}
	#more #more-img {
		border: 3px solid #000000;
		margin-right: 10px;
		margin-top: 6px;
		float: left;
	}
	#more .sub-header {
		border-top: 1px solid #cfd6dc;
		padding-top: 10px;
	}	
	#more #bottom {
		margin-bottom: 110px;
	}
/*** Back To Top ***/
#toTop {
    position: fixed; /* this is the magic */
    bottom: 60px; /* together with this to put the div at the bottom*/
    right: 80px;
	width: 48px;
	height: 136px;
	text-indent: -9999px;
	background: url(../img/scrollup.png) no-repeat 0 0;
	z-index: 999;
	cursor: pointer;
	overflow: hidden;
	border: none;
	display: none;
}
/*** Footer ***/
#footer {
	background: url(../img/footer.jpg) repeat;
	border-top: 1px solid #ffffff;
	padding: 15px 0;
	height: 65px;
	-webkit-box-shadow: 2px -2px 2px #888;
	-moz-box-shadow: 2px -2px 2px #888;
	box-shadow: 2px -2px 2px #888;
	margin-top: 40px;
}
	#footer #footer_nav {
		float: left;
		padding: 20px 0;
	}
	#search {
		float: right;
		padding: 20px 0;
	}
	#search form {
	}
		#search form #search-input {
			width: 200px;
			border: none;
			font-family: "Times New Roman", Times, serif;
			color: #8f969d;
			font-size: 14px;
			font-weight: bold;
			padding: 6px 12px;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;
		}
		#search form #submit {
			width: 85px;
			height: 29.5px;
			background: #000000 no-repeat;
			color: #ffffff;
			font-size: 14px;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;
		}
		#search form #submit:hover {
			cursor: pointer;
		}
		#search form #submit:active, #search form #submit:focus {
		}
	#footer p {
		text-align: center;
		color: #ffffff;
		margin: 6px 0px;
	}
		#footer p a {
			color: #ffffff;
			text-decoration: none;
			padding: 2px 3px;
			display: inline-block;
		}
		#footer p a:hover {
			border-bottom: 1px dashed #ffffff;
		}
		#footer p a:active, #footer p a:focus {
			position: relative;
			top: 1px;
		}
#newfooter {
	padding: 20px;
	background: #000000;
	color: #ffffff;
	height: 30px;
	border-top: 1px solid #ffffff;
}