/* common */

body {margin: 0px; background:#fff; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #333;}
#bigholder {margin: 0 auto 0 auto; width: 960px; height:auto;}
p {line-height: 13pt;}
.left {float: left; width: 460px; text-align: left; height: 14px; margin-top: 5px;}
.right {float: right; width: 460px; text-align: right; height: 14px; margin-top: 5px;}
.righter {float: right; margin-top: -50px;}
.clear {clear: both; height:1px; overflow:hidden;}
.pad {padding: px;}
.divider {margin: 0 auto 0 auto; width: 960px; height: 10px;}
img {border:none;}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	margin:10px 0 -5px 0;
	padding:0;
	color:#0396d6;
	font-size:16px;
	font-weight:normal;
}

/* head */

.tophead {margin: 0 auto 0 auto; width: 960px; height: 110px; background: #fff url(../images/header.jpg) top left no-repeat;}
.topnav {margin: 0 auto 0 auto; width: 960px; height: 22px; background: #fff url(../images/navbk.jpg) top left repeat-x;}
.headend {float: left; width: 940px; height: 27px; background: #fff url(../images/headend.jpg) top left repeat-x; font-size: 14px; color:#fff; padding: 0px 10px 0px 10px; margin-top: -12px; *margin-top: 0px;}
.phone {float: right; margin-right: 10px; margin-top: 20px; font-size: 16px; font-weight: bold; color: #fff;}

/* home content */

.homecontent {margin: 0 auto 20px auto; width: 940px; /*height: 400px;*/ padding: 0px 10px 0px 10px; margin-top: 25px; *margin-top: 40px; overflow:hidden;}
.bluetext {font-size: 20px; color: #0396d6; line-height: 20pt;}

/* recent.signup.testimonial */

.rstholder {margin: 0 auto 0 auto; width: 940px; height: 210px; overflow:hidden; padding: 10px 10px 0 10px; background: #fff url(../images/rstbk.jpg) top left repeat; clear:both;}
.rstelements1 {float: left; width: 300px; height: 220px;}
.rstelements2 {float: left; width: 280px; height: 220px; margin-left: 30px;}
.rstelements3 {float: left; width: 300px; height: 220px; margin-left: 30px;}
.smallertext {font-size: 11px;}
.titles {font-size: 18px;}
.color1 {color: #79c041;}
.color2 {color: #f58327;}
.color3 {color: #b53c96;}
.input {background-color:#FFFFFF; border: 1px solid #ccc; color: #999;}
.submit {background-color:#d5e04c; color:#FFFFFF; border: none; padding: 2px 5px 2px 5px;}
.who {font-size: 11px; color: #0396d6;}

/* top navigation */

ul.main {float:right; margin-top:0px; clear:right; height: 22px; padding: 0px;}
ul.main li {display:inline; width:auto; height: 22px; padding: 0px 10px 0px 15px;}
ul.main li.lihome {display:inline; width:auto; height: 22px; padding: 0px 10px 0px 15px; font-size: 14px; color: #0396d6;}
ul.main a {font-size: 14px; color: #fff; text-decoration: none;}
ul.main a:active {font-size: 14px; color: #fff; text-decoration: none;}
ul.main a:visited {font-size: 14px; color: #fff; text-decoration: none;}
ul.main a:hover {font-size: 14px; color: #0396d6; text-decoration: none;}
ul.main a.selected {font-size: 14px; color: #0396d6; text-decoration: none;}

/* bottom home */

.bottomhome {margin: 0 auto 0 auto; width: 940px; height: 160px; padding: 10px;}
.address {float: left; width: 460px;}
.others {float: left; width: 140px; margin-left: 20px; height: 150px;}
.blu {color: #0396d6;}
.bottomtitles {font-size: 16px; color: #b53c96; font-weight: bold;}
ul.bottom {float:left; text-align: left; padding: 0; *margin-left: 0; margin-top: -4px;}
ul.bottom li {display: list-item; list-style: none; width:auto; /*height: 22px;*/ padding: 0px; margin:0 0 6px 0; }
ul.bottom a {font-size: 12px; color: #333; text-decoration: none;}
ul.bottom a:active {font-size: 12px; color: #333; text-decoration: none;}
ul.bottom a:visited {font-size: 12px; color: #333; text-decoration: none;}
ul.bottom a:hover {font-size: 12px; color: #0396d6; text-decoration: none;}

/* footer */

.footerimg {margin: 0 auto 0 auto; width: 960px; height: 10px; background: #fff url(../images/colorbar.jpg) top left no-repeat;}
.footernote {margin: 0 auto 0 auto; width: 950px; height: 15px; padding: 5px;}
.leftfooter {float: left; font-size: 11px;}
.rightfooter {float: right; font-size: 11px;}
.rightfooter a {color: #333; text-decoration: none;}
.rightfooter a:active {color: #333; text-decoration: none;}
.rightfooter a:visited {color: #333; text-decoration: none;}
.rightfooter a:hover {color: #0396d6; text-decoration: none;}

/* portfolio */

/*.portholder {margin: 0 auto 0 auto; width: 940px; padding: 10px;}
.containers {float: left; width: 300px;}
.containers2 {float: left; width: 300px; margin-left: 20px;}
.ltext {float: left; width: 80px;}
.ltext p {margin-top: -5px; *margin-top: 0px;}
.rtext {float: left; width: 200px; margin-left: 20px;}
.rtext p {margin-top: -5px; *margin-top: 0px;}
.portdivider {float: left; width: 940px; height: 20px; clear:both;}
.portdividerbig {float: left; width: 940px; height: 60px; clear:both;}*/

.portholder {
	width:960px;
	padding:10px 0;
}

.portholder h1 {
	margin-left:10px;
}

.container {
	float:left;
	margin:0 10px 0 10px;
	height:270px;
	display:inline; /* Hack for IE6 Double Margin Bug */
	width:300px;
}

.container img {
	margin-bottom:4px;
}

.client_description {
	overflow:hidden; /* This contains floats*/
	margin:10px 0 0 0;
}

.portfolio_blue {
	float:left;
	display:block;
	width:80px;
	color:#0396d6;
}

.portfolio_text {
	display:block;
	float:right;
	width:220px;
	color:#666666;
}

/* subpage */

.subcontent {margin: 0 auto 20px auto; width: 950px; /*height: 400px;*/ padding: 0px 10px 0px 0px; margin-top: 25px; *margin-top: 40px; overflow:hidden;}
/*ul.sub {float:left; text-align: left; padding: 0; *margin-left: 0;}
ul.sub li {display: list-item; list-style: none; width: 195px; height: 22px; padding-left: 10px; padding-bottom: 12px; vertical-align: middle;}
ul.sub li.lihome {display: list-item; width: 195px; height: 31px; padding: 8px 0px 0px 35px; font-size: 14px; color: #333; background: #fff url(../images/bksubnav.jpg) top left no-repeat;}
ul.sub a {font-size: 14px; color: #333; text-decoration: none;}
ul.sub a:active {font-size: 14px; color: #333; text-decoration: none;}
ul.sub a:visited {font-size: 14px; color: #333; text-decoration: none;}
ul.sub a:hover {display: list-item; width: 195px; height: 31px; margin-left: -10px; padding: 8px 0px 0px 35px; font-size: 14px; color: #333; background: #fff url(../images/bksubnav.jpg) top left no-repeat; *margin-top: -8px; _margin-top: 0px;}*/

/* Sub Navigation */

.sub {
	float:left;
	list-style:none;
	margin:16px 0 0 0;
	padding:0;
	width:230px;
}

.sub li {
	list-style:none;
	margin:0;
	padding:0;
}

.sub li a {
	display:block;
	padding: 8px 11px;
	color:#666666;
	text-decoration:none;
}

.sub li a:hover {
	border:1px solid #e9e9e9;
	padding:7px 0 7px 30px;
	background:url(../images/sub_nav_on.gif) no-repeat top left #f3f6f8;
}

.sub li a.selected {
	border:1px solid #e9e9e9;
	padding:7px 0 7px 30px;
	background:url(../images/sub_nav_on.gif) no-repeat top left #f3f6f8;
}

/* Fix IE. Hide from IE Mac \*/
* html ul.sub li { float: left; }
* html ul.sub li a { height: 1%; }
/* End */



.navholder {float: left; width: 230px;}
.rightsubcontent {float: right; width:700px; overflow:hidden; /* THis contains floats */}

.rightsubcontent p {
	max-width:620px;
}

.bigger {font-size: 16px; font-weight: normal; color: #666; line-height:24px;}
.rightimg {float: right;  bottom: 0; right: 0;}

.floatpusher {
    float: right;
    margin-bottom: -290px; /* the bottomfloat height + margin = float to bottom */
	/**margin-bottom: -280px;*/
    width: 1px;
}

#bottomfloat {
    clear: right;
    float: right;
    margin: 30px 0px 10px 10px; /* margin-top as default line-height to avoid overlap */
    width: 300px;
    height: 176px;
}

/* individual */

.indcontent {margin: 0 auto 0 auto; width: 950px; height: auto; padding: 0px 10px 0px 0px; margin-top: 25px; *margin-top: 40px;}
.expander {float: left; width: 641px; margin-top: 25px;}
.linditxt {float: left; width: 60px;}
.rinditxt {float: left; width: 460px; margin-left: 40px; display:inline;}
.blutilt {color: #0396d6; font-style:italic; font-size: 14px;}


/* Revised */

#hometext {
	width:540px;
	float:left;
}

.homepage_img {
	float:right;
	display:inline; /* Hack for IE6 double margin bug */
	margin-top:25px;
}


/* Contact us page */

.address_contact {
	float:left;
	width:240px;
	line-height:20px;
	display:inline; /* Hack for ie6 double margin bug */
	margin-top:10px 0;
}

.address_contact img, .phonecol img {
	display:block;
	margin-bottom:5px;
}

.phonecol {
	float:left;
	width:300px;
	line-height:20px;
	display:inline; /* Hack for ie6 double margin bug */
	margin:10px 0;
} 

/* contact form */

#contact_form {
	border: none;
	margin:20px 0 30px 0;
	padding:0;
}

#contact_form ul {
	margin:0;
	padding:0;
	list-style:none;
}

#contact_form li {
	margin:0 0 6px 0;
	padding:0;
	list-style:none;
	clear:both;
	overflow:hidden; /* This is to containe floats */
}

#contact_form label {
	width:140px;
	text-align:right;
	float:left;
	line-height:20px;
}

#contact_form input {
	margin:0 0 0 20px;
	padding:3px 5px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	border:1px solid #cccccc;
	width:290px;
	font-size:12px;
}

#contact_form textarea {
	margin:0 0 0 20px;
	padding:3px 5px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	border:1px solid #cccccc;
	width:290px;
	font-size:12px;
}

#contact_form .submit {
	width:60px!important;
	background:#d5e04c;
	border:none!important;
	color:#FFFFFF!important;
}

/* Newsletter Signup form*/

#newslettersignup {
	margin:7px 0 0 0;
	padding:0;
	border:none;
}

#newslettersignup ul {
	margin:0;
	padding:0;
	list-style:none;
}

#newslettersignup li {
	margin:0 0 3px 0 ;
	padding:0;
	list-style:none;
}

#newslettersignup label {
	display:block;
	font-size:11px;
	color:#666666;
	margin:0 0 0px 0;
	line-height:normal;
}

#newslettersignup input {
	border:1px solid #cccccc;
	font-size:12px;
	color:#666666;
	padding: 3px;
	width:250px;
}

#newslettersignup .submit {
	border:none!important;
	color:#FFFFFF!important;
	width:60px!important;
	z-index:1;
	position:relative;
}

.newslettertext {
	margin:0!important;
	padding:0!important;
	font-size:11px;
	color:#666666;
}

form {
	margin:0;
	padding:0;
}

.test_block {
	display:block;
	position:absolute;
	width:300px;
	height:156px;
	background:url(../images/blank_project.gif) no-repeat;
}

/* SEO Content */
#seocontent {
	clear:both;
	width:940px;
	margin:10px auto;
}

#seocontent p {
	color:#CCCCCC;
	font-size:11px;
	font-style:italic;
	text-align:justify;
}