@charset "utf-8";
div,a,p,ul,li,h1,h2,h3,h4,h5,h6 {margin:0px; padding: 0px; text-decoration:none;}
a img {background-color: transparent; color: white; border: 0px;}
html{ padding: 0px; margin:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 16px; }
body { margin: 0px; padding: 0px; background:url(images/page-bkg.jpg) repeat;}

#container {background-color: #FFFFFF; width: 960px; margin: 0px auto;}
#header { background:url(images/header-bkg.jpg) repeat-x 0 0; height: 127px;}
	/*#nav { float:right; width: 620px; margin-top: 50px;}
	#nav p { float:left; width: 200px; font-size:17px; text-align:center; padding: 0px; padding-bottom: 30px;}
	#nav p a {color:#120578; display:block; border-left: 1px solid grey;}
	#nav p:hover {background: url(images/main_menu_hover.jpg) no-repeat center bottom;}
	*/
	
	#nav { float:right; width: 670px; margin-top: 50px;}
	#nav p { float:left; width: 165px; font-size:15px; text-align:center; padding: 0px; padding-bottom: 30px;}
	#nav p a {color:#120578; display:block; border-left: 1px solid grey;}
	#nav p:hover {background: url(images/main_menu_hover.jpg) no-repeat center bottom;}
	
	
#mid { background:url(images/mid-bkg.jpg) no-repeat 0 0 ; height: 241px; }
	#mid h2 {color:white; font-size: 32px; font-weight: lighter; padding-top: 50px; margin-left: 40px; margin-right: 20px; text-shadow:0 1px 0 #FFFFFF, 0px -1px 15px #019DC3}
	.headerImage { width: 312px; height: 241px; float:right;}
	#header-construction { background:url(images/home-construction.png) no-repeat 0 0 ;}
	#header-maintenance { background:url(images/home-construction.png) no-repeat 0 0 ;}
	#header-remote { background:url(images/home-remote.png) no-repeat 0 0 ;}
	
#home-boxs { margin-top: -143px; height: 485px;}
	#home-boxs div { width: 312px; height: 485px; float:left; padding-right: 12px;}
	#home-construction {background:url(images/home-construction.png) no-repeat 0 0;}
	#home-contributing {background:url(images/home-contributing.png) no-repeat 0 0;}
	#home-remote {background: url(images/home-remote.png) no-repeat 0 0; padding-right: 0px !important;}
	#home-boxs p { margin-top: 330px; padding: 0px 30px; font-size: 16px; color:white;}
	#home-boxs a { color:white; font-weight: bolder; padding-left: 5px;}
#content { padding: 40px 0px;}
	.content-feature { margin-top: -35px; width: 312px; height: auto; float:right; margin-left: 30px;}
	.content-feature p { padding-top: 330px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px; margin: 0px !important; font-size: 16px; color:white;}
	.content-feature a { color:white; font-weight: bolder; padding-left: 5px;}
	#content-remote {background: #019DC3 url(images/home-remote.png) no-repeat 0 0;}
	#content-contributing {background: #019DC3 url(images/home-contributing.png) no-repeat 0 0;}
	#content-references p { color:#333333; padding: 0px 30px  !important;}
	#content-references p strong { color:#019DC3; margin-top: 50px !important; font-size: 16px; display:block;}
	#content-references h3 {margin-left: 0px !important;  background-position: -500px bottom;}
	
	#content p, #content h2,#content h3, #content ul {margin: 10px 40px; }
	#content p { line-height:130%; clear:left;}
	p.specialising {padding: 30px; border: 1px solid #CCCCCC; margin-top: 30px; clear:both;}
	/*#content h3 { background: transparent url(images/h3_bkg.jpg) no-repeat 0 30px; padding-left: 20px; color:#019DC3; font-size: 22px; letter-spacing: 3px; */
	#content h3 { background: transparent url(images/h3_bottom.jpg) no-repeat -300px bottom; padding-left: 20px; color:#019DC3; font-size: 20px; letter-spacing: 2px; font-weight:lighter; clear:left; padding-top: 30px; padding-bottom:30px;}
	#right { width: 312px; float:right; margin-top: -10px;}
	.inline {padding-left: 40px}
	.inline li { float:left; list-style-image:url(images/li-bkg.jpg); width: 170px; margin-top: 10px;}
	.outLine li { list-style-image:url(images/li-bkg.jpg); margin-top: 10px; padding-left: 20px; list-style-position: outside; margin-left: 30px;}
	
	.normallist { list-style-position: outside; list-style-type:square; margin-left: 30px;}
	.normallist li { margin-left: 20px; padding-bottom: 20px; border-bottom: 1px solid  blue; padding-top: 15px;r}
	
	
#footer { width: 100%; height: 200px; background:url(images/footer-bkg.jpg) repeat; clear:both;}
	#contact {float:left; width: 320px; margin-top: 30px; margin-left: 30px;}
	#contact li {border-bottom: 0px dashed white; color:black; padding: 9px 0px; list-style-type:none; list-style-position:inside; font-size: 13px; font-weight: lighter;}
	#contact li strong {font-size: 16px; font-weight: bolder;}
	#contact a { color: black;}
	#contact td { vertical-align:top; padding-bottom: 10px;}
	#contact td strong {text-transform:uppercase; font-size: 16px;}
	.quoteDiv { width: 570px; float:right; margin-top: 40px; margin-right: 40px;}
	.clientQuote { font-size: 22px; color:white; text-align:right;}
	.clientName {color:black; text-align:right}
	
.clear { clear:both;}