@charset "utf-8";
* {
}
body { margin:0; padding:0; width:100%; background: url(../images/background2.jpg) no-repeat top center #000; font-family:Arial, Helvetica, sans-serif;}
html { padding:0; margin:0; }
.clr { clear:both;}
.spacer {height:25px;}
a img {border:0px;}
.grey {color:#CCC;}
/* main */
.main {width:980px; padding:0; margin:0 auto; }

/* top */
/*.top_right {width:65px; margin:0 auto; float:right; height:35px; padding: 20px 0 0 80px; background: none; }
.top_left {width:830px; padding-top:10px; margin: 0; float:left; height:20px; font: normal 11px Arial, Helvetica, sans-serif;  color:#FFF;}*/

@font-face { 
	font-family: Comforta; 
	src: url('../fonts/Comforta.ttf');

}
/* header */
.topsection { width:auto; padding:0; height: auto;}
.header {width: auto; height: 213px; background: none; margin-top: 0px;margin-bottom:-20px;}
#headerleft{width:auto; float: left; margin-top: 75px; cursor: pointer;margin-left:17px;}
#headerright {width: 400px; float: right;}
.date {margin-right: 0px; margin-top: 30px;float: right; position: relative; text-align: right; color: #FFF; width: 220px;font:12px Arial, Helvetica, sans-serif;}
.head-telephone {margin-right: 0px;text-align: right; float: right; width: 400px; height: 35px;color:#fff;}
.head-telephone h2 {margin-top:5px;font-weight:400;}
/*.ctsitelink {margin-right: 0px;text-align: center; float: right; width: 165px; height: 35px; color: #666; font:12px Arial, Helvetica, sans-serif; background: url(../images/ctlinkback.png) no-repeat top; position:relative; }
	.ctsitelink a {text-indent:-9999px;float: left; }
	.ctsitelink #ctsupport {margin: 4px 0 0 10px; width:68px;height:20px; background:url(../images/ctlinksupport.png) no-repeat top;}
	.ctsitelink #cthomecall {margin: 6px 0 0 7px; float: left; width:73px;height:16px; background:url(../images/ctlinkhomecall.png) no-repeat top;}
	.ctsitelink #ctsupport:hover, .ctsitelink #cthomecall:hover {background-position:bottom;}*/

/* end header right elements */
.webnews {margin:20px;}
#social {float:right;text-align:right;margin-top:10px;}
#social img {margin:5px;}

.wecanhelp a {background:url(../images/headers/wecanhelp.jpg) 0 0 no-repeat;}
.wecanhelp a:hover {background-position:0px -40px;}

.servleft {float:left;width:44%;}
.servright{float:right;width:54%;margin:10px 10px 0 0;text-align:right;text-align:center;}
.servright img {margin-bottom:43px;}
#aff-logo {text-align:center;clear:both;width:100%;border-bottom:1px solid #999;margin:1px 0 10px 0;background:#fff;height:73px;margin-bottom:30px;}
#aff-logo img {padding:7px 11px;}
/* menu */
.menu { float:left; width:100%; padding:0; font-size:1.2em;font-family: Comforta,Arial, Helvetica, sans-serif;margin-top:-45px;font-weight:bold;}
.menu ul { float:right; margin:0 12px 0 1px; padding:0; list-style:none;}
.menu li { margin:0; padding:0; color:#fff; float:left; }
.menu a { float:left; font-weight:bold;  color:#FFF; margin:0 2px 0 0; padding:12px 0 10px 0; text-decoration:none;text-transform:lowercase; text-shadow: 2px 2px 1px #000;}
.menu a span { padding:12px 15px 10px 15px;}
.menu a:hover { background:rgb(0,0,0);background-color: rgba(0, 0, 0, 0.4);color: rgba(0, 0, 0, 0.4);-webkit-border-radius: 10px 10px 0 0;-moz-border-radius:10px 10px 0 0;color:#fff;
}
.menu a.active {  background:rgb(0,0,0);background-color: rgba(0, 0, 0, 0.7);color: rgba(0, 0, 0, 0.7);-webkit-border-radius: 10px 10px 0 0;-moz-border-radius:10px 10px 0 0; color:#fff;}
/* index slideshow */
.scroller { width:980px; margin-left:1px; padding:0; height:342px; float:left; position:relative;float:left; font:12px Arial, Helvetica, sans-serif; color:#fff;background: rgb(0, 0, 0);background: rgba(0, 0, 0, 0.5);}
.slideleft, .slideright, .slidemain {height:250px; position:absolute; top:44px;}
.slideleft {z-index:4;left:19px;background: url(../images/slideshow/left.png) left center no-repeat;width:32px;text-indent:-9999px;}
.slideleft:hover {background-position:right;}
.slideright {z-index:4;right:19px;background: url(../images/slideshow/right.png) right center no-repeat;width:32px;text-indent:-9999px;}
.slideright:hover {background-position:left;}
.slidemain {z-index:2;left: 34px;width:868px; padding-left:45px;height:244px; padding-top:42px;background:url(../images/slideshow/bg.png);top:24px; overflow:hidden;}
.slideshow div, .slideshow div a img {float:left;}
.slideshow div a img {width:826px;height:201px;}
#slidethumbs {width:auto;position:absolute;bottom:26px;right:50px;z-index:4;height:25px;}
#slidethumbs a {float:left;width:50px;height:25px;background:url(../images/slideshow/thumb_bg.gif) no-repeat;margin-left:5px;text-indent:-9999px;}
#slidethumbs a.activeSlide {background:url(../images/slideshow/thumb_bg_active.gif) no-repeat;}
/*.logoslideshow {z-index:4;position:absolute; right:140px; top:20px; height:146px; width:315px;overflow:hidden;}
.overslideshow {z-index:4;position:absolute; left:100px; bottom:20px; height:160px; width:160px;}
.overslideshow div, .overslideshow a img {float:left;}*/

/* mailing list home page */
	#mailinglist {width:97%; float: left;  background: none; margin:0;}
		#mailinglist form label, #mailinglist .mailinput {width:140px;float:left; margin-bottom:5px;padding:5px;}
		#mailinglist .mailinput {width:200px;float:right;}
		#mailinglist form label {width:100px;color:#fff;}
		#mailinglist form span { width: 100%;}
	

/* login */
.clientlogin { float:right; width:140px; padding:10px 0 0 0; font:12px Arial, Helvetica, sans-serif; color:#fff; text-align:right;}
.clientlogin a {text-decoration:none; color:#fff;}
.clientlogin a:hover {text-decoration:underline;}

/* services tablets */
.servicesmenuholder {width: 879px; float: left;padding-left: 5px;margin-left:58px;height:117px;text-align:center;font-weight:bold;}
.servicemenu {list-style:none; margin:0; padding:0px;}
.sermenuitem {float: left; width: 80px; height: 80px; margin:0px 5px 0px 5px; padding: 0px; background: url(../images/tablets/servicemenuback.png) no-repeat top;}
	.sermenuitem a img{border: 0px;margin-bottom:-19px;}
li.sermenuitem a{font-family: Comforta,Arial, Helvetica, sans-serif;font-size:1.1em;}
	.sermenuitem span:hover {padding:0;}


/* white*/
.white {  background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(left, rgba(172,172,172,1) 0%, rgba(255,255,255,1) 11%, rgba(255,255,255,1) 89%, rgba(172,172,172,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(172,172,172,1)), color-stop(11%,rgba(255,255,255,1)), color-stop(89%,rgba(255,255,255,1)), color-stop(100%,rgba(172,172,172,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(172,172,172,1) 0%,rgba(255,255,255,1) 11%,rgba(255,255,255,1) 89%,rgba(172,172,172,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(172,172,172,1) 0%,rgba(255,255,255,1) 11%,rgba(255,255,255,1) 89%,rgba(172,172,172,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(172,172,172,1) 0%,rgba(255,255,255,1) 11%,rgba(255,255,255,1) 89%,rgba(172,172,172,1) 100%); /* IE10+ */
background: linear-gradient(left, rgba(172,172,172,1) 0%,rgba(255,255,255,1) 11%,rgba(255,255,255,1) 89%,rgba(172,172,172,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */ font: 12px  Arial, Helvetica, sans-serif; color:#333; line-height:1.6em;min-height:50px;overflow:auto;}
.footer{padding:0; font: 12px  Arial, Helvetica, sans-serif; color:#fff; line-height:1.6em;min-height:50px;overflow:auto;}
	.white p {  margin-bottom:17px;}
	.white h2 {font: bold 18px Arial, Helvetica, sans-serif; color:#333;}
	.white .bold {font: normal 19px Arial, Helvetica, sans-serif; color:#000066;  margin:0;}
	.white h3 {font: 1.95em Arial, Helvetica, sans-serif;  padding:10px 0; margin:0;clear:both;}
	.white h3,.white h3 a {text-decoration:none;color:#2E579E;}
	.left h3 {margin:0;}

	.movemain {margin-top:7px;margin-bottom:-10px;}
	
	.white p a { color:#333; border-bottom:1px dotted #333;text-decoration:none; }
	.white p a:hover { border-bottom:none;color:#505050; }
	.white .left {float:left; width:56%; border-right:1px solid #FFF;padding:10px 20px;}
	.white .right {float:right; width:35%;  color:#2F2F2F;padding:10px 20px;}
	.white .maintext a {color: #000066;text-decoration: none;}
	.white .maintext a:hover{color: #000066;text-decoration: underline;}
	.white .maintext h4{color: #000066;}	
	.white ul { list-style:none; margin:0; padding:10px;}
		.white ul li ul {list-style: circle;}
		.white li { padding:8px; color:#2F2F2F;}
		.white li a { color:#2F2F2F; text-decoration:none;}
		.white li a:hover { text-decoration:underline;}
	.white .author {font: 11px Arial, Helvetica, sans-serif; color:#6f6f6f; padding:5px 0;}
	.white .content {border-bottom: 1px solid #FFF; }
		.white .content  ul { }
		.white .content  li { background:url(images/li_03.jpg) no-repeat center left; border:none; padding-left:22px;}
.content h1 {font-family:comforta,arial;font-size:2.3em;}
#latestnews,#latestprojects {margin:20px 0;clear:both;padding:0 20px;min-height:70px;overflow:auto;}
#latestprojects img {clear:both;}
h2.latestext{clear:both;padding:20px 0 0 20px;margin-top:15px;}
#latestnews blockquote {margin:-10px 20px 0 20px ;}
#latestnews {height:120px;}
#ourservices{margin-top:10px;}
#ourservices ul li h2 a {color:#fff;border-bottom:none;}
#ourservices ul li h2 a:hover {color:#999;border-bottom:none;text-decoration:none;}
#ourservices ul {clear:both;padding:0 20px;}
#ourservices ul li{border:4px solid #45484d;float:left;display:block;width:281px;margin-right:15px;height:160px;padding:10px;color:#fff;
  
     /* BACKGROUND GRADIENTS */  
     background: #7d7e7d; /* Old browsers */
background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */
background: linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
     /* BORDER RADIUS */  
     -moz-border-radius: 10px;  
     -webkit-border-radius: 10px;  
     border-radius: 10px;  
  
     border: 1px solid #000;  
     border-top: 1px solid #666;  
  
     /* TEXT SHADOW */  
  
     text-shadow: 1px 1px 1px black;  
  
     /* BOX SHADOW */  
     -moz-box-shadow: 0 1px 3px black;  
     -webkit-box-shadow: 0 1px 3px black;  
     box-shadow: 0 1px 3px black; }
#ourservices ul li h2 {margin-top:0; color:#f0f0f0;font-size:1.6em;border-bottom:1px dotted #f0f0f0;padding-bottom:5px;font-family:Comforta,Arial;text-transform:uppercase;letter-spacing:0.3em;}
#ourservices ul li a {border-bottom:1px dotted #fff;}
#ourservices ul li:last-child {margin-right:0;}
h1.title,#testimonials h1.title,.white blockquote h1 a  {font-family:comforta,arial;color:#333;position:relative;font-size:1.85em;font-weight:normal;}
.white blockquote h1 a {font-size:1.65em;}
	
.test {width:100px;float:right;}
.help {width:115px;}
.join {width:100px;float:right;font-weight:normal;cursor:pointer;margin-bottom:10px;}
.contactbut {color:#fff;float:right;right:86px;bottom:8px;cursor:pointer;width:80px;}
.direct {float:right;right:138px;bottom:10px;}
.port {padding:10px 15px 9px 15px;bottom:3px;cursor:pointer;}

.directbox{padding:5px;position:relative;bottom:10px;}

/* portfolio */
.white .maintext {float:left; width:92%; height: auto; margin:2%; color:#2F2F2F; padding: 2%;}
#portfoliosection {float: left; position: relative; margin: 0 0 60px 0;}
#portfoliosection {height:300px;width:900px;padding:0;}
#portmain {width:882px; height:336px;padding:0 20px 20px;margin-left:-11px;}
#portmain .portslideshow div {width:882px;float:left;}
#portmain .portslidetext {width:300px !important;padding-left:20px;float:left;position:relative;height:300px;}
#portmain .portslidetext h3 {color: #333;font-size:2.2em;margin-bottom:-7px;}
#portmain .portslidetext p { line-height:1.7em;}
#portmain .portslidetext .portreadmore {position:absolute; bottom:10px;left:20px;}
#portmain img.portslidemain {float:right; width:500px; height: 300px; overflow:hidden;margin-top:24px;}
.portslideright {height:300px;width:102px;position:absolute;left:-34px;top:0;background:url(../images/larrow.png) center left no-repeat;}
.portslideleft {height:300px;width:102px;position:absolute;right:-90px;top:0;background:url(../images/rarrow.png) center left no-repeat;}
.portmaintext {float:left; width:832px;padding:0 30px 30px 30px;}

.message {font-size:1.5em;text-align:center;color:#5A9E2F;font-weight:bold;}
/*.message:before {content:url(../images/tick.jpg);margin:0 10px;}*/
.red:before{ content:url(../images/redx.jpg);margin:0 10px;}
.red {color:#CF0C0C;}

/* main banner settings */

.portfolio {height:115px;}
.portfolio img, .blog img, .about img, .contact img, .services img, .login img{padding-left:40px; padding-top:20px; }
.portfolio div, .blog div, .about div, .contact div, .services div, .login div{width:983px; float:left; height:91px; background:rgb(0,0,0);background-color: rgba(0, 0, 0, 0.4);color: rgba(0, 0, 0, 0.4);-webkit-border-radius: 20px 20px 0 0;-moz-border-radius:20px 20px 0 0;}
.portfolio div div, .blog div div, .about div div, .contact div div, .services div div, .login div div {-webkit-border-radius: 20px 20px 0 0;-moz-border-radius:20px 20px 0 0;}
.portfolio div {height:126px;}
/* login section */

.white #loginheader { width: 350px; height: 34px; background: url(../images/headers/loginheader.png) no-repeat top; margin-right:auto; margin-left: auto;}
.white #loginmain {width: 346px; height: 150px; background: #FFF; margin-right:auto; margin-left: auto; border-left: 2px solid #CCC; border-right: 2px solid #CCC;border-bottom: 2px solid #CCC;padding:0 0 10px 0;}
.white #loginfooter { width: 350px; height: 25px; background: url(../images/loginfooter.png) no-repeat bottom; margin-right:auto; margin-left: auto; margin-bottom: 100px;}
.white #loginmain form {padding: 20px 0 0 20px;}
.white #loginmain label { margin:0; width:80px; display:block; float:left; padding:5px 0; font:bold 12px Arial, Helvetica, sans-serif; color:#6f6f6f;}
.white #loginmain .input { width:200px; margin-bottom:5px; padding:6px 3px; position:relative;bottom:3px; }
#loginwrap {padding:40px;}


/* cub */
.cub {float:left; width:45px; background:#F5F5F5; height:45px; margin:5px; border:10px solid #E7E9EA;}
/* gr contacts */
.gr_c { width:976px; float:left; margin:0px auto; padding-bottom:20px; font: 12px Arial, Helvetica, sans-serif; color:#333;}
.gr_c p { margin:0;}
.gr_c .contacts h3 { font: bold 15px Arial, Helvetica, sans-serif; padding:5px 15px; margin:0;  color:#000066;}

/* contact page */
#contactform { margin:0; padding:5px;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { padding:5px; background:none; border:none;}
#contactform li.buttons { margin:0; overflow:hidden;}
#contactform label { margin:0; width:150px; display:block; float:left; padding:2px 0; font:normal 14px Arial, Helvetica, sans-serif; color:#6f6f6f;}
#contactform label  a {color:#333; text-decoration:none;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif; color:#afafaf; margin:0; padding:0;}
#contactform input.text { width:280px; border:1px solid #718E9F; margin-bottom:5px; padding:7px 4px; height:16px; background:#f5f5f5;}
#contactform textarea { width:280px; border:1px solid #718E9F; padding:7px 4px; background:#f5f5f5;font-family:Arial;}

#mailSubmit {cursor: pointer;  padding:3px 5px; margin:0 0 0 0px; background:#000066; border:1px solid #718E9F; color:#FFF; }
#mailSubmit {background: rgb(132,132,132); /* Old browsers */
background: -moz-linear-gradient(top, rgba(132,132,132,1) 0%, rgba(71,71,71,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(132,132,132,1)), color-stop(100%,rgba(71,71,71,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(132,132,132,1) 0%,rgba(71,71,71,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(132,132,132,1) 0%,rgba(71,71,71,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(132,132,132,1) 0%,rgba(71,71,71,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(132,132,132,1) 0%,rgba(71,71,71,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#848484', endColorstr='#474747',GradientType=0 ); /* IE6-9 */-webkit-border-radius:3px;padding:5px 8px;float:right;border:none;}

#contactsdirections input.buttons {background: #000088;}
p.response { text-align:center; color:#F00;}

/* form style */
.form_style { padding:0; margin:0;}
.form_style .text { font:bold 14px   Arial, Helvetica, sans-serif; color:#6f6f6f; padding:10px 0 10px 40px; margin:0; width:150px; float:left;}
.form_style .form { width:380px; float:left; margin:0; padding:10px 0;}
.form_style .label2 { padding:0; margin:20px 0 20px 190px;}
.form_style .input2 { width:375px; border:1px solid #d6d6d6; background:#fff;}

/* footer */
.footer { width:100%; margin-top:-20px; float: left; position: relative;}
.footer ul {float:left;list-style:none;padding:0;margin:0 5px 0 0;}	
.footerwrapper { width:auto; clear:both; padding-left:15px;;font: 12px Arial, Helvetica, sans-serif;border-top:1px solid #999;border-bottom:1px solid #999; }
.footerwrapper p span a {color:#fff;}
#foot-links,#foot-mailing-list  {width:48%; float:left; padding: 15px; min-height: 100px;margin:0;font-size:0.9em;}
#foot-mailing-list {width:37%;float:right; }
#foot-links h4,#foot-mailing-list h4{margin:0 0 10px 0;font-size:1.7em;color:#000;font-weight:normal;}
#foot-mailing-list h4{text-align:right;margin-right:18px;}
#foot-mailing-list p{text-align:right;margin-right:7px;font-size:1.05em;}
#foot-mailing-list  label {color:#000;}
#foot-mailing-list .input {padding:4px;}
#foot-links h4 {margin-bottom:10px;}
#foot-links ul { margin-right: 25px;}
#foot-links li a{line-height:1.9;font-size:1.2em;text-decoration:none;color:#fff;}
#foot-links li a:hover {text-decoration:underline;}

	#regions { width: 100%; float: left;color: #999; height:auto; font-size: 10px;text-align: center;}
	#regions a {color:#bababa;text-decoration:none;border-bottom:#bababa 1px dotted;}
	#regions a:hover {text-decoration:none;}
	.blog_header {
	 height:91px;
	 line-height:91px;
	 color:#ffffff;
	 padding-left:21px;
	 width:962px !important;
	 font-size:36px;
	 float:left;
	 font-weight:normal;
	 font-family:"Tahoma", "Helvetica", "Segoe UI", sans-serif;
	}
	
	.ct {
	 opacity:0.3;
	 background:url("../images/ct.png");
	 background-repeat:no-repeat;
	 width:32px;
	 height:39px;
	 float:left;
	 display:block;
	 margin-top:28px;
	 padding:0px 7px;
     behavior: url(css/PIE.htc);
	}
	
	
	h2.blog_title {
	 behavior: url(css/PIE.htc);
	 margin:0px auto 0px auto;
	 padding:0px;
	 color:#fff;
	 font-weight:normal;
	 font-size:26px;
	 padding:12px;
	 -moz-border-radius:12px 12px 0px 0px;
	 -webkit-border-radius:12px 12px 0px 0px;
	 border-radius:12px 12px 0px 0px;
	 background: #7d7e7d; /* old browsers */
	 background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* firefox */
	 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* webkit */
	 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* ie */
	 font-family:"Trebuchet MS", "Helvetica", "Segoe UI", "Tahoma", sans-serif;
	}
	h2.blog_title a {
	 text-decoration:none !important;
	 color:inherit !important;
	}
	h2.blog_title a:hover {
	 text-decoration:underline !important;
	}
	
	.blog_body {
	 clear:both;
	 padding:12px;
	 font-size:1.2em;
	 background:#f8f8f8;
	 xborder-left:3px rgba(0,0,0,0.86) solid;
	}
	.blog_info {
	 text-align:right;
	 color:#fff;
	 background: rgb(76,76,76); /* Old browsers */
background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(76,76,76,1)), color-stop(12%,rgba(89,89,89,1)), color-stop(25%,rgba(102,102,102,1)), color-stop(39%,rgba(71,71,71,1)), color-stop(50%,rgba(44,44,44,1)), color-stop(51%,rgba(0,0,0,1)), color-stop(60%,rgba(17,17,17,1)), color-stop(76%,rgba(43,43,43,1)), color-stop(91%,rgba(28,28,28,1)), color-stop(100%,rgba(19,19,19,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
	 padding:3px 6px;
	 -moz-box-shadow:2px 2px 4px rgba(0,0,0,0.5);
	 margin-bottom:32px;
 behavior: url(css/PIE.htc);
	}
	.blog_info a {
	 text-decoration:underline !important;
	 color:#a0a0a0 !important;
	}
	
	.page_select {
	 height:20px;
	 margin:22px 0px;
	}
	.page_select  a{
	 background:#ffffff;
	 width:20px;
	 border:1px solid;
	 border-color: #fff #fff #e0e0e0 #fff;
	 height:20px;
	 text-align:center;
	 line-height:20px;
	 float:left;
	 display:block;
	}
	.page_select a:hover {
	 background:#e0e0e0 !important;
	 border-color:#a0a0a0;
	}
	.page_select span.current {
	 width:20px;
	 height:20px;
	 text-align:center;
	 line-height:20px;
	 float:left;
	 font-weight:bold;
	 display:block;
	 border:1px solid;
	 border-color: #fff #fff #c0c0c0 #fff;
	 background:rgba(255,255,255,0.7);
	}

	#map {position:relative;bottom:236px;left:31px;margin-bottom:-200px;}
	.phoneimg {margin-bottom:-320px;}
/******* MENU *******/
#container-tab,#additional-tab{
	width: 982px;
	margin-top:-15px;
	position:relative;
	top:-43px;
}
#container-tab ul,#additional-tab ul{
	list-style: none;
	list-style-position: outside;
}
#container-tab ul.menu-tab li,#additional-tab ul.menuadd-tab li{
	float: left;
	margin-right: 10px;
	margin-bottom: -1px;
}
#container-tab ul.menu-tab li,#additional-tab ul.menuadd-tab li{
	font-size:1em;
	display: block;
	font-family:Comforta,Arial;
	padding: 10px;
	margin-bottom: 1px;
	position: relative;
	color: #fff;
	cursor: pointer;
	margin:-webkit-border-radius:8px 8px 0px 0px; -moz-border-radius:8px 8px 0px 0px; border-radius:8px 8px 0px 0px;	
	background:rgb:(70,70,70);background:rgba(40,40,40,0.6);
}

#container-tab ul.menu-tab li.active,#additional-tab ul.menuadd-tab li.active{
	color: #fff;
	background:rgb:(120,120,120);background:rgba(80,80,80,0.6);z-index:9999;
}

#container-tab ul {
	margin-left:0;
	margin-top:120px;
	}
#container-tab {margin-bottom:20px;}

.clear{
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}

.shine {float:left;background-color: rgba(255, 255, 255, 0.2);width:225px;height:69px;position:relative;right:17px;bottom:165px;}
/******* /MENU *******/

/******* CONTENT *******/
.content{
	margin: 0 auto;
	background: #eeeeee;
	border: 3px solid #cccccc;
	text-align: left;
	padding: 10px;
	font-size: 12px;
	line-height:1.8em;
}


.left h1 {margin:0 0 16px 0;}
/******* /CONTENT *******/
.content.tabone,.content.addone{
	display: block;
}

.content.tabtwo,.content.addtwo,.content.addthree,.content.addfour,.content.addfive,.content.addsix{
	display: none;
}

/******* LINKS *******/
.content.tabthree,.content.addthree,.content.addfour,.content.addfive,.content.addsix{
	display: none;
}
/******* /LINKS *******/	

/* Product holder start */
.product-holder,.product-holder1 { width:200px; float:left; padding: 5px; margin: 5px 14px 10px 15px;background:url(../images/thumbnails/bg_thumb.png) no-repeat;height:225px; }
.product-holder .imageLink,.product-holder1 .imageLink { width: 185px; height:130px; float:left; overflow:hidden; position:relative;top:7px;left:6px; }
.product-holder1 {margin: 5px 12px 10px 13px;}
.product-holder .imageLink img,.product-holder1 .imageLink img { width: 185px; float: left; }
.project-overlay { width:187px; height:30px; float:left;  z-index:9999;background:url(../images/thumbnails/grey_bg.jpg);position:relative;top:4px;left:5px;}
	.project-overlay a{ color:#fff; margin-left:5px; font-size:0.95em; text-decoration:none;font-weight:bold;position:relative;top:8px;text-transform:uppercase;letter-spacing:1px;}
	.project-overlay a:hover{ text-decoration:underline;}
	#mailSubmit input {width:100px;}
	
	#freesite {width:488px;margin:0 auto;padding:15px 20px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-moz-box-shadow: 0 1px 3px black;
	 -webkit-box-shadow: 2px 2px 4px black;
	 box-shadow: 0 1px 3px black;
	background: #2c7eaa; /* Old browsers */
background: -moz-linear-gradient(top, #2c7eaa 0%, #23538a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c7eaa), color-stop(100%,#23538a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #2c7eaa 0%,#23538a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #2c7eaa 0%,#23538a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #2c7eaa 0%,#23538a 100%); /* IE10+ */
background: linear-gradient(top, #2c7eaa 0%,#23538a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c7eaa', endColorstr='#23538a',GradientType=0 ); /* IE6-9 */}
#freesite h1 {color:#fff;text-shadow: 2px 2px 2px black;}
	#freesite label {font-family:Arial;font-size:1.6em;color:#fff;display:block;float:left;width:190px;text-shadow: -1px -1px -1px #333;font-weight:bold;}
	#freesite p {color:#fff;font-size:1.7em;padding-bottom:4px;text-shadow: -1px -1px -1px #333;}
	#freesite hr {border-top:1px solid #264E93;border-bottom:1px solid #3599CC;margin-bottom:30px;border-left:none;}
	#freesite input { width:284px; margin-bottom:5px; padding:10px 6px; background:#f5f5f5;border:1px #999 solid;font-size:1.6em;font-family:Arial;position:relative;bottom:13px;text-shadow: 1px 1px 1px #bababa;}
	#freesite textarea { width:473px; padding:10px 6px; background:#f5f5f5;font-family:Arial;border:1px #999 solid;font-size:1.4em;font-family:Arial;height:100px;position:relative;bottom:4px;}
	#freesite .extend {width:100%;}
	#freesite .freebut {width:300px;margin:0 auto;cursor:pointer;padding:10px 15px;text-shadow: 1px 1px 1px black;}
	#freesite .freebut:hover {text-shadow: -1px -1px -1px black;}
	/* contact page */
.contactsub {float:right;margin-right:81px;border:0;cursor:pointer;}
.gosub {position:relative;bottom:13px;float:right;right:127px;cursor:pointer;}
.wecanhelp{cursor:pointer;}
.viewmore {float:right;cursor:pointer;clear:both;}
.testimonials-slider{margin-top:-8px;width:100px;}
#testimonials {
width:370px;
height:287px;
margin:0;
position:relative;left:-40px;overflow:hidden;margin-top:-10px;top:-20px;z-index:1;
 
}

#mailinglist p {margin-top:0;}
#testimonials blockquote{
width:327px !important;
font-family:Arial,Georgia, "Times New Roman", Times, serif;
color:#909090;
display:block;
margin-top:25px;
}
 
#testimonials blockquote p{
margin: 0 !important;padding: 0;
color:#333; 
width:327px;

}

#testimonials blockquote cite {
font-style: normal;
display: block;
 
text-transform: uppercase;
font-weight: bold;
font-style:italic;
color: #888;
margin-top:10px;
}
#testimonials h1 {padding-top:0;margin-top:20px;z-index:999;position:relative;bottom:0;}
h3.testim{height:20px;}
.joinnow {cursor:pointer;float:right;font-weight:normal;margin-bottom:10px;}

.button, #freesite .freebut {
	 color: white;
	 text-decoration: none;
	 font-family: helvetica, arial;
	 font-weight: bold;
	 display: block;
	 text-align: center;
	 position: relative;

	 /* BACKGROUND GRADIENTS */
	 background: #014464;
	 background: -moz-linear-gradient(top, #0D658E, #0C577A 50%, #014D71 51%, #003E5C);
	 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0E658E), color-stop(.5, #0C577A), color-stop(.5, #014D71), to(#003E5C)); 

	 /* BORDER RADIUS */
	 -moz-border-radius: 3px;
	 -webkit-border-radius: 3px;
	 border-radius: 3px;
	 
	 padding:5px;

	 border: 1px solid #368DBE;
	 border-top: 1px solid #c3d6df;

	 /* TEXT SHADOW */

	 text-shadow: 1px 1px 1px black;

	 /* BOX SHADOW */
	 -moz-box-shadow: 0 1px 3px black;
	 -webkit-box-shadow: 0 1px 3px black;
	 box-shadow: 0 1px 3px black;
	}


	/* WHILE HOVERED */
	.button:hover, #freesite .freebut:hover {
		background: #014464;
	 	background: -moz-linear-gradient(top, #0c5f85, #0b5273 50%, #024869 50%, #003853);
	 	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0c5f85), color-stop(.5, #0b5273), color-stop(.5, #024869), to(#003853));
	}

	/* WHILE BEING CLICKED */
	.button:active, #freesite .freebut:active {
		-moz-box-shadow: 0 2px 6px black;
		-webkit-box-shadow: 0 2px 6px black;
	}
	
	.logbut{height:30px;width:100px;margin:0 auto;cursor:pointer;}
	


#mailingform label{
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
}
#mailingform .input{
float:left;
font-size:12px;
padding:5px;
border:solid 1px #aacfe4;
width:210px;
margin:2px 0 10px 10px;
}
.white blockquote h1 {color:#333;}
.white blockquote h1 a {color:#333;font-weight:normal;font-size:0.9em;text-decoration:none;}
.white blockquote h1 a:hover {text-decoration:underline;}