html{
     height: 100%;
}
body {
	font: 100%  Helvetica, sans-serif;	
	background:url(images/bg_repeats/blue-white-v.jpg) repeat-x #ffffff fixed;
	margin: 0 auto; padding: 0;	text-align: center;	color:#666666;	height:100%;
}

a{ color:#2F94C8; text-decoration:none; line-height:24px; font-size:14px}
a:hover{ color:#679630;}
a img{ border:none;}
a.big{ font-size:18px;}
 
.centered{width:auto; height:auto; margin:0; padding:0; margin:0 auto; text-align:center;}
 .clear{ clear:both;}


h1 { width:auto; font-size:28px; color:#1784BD; line-height:32px; margin:0px 10px 10px 0px; padding: 4px 1px; letter-spacing:-1.6px; font-weight:100; }
h2 { width:auto; font-size:22px; color:#38A1D8; line-height:20px; margin:0px 10px 10px 0px; padding: 4px 1px; letter-spacing:0px; font-weight:100; }
h2 a{ width:auto; font-size:22px; color:#1784BD; line-height:30px; margin:0px 10px 10px 0px; padding: 4px 1px; letter-spacing:0px; font-weight:100; }
h3 { width:auto; font-size:20px; color:#333333; line-height:25px; margin:4px 10px 10px 0px; padding: 3px 1px; letter-spacing:0px; font-weight:100; }
h4 {width:auto; font-size:18px; color:#666666; line-height:30px; margin:0px 10px 10px 0px; padding: 3px 1px; letter-spacing:0px; font-weight:100; }
h5 { width:auto; font-size:16px; color:#666666; line-height:20px; margin:20px 0px 10px 0px; padding: 0; letter-spacing:-1px; }
h5 a{ width:auto; font-size:16px; color:#679630; line-height:20px; margin:0; padding: 0; letter-spacing:-1px; text-decoration:none;}
h5 a:hover{ width:auto; font-size:16px; color:#93BB1D; line-height:20px; margin:0; padding: 0; letter-spacing:-1px; text-decoration:none;}
h6{ width:auto; font-size:19px; color:#94BC1E; line-height:20px; margin:20px 0px 10px 0px; padding: 0; letter-spacing:-1px; font-weight:100; }

p { font-size:16px;	line-height:24px;	margin:0;	padding:0 80px 0 0;	}
.hr{ height: 3px; width:800px; margin:0 auto; clear:both; background:url(images/hr.jpg) no-repeat; }	
.leftblock{ width:840px; margin:0;	padding:0; font-size:12px;}
.leftblock p{ line-height:24px;  margin:0;}
.leftblock ul{ padding:20px 0 0 26px; margin:0;}
.leftblock li{ list-style:url(images/bg_repeats/list-blue.jpg); padding:0; line-height:22px; margin:0;}

.leftcolumn{ float:left; width:265px; height:auto; margin:10px 0 0 0; padding:0 0 40px 0;  background:url(images/column-top-bg2.jpg) no-repeat top left;}
.leftcolumn p{ font-size:16px; color:#666666; font-weight:bold; letter-spacing:0px; padding:3px 4px;}

.uppercorners{ width:800px; height:auto; background:url(images/uppercorners.jpg) no-repeat; padding:15px 0 0 0;}
.stripebg{ width:790px; height:auto;  background:url(images/bg_repeats/greyfaintstripes2.jpg); border:1px solid #DBDBDB;}	

#container {
	width: 906px;  min-height: 100%; height: auto !important; height: 100%; margin: 0 auto ;  background: #FFFFFF;
	text-align:center; padding:0 ;	border-left:#BBD95F 2px solid;	border-right:#BBD95F 2px solid;
}

#container_inner{
	padding:0;	margin:0 auto;	clear:both;	width:906px;
	}	

#mainContent {
	padding: 0px; 	text-align:left; margin:0 auto;	width:840px; background:#ffffff;
	
}

#header_logo{ 
	background:url(images/header_logo.jpg) no-repeat;	float:left;	width:434px; height:260px;	padding:0;	margin:0;	
	}
	
#header_right{
	width:472px;	height:207px;	background:url(images/header_right.jpg) no-repeat;
	float:left;	padding:0;	margin:0;
		}
	
.nudge{ 
	 height: 71px;  clear: both
	 }	
	 
.bcard{ border:1px solid #CCCCCC;}	 
.arrow{ background:url(images/arrow.gif) no-repeat center; width:171px; height:116px; float:left; padding:120px 0 0 100px; margin:0;}

.websiteredesign{ margin:0;  width:260px; height:auto;  padding:20px 0 0 0 ; float:left;}
.websiteredesign p{ line-height:20px; font-size:14px; margin:0; padding:0 0 0 3px; width:240px;}
.websiteredesign a{ line-height:20px; font-size:16px; margin:0; padding:0 0 0 3px; width:240px;}
.websiteredesign h4{ width:auto; font-size:23px; color:#38A1D8; line-height:32px; margin:0; padding:0; letter-spacing:-1.0px; font-weight:100;   }

.redesignimage{  margin:0; border:#C9C9C9 4px solid; width:220px; height:160px; text-align:center; float:left;}
a img.redesignimage {   border:#C9C9C9 4px solid; margin:0; float:left; }
a:hover img.redesignimage { border:#bbb9b9 4px solid; margin:0;  float:left;} 



.portfoliowrapper{background:url(images/bg_repeats/bluesplat.gif) no-repeat left top; margin:20px 0 0 0;  width:800px; height:auto;  padding:14px 0 50px 30px; float:left;}


.portfolioimage{  margin:0; border:#C9C9C9 4px solid; width:220px; height:160px; text-align:center; float:left;}
a img.portfolioimage {   border:#C9C9C9 4px solid; margin:0px 0  0 65px; float:left; }
a:hover img.portfolioimage { border:#bbb9b9 4px solid; margin:0px 0  0 65px;  float:left;} 


.portfoliobox{ width:408px; height:auto;  margin:0; padding:0px 0 0 25px; float:left; }
.portfoliobox p{ color:#666666; text-align:left; padding:10px 0 0 0;  border-bottom:1px solid #cccccc; font-size:12px; width:350px; float:left; font-weight:bold; letter-spacing:0px;}
.portfoliobox a{ color:#2F94C8;  font-size:12px; padding:0; }
.portfoliobox a:hover{ color:#94BC1E;  font-size:12px;  }
.portfoliobox h4 {width:350px; font-size:22px; color:#333333; line-height:20px; border-bottom:2px solid #cccccc; margin:0; padding:0px 10px 10px 0px; letter-spacing:0px; font-weight:100; }
.portfoliobox ul{ margin:0; padding:4px 0px 10px 20px; width:330px; height:auto; border-bottom:1px solid #cccccc;  }
.portfoliobox li{ line-height:14px; margin:0; padding:6px 0px 0 0px; width:350px; list-style:url(images/bg_repeats/list-blue.jpg);}



.b1{ width:auto; float:left; height:auto;  margin:0; padding:0 0 20px 0; }
.b1 img{ padding:0 30px 0 0;}
.b1 p{ color:#333; text-align:left; padding:0; font-size:14px; line-height:16px; width:500px;  font-weight:100; letter-spacing:0px;}
.b1 a{ color:#2F94C8;  font-size:12px; padding:0; }
.b1 a:hover{ color:#94BC1E;  font-size:12px;  }
.b1 h4 {width:200px; font-size:22px; color:#333333; line-height:20px; margin:0; padding:0px 10px 10px 0px; letter-spacing:0px; font-weight:100;  }
.b1 ul{ margin:0; padding:4px 0px 10px 20px; width:330px; height:auto; border-bottom:1px solid #cccccc;  }
.b1 li{ line-height:14px; margin:0; padding:6px 0px 0 0px; width:350px; list-style:url(images/bg_repeats/list-blue.jpg);}

.logosq{ width:300px;  height:auto;  margin:0; padding:0 120px 0 0; float:left;}
.logosq img{ padding:0;}
.logosq p{ color:#666666; text-align:center; padding:0; font-size:15px; line-height:16px; width:auto;  font-weight:100; letter-spacing:0px;}

.logosq2{ width:300px; height:auto;  margin:0; padding:0; float:left;}
.logosq2 img{ padding:0;}
.logosq2 p{ color:#666666; text-align:center; padding:0; font-size:15px; line-height:16px; width:auto;  font-weight:100; letter-spacing:0px;}

.flashwrapper{ margin:20px 0 0 0;  width:800px; height:auto;  padding:14px 0 10px 30px; float:left; }

.flash{  margin:0; border:0;  width:auto; height:auto; text-align:center; float:left;}
.flash a img {  padding:2px; border:#C9C9C9 2px dashed; margin:0; float:left;  }
.flash a:hover img{ border:#bbb9b9 2px solid; margin:0;  float:left;} 

.flashbox{ width:408px; height:auto;  margin:0; padding:30px 0 0 25px; float:left; }
.flashbox p{ color:#666666; text-align:left; padding:10px 0 0 0;  border-bottom:1px dashed #cccccc; font-size:12px; width:350px; float:left; font-weight:bold; letter-spacing:0px;}
.flashbox a{ color:#2F94C8;  font-size:12px; padding:0; }
.flashbox a:hover{ color:#94BC1E;  font-size:12px;  }
.flashbox h4 {width:350px; font-size:22px; color:#333333; line-height:20px; border-bottom:2px dashed #cccccc; margin:0; padding:0px 10px 10px 0px; letter-spacing:0px; font-weight:100; }
.flashbox ul{ margin:0; padding:4px 0px 10px 20px; width:330px; height:auto; border-bottom:1px dashed #cccccc;  }
.flashbox li{ line-height:14px; margin:0; padding:6px 0px 0 0px; width:350px; list-style:url(images/bg_repeats/list-blue.jpg);}


p.portfolioboxblue { text-align:left; float:left; border-bottom:1px solid #cccccc; width:350px; font-size:14px; color:#3094C6; padding:5px 0;}
p.portfolioboxgrey { text-align:left; float:left;  width:350px; font-size:13px; color:#666666; padding:5px 0px;}

.portfoliotext {  width:350px; height:auto; text-align:left; float:left; line-height:16px; padding:2px; font-size:15px;}
.portfoliotext p {color:#0000FF;  text-align:left; float:left; line-height:16px; padding:2px; font-size:12px;}

.righttext{ text-align:right;}

.minilogo{ float:left; border:none;}

#navspacer{ width:23px; height:53px; background:url(images/nav6.jpg) no-repeat; border:none; float:left;}

.divider { width:800px; margin:0; height:50px; padding:0; clear:both;}
.divider20 { width:800px; margin:0; height:20px; padding:0; clear:both;}

.blue{ color:#1784BD;}
.orange{ color:#FE9B3D;}
.green{ color:#679630;}
.purple{ color:#B541C0;}


	 
#bottom{ 
	width:906px;	height:6px;	padding:0;	margin:0 auto; clear: both;	
	}	
	
#bottom p{ padding:10px 0 0 0; color:#000000;  width:auto; font-size:14px; }

	
/*CONTACT FORM.........................................................................*/	
#contact-area {
	width: 600px;
	margin-top: 25px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 400px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #94BC1E;
}

#contact-area input.submit-button {
	width: 100px;
	margin:0 0 0 115px;
	text-align:center;
	cursor:default;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1.4em;
}	
/*END CONTACT FORM.........................................................................*/	

#nav{
	width:auto; 
	height:auto; 
	float:left; 
	padding:0;
	margin:0;
	}



.navone
{
position: relative;
font-family: arial, helvetica, sans-serif;
background:url(images/hover/nav1.jpg) no-repeat;
width: 80px;
height: 53px;
margin: 0;
padding: 0;
float:left;
}

.navone a{display:block;}

.navone img
{
width: 80px;
height: 53px;
border: 0;}

.navone a:hover img
{

visibility:hidden;
}

*html a:hover{visibility:visible; }	


.navtwo{
	position:relative;
	margin:0;
	padding:0;
	width:95px;
	height:53px;
	float:left;
	background:url(images/hover/nav2.jpg) no-repeat;
	
	}
	
.navtwo a{display:block;}
	
.navtwo img{ width:95px;
	height:53px;
	border:0;}	

.navtwo a:hover img {visibility:hidden;}

*html a:hover{visibility:visible; }	



.navthree{position:relative;
	margin:0;
	padding:0;
	float:left;
	width:91px;
	height:53px;
	background:url(images/hover/nav3.jpg) no-repeat;
	}

.navthree a{display:block;}
	
.navthree img{ 
	width:91px;
	height:53px;
	border:0;
	}	
	
.navthree a:hover img{ visibility:hidden;}
*html a:hover{visibility:visible;}


.navfour{

	position:relative;
	background:url(images/hover/nav4.jpg) no-repeat;
	float:left;
	width:88px;
	height:53px;
	margin:0;
	padding:0;}

.navfour a{display:block;}

.navfour img{ 
	width:88px;
	height:53px;
	border:0;
	}	
	
.navfour a:hover img{ visibility:hidden;}
*html a:hover{visibility:visible;}	


.navfive{

	position:relative;
	background:url(images/hover/nav5.jpg) no-repeat;
	float:left;
	width:95px;
	height:53px;
	margin:0;
	padding:0;}

.navfive a{display:block;}

.navfive img{ 
	width:95px;
	height:53px;
	border:0;
	}	
	
.navfive a:hover img{ visibility:hidden;}
*html a:hover{visibility:visible;}	



#flashsparkle{ border:0; width:720px; height:480px; margin:0 auto; position:fixed; top:0px; left:400px; padding:0; z-index:2; }