body{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#3F3F3F;
	background-color:#ffffff;
	margin:0;
	padding:0;
}

#main-container{
	width:968px;
	margin: 0px auto 20px auto;
	display:block;
}

h1{
	font-size:24px;
	}
h1.white{
	color:#FFF;
	}
h2{
	font-size:18px;
	}
h2.white{
	color:#FFF;
	}
h2.black{
	color:#666;
	font-weight:bold;
	font-size:12px;
	margin:0;
	padding:0;
	}
h3{
	font-size:11px;
	}
h4{
	font-size:10px;
	}
h5{
	font-size:14px;
	}
h6{
	font-size:13px;
	}
small{
	font-size:11px;
	}
a{
	color:#2079b9;
	text-decoration:none;
	}
a:hover{
	color:#000000;
	text-decoration: underline;
	}
.alignright{
	float:right;
	margin: 3px 0px 5px 10px;

	}
.alignleft{
	float:left;
	margin: 3px 10px 5px 0px;
	}

strong{
	font-weight:bold;
	}
i, em{
	font-style:italic;
}

p{
	padding-bottom:20px;
	line-height:20px;}

table{
	margin-bottom: 15px;
}	
table tr td{
	padding:5px;
	margin:0px;
	vertical-align:top;
}	
table tr td ul li{
	padding:0px;
	margin:0px;
	list-style-type:disc;
	list-style-position:inside
}

#content h1{
	color:#6A6A6A;
	/*padding-bottom:10px;*/
}
#content blockquote{
	font-size:18px;
	padding-bottom:20px;
}
#content p{
	font-size:13px;
}
#content h2{
	color:#2079B9;
}
#content h3{
	font-size:18px;
}

#content ul{
	position:relative;
	margin:10px 0px;
	list-style-image:url(../img/bullet.png);
	}

#content ol{
	position:relative;
	margin:10px 0px;
	list-style:decimal;
	}
#content ul li, ol li{
	padding:5px 0 0 5px;
	margin:0 0 0 30px;
	}
#content ul li{
	list-style-type:disc;
	}
#content ol li{
	list-style-type: decimal;
	}

#content table{
	width:100%;
	border-collapse:collapse;
	margin-top:10px;
	}
#content table tr th{
	background-color:#5B5B5B;
	color:#FFF;
	padding:5px;
	text-align:center;
	border:1px #d6d6d6 solid;
	}	
#content table tr td{
	background-color:#FFFFFF;
	padding:5px;
	text-align:left;
	border:1px #d6d6d6 solid;
	}	


/********************************************************************************************** Header */

#header{
	position:relative;
	width:960px;
	height:112px;
	margin: 0px auto;
	display:block;
	background:url('../img/header_bg.jpg') repeat-x;
	}

#main-menu{
	width:520px;
	height:50px;
	padding:0px 10px 0px 0px;
	display:block;
	float:right;
	}

#main-message{
	width:520px;
	height:20px;
	padding:25px 10px 0px 0px;
	display:block;
	float:right;
	text-align:right;
	color:#0067A7;
	font-size:14px;
	}

.green{
	color:#759D33;
	}
	
#main-message a{
	color:#759D33;
	}

/********************************************************************************************** Menu */

.menu{
	display:block;
	float:right;
	margin-top:30px;
	margin-right:8px;
	width:74px;
	height:31px;
	text-align:center;
	padding-top:3px;
	font-size:15px;
	color: #999999;

	}
	
.menuSelected{
	display:block;
	float:right;
	margin-top:30px;
	margin-right:8px;
	/*margin:30px 0px 0px 30px;*/
	width:74px;
	height:31px;
	text-align:center;
	padding-top:3px;
	font-size:15px;
	color: #FFFFFF;
	background-image:url(../img/selectedMainMenu.png);
}

.menuSelected:hover{
	color:#FFFFFF;
	text-decoration:none;
}

.menu:hover{
	color:#666666;
	text-decoration:none;
	}

/********************************************************************************************** Banner */
#banner{
	position:relative;
	width:874px;
	padding:1px 47px;
	height:289px;
	margin: 0px auto;
	display:block; 
	background:url(../img/banner-bg.jpg) center top no-repeat;
	}
#banner .big{
	font-size:28px;
	color:#FFF;
	padding-bottom:15px;
	display:block;
	} 


.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 874px; /*Width of Carousel Viewer itself*/
	height: 290px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin:0px; /*margin around each panel*/
	width: 874px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}	
	
div#mySlides .description{
	position:relative;
	font-size:16px;
	color:#0f3660;
	padding:20px 0px 0px 0px;
	width:495px;
	height:273px;
	float:left;
}
div#mySlides .description .readmore-bt{
	position:absolute;
	bottom:15px;
	right:0px;
	display:block;
	width:136px;
	height:33px;
	background:url(../images/banner/banner-bt.jpg) bottom no-repeat;
	}
div#mySlides .description .readmore-bt:hover{
	background:url(../images/banner/banner-bt-on.jpg) bottom no-repeat;
	}
	
div#mySlides{

}
div#mySlides .images{
	display:block;
	width:361px;
	height:262px;
	float:right;
	padding:31px 0px 0px 3px;
	background:url(../images/banner/banner-image-pad.jpg) bottom no-repeat;
}

#quote-bar{
	position:relative;
	width:960px;
	height:45px;
	margin: 0px auto;
	padding:20px 0 0px 0;
	display:block;
	background:url('../img/quote-bar-bg.jpg');
	background-repeat:no-repeat;
	}

	
/********************************************************************************************** Sub Menu  */
#submenu{
	width:930px;
	height:48px;
	margin: 0px auto;
	display:block;
	background: url('../img/supmenu-bg.jpg') no-repeat;
	text-align:right;
	padding:24px 30px 0 0;
	}
#submenu a{
	color:#FFF;
	text-decoration:none;
	margin-left:25px;
	font-size:13px;
	}	
/********************************************************************************************** Tag Line */	
#tagline{
	width:960px;
	height:40px;
	padding:25px 0px;
	margin: 0px auto;
	display:block;
	font-size:20px;
	color:#2079b9;
	}
	
#twitter-wrap-content{
	font-style:italic;
	}
	
#twitter-wrap-content a{
	text-decoration:none;
	color:#606060;
	font-style:italic
	}

#twitter-wrap-content a:hover{
	text-decoration:none;
	color:#333;
	}
/********************************************************************************************** Content-container */
#content-container{
	width:908px;
	background: top left url('../img/content-bg-corners.jpg') no-repeat #f3f3f3;
	margin:20px auto 0px auto;
	padding:0px 25px 0px 25px;

	}

#content-container-portfolio{
	width:933px;
	background: top left url('../img/content-bg-corners.jpg') no-repeat #f3f3f3;
	margin:20px auto 0px auto;
	padding:0px 0px 0px 25px;
	}
	
#bottom-content-container{
	height:14px;
	width:908px;
	background: top left url('../img/bottom-content-bg-corners.jpg') no-repeat;
	padding:0px 25px 0px 25px;
	margin:0px auto 0px auto;
	}
/********************************************************************************************** Content */
#content{
	display:block;
	width:563px;
	margin:25px 40px 25px 0px;
	float:left;
	}
#portfolio-content{
	display:block;
	width:933px;
	margin:25px 0px 25px 0px;
	float:left;
	}
#portfolio-content .project-box{
	display: inline;
	width:289px;
	float:left;
	margin-right:20px;
	margin-bottom:40px;
	}
#portfolio-content .project-box a img{
	border:4px #CCC solid;
	margin-bottom:5px;
	}
#portfolio-content .project-box a:hover img{
	border:4px #999 solid;
	}
	
/* ---- Posts */
#content .post-wrap{
	display:block;
	padding-bottom:10px;
	margin-bottom:20px;
	background:bottom url('../images/headers-line.jpg') repeat-x;
	}
.newsImg{
	border: 1px solid silver;
	padding:5px;
}
#content img.post-image{
	display:block;
	width:248px;
	float: left;
	}
#content div.post-content{
	width:280px;
	display:block;
	float: right;
	text-align:justify;
	line-height:160%;
	}
#content div.post-content h2{
	text-align:left;
}
#content .post-meta{
	clear:both;
	display:block;
	width:563px;
	padding-top:22px;
	text-align:right;
	font-size:11px;
	text-transform:uppercase;
	color:#A4A4A4;
	}

#content .post-meta-blog{
	clear:both;
	display:block;
	width:563px;
	padding-top:5px;
	text-align:left;
	font-size:11px;
	text-transform:uppercase;
	color:#A4A4A4;
	}

	
.txtcomment
{
	padding-bottom:10px;
	margin-bottom:5px;
	border-bottom:1px solid #218DD8;
	}

.commentcontent
{
	min-height:7px;
	margin-bottom:5px;
}	

.commentname
{
	text-align:left;
	text-transform:uppercase;
	color:#A4A4A4;
}

.commenttop
{
	background:url(../img/comment_t.png);
	width:560px;
	height:24px;
}

.commentmiddle
{
	background:url(../img/comment_m.png);
	background-repeat:repeat-y;
	width:540px;
	padding-left:10px;
	padding-right:10px;
}

.commentbottom
{
	background:url(../img/comment_b.png);
	width:560px;
	height:7px;
}

#sendcomment
{
	padding-top:2px;
}
	
.default_bt{
	display:block;
	width:105px;
	height:21px;
	background: url('../img/btn_bg.jpg') no-repeat;
	color:#333;
	text-align:center;
	padding-top:4px;
	}
	
.default_bt:hover{
	color:#FFF;
	text-decoration:none;
	}

#nav-previous{	
	display:block;
	float:left;
	width:105px;
	height:25px;
	background: url('../images/nav_previous_off.jpg') no-repeat;
	}
#nav-previous:hover{	
	background: url('../images/nav_previous_on.jpg') no-repeat;
	}
#nav-next{
	display:block;
	float:left;
	margin-left:10px;
	width:105px;
	height:25px;
	background: url('../images/nav_next_off.jpg') no-repeat;
	}
#nav-next:hover{
	background: url('../images/nav_next_on.jpg') no-repeat;
	}
/* ---- Services */
#content .service-wrap{
	display:block;
	padding-bottom:10px;
	margin-bottom:20px;
	background:bottom url('../images/headers-line.jpg') repeat-x;
	}
#content img.service-thum{
	display:block;
	width:563px;
	margin:10px 0px;
	clear:both;
	}
#content div.service-content{
	width:563px;
	display:block;
	}
#content .service-meta{
	clear:both;
	display:block;
	width:563px;
	padding-top:15px;
	text-align:right;
	font-size:11px;
	}
/********************************************************************************************** Contact Form */
span.red{
	color:#F00;}
.message{
	display:block;
	width:100%;
	padding:10px;
	background-color:#C5C5C5;
	border:1px #999 solid;
	text-align:center;
	font-size:16px;
	}	
#commentForm { 
	width: 563px; 
	}
#commentForm label.error { 
	width: 250px; text-align:left;  color: #F00; font-size:12px;
	}
#commentForm label.error, #commentForm input.submit { 
	display:block; 
	}
	
table.quote-form {
	margin:20px 0px;

	}
table.quote-form tr td{
	background-color:#f3f3f3!important;
	border:0px!important;
	}
table.quote-form tr td.field-name{
	width:150px;
	padding:12px;
	text-align:right;	

	}
table.quote-form input, table.quote-form select, table.quote-form textarea{
	width:330px;
	background-color:#E9E9E9;
	border:1px #C5C5C5 solid;
	padding:5px;
	}
table.quote-form select{
	width:342px;
	background-color:#E9E9E9;
	}
table.quote-form textarea{
	width:330px;
	height:200px;
	background-color:#E9E9E9;
	border:1px #C5C5C5 solid;
	padding:5px;
	}
table.quote-form .submit{
	width:79px;
	height:25px;
	display:block;
	border:0px;
	padding:0px;
	background:top left url('../images/submit.jpg') no-repeat;
	cursor:pointer;
	}
table.quote-form .submit:hover{
	background:top left url('../images/submit_on.jpg') no-repeat;
	
	}
/********************************************************************************************** Side-bar */
#side-bar{
	display:block;
	width:265px;
	margin:25px 0px 25px 40px;
	float:right;
	}
.sidebar-header{
	padding-bottom:10px;
	margin-bottom:10px;
	background:bottom url('../images/headers-line.jpg') repeat-x;
	}

#side-bar #testimonial-text-block{
	display:block;
	width:235px;
	color:#FFF;
	font-size:12px;
	line-height:15px;
	padding:10px;
	border:5px #218dd8 solid;
	background-color:#409dde;
	}	
#side-bar #testimonial-bottom{
	display:block;
	padding:3px 0 0 0;
	width:255px;
	height:20px;
	background:top right url('../images/testimonial-mark.jpg') no-repeat;
	}

#side-bar #testimonial-bottom a{
	text-transform:uppercase;
	color:#737373;
	text-decoration:underline;
	font-size:11px;
	padding-top:5px;
}
	
#side-bar #quote-block{
	display:block;
	width:235px;
	color:#f3f3f3;
	font-size:18px;
	line-height:22px;
	padding:10px;
	border:5px #ababab solid;
	background-color:#141414;
	}
#side-bar #quote-block a:hover{
	color:#FFF;	
	}	
.clear{
	width:908px;
	height:1px;
	display:block;
	clear:both;
	}
/********************************************************************************************** Bottom-container */
#bottom-container{
	width:960px;
	padding:20px 0px 25px 0px;
	margin: 10px auto 0px auto;
	display:block;
	color:#666;
	background: top center url('../img/bottom-content-bg.jpg') no-repeat #f3f3f3;
	}
#bottom-container h1
{
	color:#0068A8;
	font-size:22px;
	margin:0px 0px 20px 20px;
}
#bottom-container h1 span
{
	color: #759D33;
}
#bottom-container h1 a
{
	color: #759D33;
}
.link-block{
	position:relative;
	display:block;
	float:left;
	width:165px;
	margin:0px 0px 0px 20px;
	color:#999999;
	font-size:11px;
	text-transform:lowercase;
	}
.link-block a{
	color:#999999;
	font-size:11px;
	text-transform:lowercase;
	}

.link-block a:hover{
	color:#666;
	font-size:11px;
	text-decoration:none;
	}
#clear-bottom{
	display:block;
	clear:both;
	width:960px;
	height:1px;
	}
/********************************************************************************************** Footer */

#footer-container{
	position:relative;
	width:960px;
	height:70px;
	margin: 10px auto 0px auto;
	display:block;
	color:#7b7b7b;
	background: url('../img/footer-bg.jpg') no-repeat;
	}

#footer-menu{
	padding-top:15px;
	padding-left:10px;
	color: #0068A8;
	font-size:11px;
	}
	
#footer-menu a{
	color: #0068A8;
	text-decoration:none;
	font-size:11px;
	}
	
#copyright{
	padding-top:5px;
	padding-left:10px;
	font-size:11px;
}
.contentDiv{
	padding-top:20px;
	text-align:justify;
}
.portfolio img{
	vertical-align:middle;
}

.inputbox
{
	width:250px;
	padding:8px;
	border:1px solid #409DDE;
	color:#005E90;
	font-family:"Trebuchet MS" , Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-top:2px;
}

label
{
	font-size:13px;
	font-weight:bold;
}

.button
{
	border:0;
	color:#FFF;
	border:4px solid #218DD8;
	background:#409DDE;
	padding:2px 15px 2px 15px;
	cursor:pointer;
	font-family:"Trebuchet MS" , Arial, Helvetica, sans-serif;
}

#portList li {
	float: left;
	width:125px;
}

#portList{
	padding-top:20px;
}

#pageNavPosition
{
	float:right;
	padding-bottom:5px;
	color:#CCC;
}

.pg-selected
{
	padding:1px 3px 1px 3px;
	border:1px solid #218DD8;
	color:#218DD8;
	margin-left:3px;
	cursor:pointer;
	font-size:11px;
}

.pg-normal
{
	padding:1px 3px 1px 3px;
	border:1px solid #CCC;
	margin-left:3px;
	cursor:pointer;
	color:#CCC;
	font-size:11px;
}

.portItem
{
	text-align:center;
	cursor:pointer;
}

.portDesc{
	font-weight:bold;
	overflow:hidden;
	height: 20px;
}

.portItem:hover{
	color:#218DD8;
}
#footerGradient{
	background-image:url('../images/bottomGradient.png');
	position:fixed;
	bottom:0;
	width:100%; 
	left:0;
	height:60px;
}
#recaptcha_table {
   border-color: #409DDE !important;
 }
 
.groupimg
 {
	 margin:5px;
	 border-bottom:3px solid #f3f3f3;
	 padding:0;
 }
 
 .groupimg:hover
 {
	 margin:5px;
	 border-bottom:3px solid #218DD8;
	 padding:0;
 }