/* MAIN STYLES

-------------------------------------------*/

* { margin: 0; padding: 0; }



body,html {

	font-weight:normal;

	font-family:Arial, Helvetica, sans-serif;

	font-size:13px;

	color:#444;

	margin:0;

	padding:0;

	background:#000 url(images/bk_body2.jpg) 50% 0 no-repeat;

	line-height:130%;

}



ul {

	list-style:none;

}



a {

	color:#119EC8;

}



a:hover {

	text-decoration:none;

}



a:focus {

	outline:none;

}



p {

	margin:0.8em 0;

}



h2 {

	color:#119EC8;

	text-transform:uppercase;

	font-size:18px;

	padding-bottom:10px;

}



#colLeft h2, #colLeft h3 {

	text-transform:none;

	padding:5px 0;

}



#colRight h2 {

	font-size:16px;

	border-bottom:1px solid #efefef;

	padding-bottom:5px;

	padding-top:0;

	margin-bottom:5px;

}



h2.home {

	border-bottom:1px solid #efefef;

	margin-bottom:10px;

	padding-bottom:6px;

}



h3 {

	font-size:16px;

}



h1 {

	font-size:26px;

	font-weight:normal;

	color:#333;

	display:block;

	border-bottom:1px solid #efefef;

	padding-bottom:10px;

	margin-bottom:15px;

}

h1, h2, h3 {

	line-height:100%;

}



 /* LAYOUT STRUCTURE

--------------------------------------------------*/

#wrapper {

	margin:35px auto 0;

	width:960px;

	background:#fff url(images/bk_wrapper.jpg) 0 0 no-repeat;

	padding-bottom:1px;

}





#header {

	height:100px;

	position:relative;

	border-bottom:1px solid #E2E2E2;

	background:url(images/bk_header.jpg) 0 100% repeat-x;

}



#content {

	padding:20px;

	border-bottom:12px solid #B7DCF1;

	min-height:500px;

	padding-top:0;

}



.columns {

	background:url(images/bk_rightcol.jpg) 625px 0 repeat-y;

}





/* HEADER ELEMENTS 

--------------------------------------------------*/

/* -- logo --*/

#logo {

	position:absolute;

	top:30px;

	left:20px;

	

}



#logo h1 {

	padding:0;

	background:none;

	border:none;

}



#logo h1 a, #logo h1 a:hover{

	background:url(images/logo.jpg) 0 0 no-repeat;

	width:350px;

	height:47px;

	text-indent:-9000px;

	display:block;

	text-decoration:none;

	border:none;

}





#topMenu {

	position:absolute;

	right:20px;

	top:64px;

	border-left:1px solid #ccc;

}



#topMenu li {

	float:left;

	padding:0 7px;

	border-right:1px solid #ccc;

}



#topMenu li a {

	color:#666;

	font-size:14px;

	font-weight:bold;

	text-decoration:none;

}



#topMenu li a:hover, #topMenu li.selected a {

	color:#119EC8;

}



/* CONTENT

---------------------------------------------*/

#latestPostsHome {

	display:block;

}



#latestPostsHome li {

	display:block;

	float:left;

	background:#FBFBFB url(images/bk_latest_box.jpg) 0 100% repeat-x;

	border:1px solid #DDD;

	padding:10px;

	margin-right:12px;

	width:275px;

	height:190px;

	position:relative;

	margin-bottom:20px;

}



#latestPostsHome li h3 {

	padding-bottom:6px;

	font-weight:normal;

}



#latestPostsHome li p img {

	float:left;

	margin-right:10px;

}



#latestPostsHome li span {

	display:block;

	position:absolute;

	bottom:10px;

	left:7px;

	color:#828282;

	font-size:11px;

}



#latestPostsHome li span img {

	vertical-align:middle;

	margin-right:3px;

}



#content ul#latestPostsHome li a.readmore {

	display:block;

	position:absolute;

	bottom:8px;

	right:10px;

	background:url(images/but_readmore.png) 0 0 no-repeat;

	width:66px;

	height:22px;

	text-indent:-9999px;

}



#homeColumns {

	display:block;

}



#homeColumns li {

	float:left;

	border-right:1px dashed #E0E0DA;

	padding:10px;

	padding-left:0;

	margin-right:11px;

	width:288px;

	position:relative;

}



#homeColumns li img {

	border:none;

}



#homeColumns li.last {

	margin-right:0;

	border:none;

}



#nosidebarfullpage {

	float:left;

	width:640px;

	padding-top:25px;



}



#colLeft {

	float:left;

	width:590px;

	padding-top:25px;



}



#colRight {

	float:left;

	width:290px;

	padding-top:30px;

	margin-left:15px;

	padding-left:20px;

}



#colRight ul {

	margin-bottom:15px;

}



#colLeft ul li {

	display:block;

	background:url(images/bullet.jpg) 0 5px no-repeat;

	padding:2px 0 3px 15px;

}





#colRight ul#latestPosts li, #colRight ul#subCategs li, #colRight ul li  {

	border-bottom:1px solid #efefef;

	line-height:170%;

	padding:5px;

	background:#f9f9f9;

}



#colRight ul#latestPosts li a, #colRight ul#subCategs li a, #colRight ul li a{

	text-decoration:none;

}



#colRight ul#latestPosts li a:hover, #colRight ul#subCategs li a:hover, #colRight ul#latestPosts li:hover a, #colRight ul#subCategs li:hover a{

	color:#333;

}



#colRight ul#latestPosts li:hover, #colRight ul#subCategs li:hover, #colRight ul li:hover  {

	background:#fff;

}



#colRight ul#latestPosts li span {

	font-size:11px;

	color:#828282;

}



#colRight ul#latestPosts li span img {

	vertical-align:middle;

}



.rss {

	margin:0 0 10px;

	padding:5px 0 10px;

	border-bottom:1px solid #efefef;

}



.rss img {

	float:left;

	margin-right:15px;

	border:none;

}



.serviceColLeft, .serviceColRight {

	float:left;

	width:275px; 

	border-right:1px solid #efefef;

	border-bottom:1px solid #efefef;

	padding-right:15px;

	margin-top:22px;

	height:250px; /* here you can adjust the service box height to fit the content*/

	padding-bottom:25px;

	

}



.serviceColRight {

	float:left;

	width:255px; 

	padding-left:20px;

	padding-right:15px;

	border-right:none;

	

}



.serviceColLeft img , .serviceColRight img {

	float:left;

	margin-right:15px;

	margin-bottom:2px;

}





.blogItem img {

	padding:6px;

	border:1px solid #efefef;

	margin-bottom:5px;

}



.blogItem span img {

	padding:0;

	border:none;

	vertical-align:middle;

	margin:0 5px;

}



.blogItem span.action {

	position:absolute;

	bottom:10px;

	right:10px;

	font-weight:bold;

}



.blogItem, .blogItemSearch {

	padding-bottom:5px;

	border-bottom:1px solid #efefef;

	margin-bottom:20px;

}



.blogItem p img {

	padding:5px;

	border:1px solid #efefef;

} 



.blogItemSearch {

	margin-bottom:10px;

}



.more-link {

	display:block;

	background:url(images/but_readmore.png) 0 0 no-repeat;

	width:66px;

	height:22px;

	text-indent:-9999px;	

}



span.metadata {

	display:block;

	padding:5px 0;

	font-size:11px;

	color:#828282;

	border-bottom:1px solid #efefef;

}



span.metadata img {

	vertical-align:middle;

}



.search-terms {

	color:#119EC8;

	font-style:italic;

	font-family:Georgia, "Times New Roman", Times, serif;

	font-size:18px;

}



.reprint {

        font-size:8px;

}





/*COMMENTS

---------------------------------------------*/

#colLeft ul.commentlist {

	margin-bottom:10px;

}



#colLeft ul.commentlist li {

	background:none;

	border-bottom:1px solid #efefef;

	padding:5px 0;

	padding-left:40px;

}



#colLeft ul.commentlist li .avatar {

	float:left;

	width:32px;

	margin-left:-40px;

}



html #colLeft ul.commentlist li .avatar {

	margin-bottom:-20px;

}



#colLeft ul.commentlist li.odd {

	background:#f9f9f9;

}



#colLeft ul.commentlist li .commentmetadata {

	font-size:11px;

	color:#999;

	border-bottom:1px solid #efefef;

}



/* FOOTER

---------------------------------------------*/

#footer {

	clear:both;

	background:url(images/bk_footer.jpg) 100% 0 no-repeat;

	padding:20px 0 10px 0;

	width:960px;

	height:300px;

	margin:1px auto;

	color:#e5ecf0;

	position:relative;

}



#footerSM {

        text-align:center;

        padding:5em;

}



#footerSM img {

        vertical-align: bottom;

}



#footercolumns {padding:2em 0 0 5%}

#footercolumns .block {float:left; width:30%; margin:0 0 0 2.5%}

#footercolumns .first, * html #footercolumns .first{clear:both; margin:0}





#footer ul {

	margin: 0px;

	padding: 0px;

	list-style-type: none;

}

#footer ul li {

	border-bottom-width: 1px;

	border-bottom-style: dashed;

	border-bottom-color: #555555;

	margin: 0px;

}



.footerXD {

	/* background-image: url(images/webserv_footericon.gif); */

	/* background-repeat: no-repeat; */

	background-position: right top;

	padding-bottom: 10px;

        font-weight:bold;

}

.footerWeb {

	/* background-image: url(images/hookup_footericon.gif); */

	/* background-repeat: no-repeat; */

	background-position: right top;

	padding-bottom: 10px;

        font-weight:bold;

}

.footerContact {

	/* background-image: url(images/contact_mailicon.gif); */

	/* background-repeat: no-repeat; */

	background-position: right top;

	padding-bottom: 10px;

        font-weight:bold;

}



.footerXD a:hover, .footerWeb a:hover, .footerContact a:hover {

	color: #689b3d;

}



.footerList    {

	line-height: 15px;

}



.footerList a {

	color: #999999;

	text-decoration: none;

	padding-left: 10px;

	background-image: url(images/footer_arrow_on.gif);

	background-repeat: no-repeat;

	background-position: left center;

	display: block;

	padding-top: 5px;

	padding-bottom: 5px;

}

.footerList a:hover {

	color: #FFFFFF;

	background-image: url(images/footer_arrow.gif);

	background-repeat: no-repeat;

	background-position: left center;

	background-color: #208eba;

}



.footercopy {

        text-align:center;

        padding:2em;

}



#footersearchform {

	position:absolute;

	top:165px;

	right:75px;

}



#footersearchform input#s {

	width:195px;

	background:url(images/bk_searchbox.jpg) 0 0 no-repeat;

	font-size:12px;

	font-style:italic;

	font-family:Arial, Helvetica, sans-serif;

	padding:4px 5px;

	border:none;

	color:#999;

}



#footersearchform input#footersearchsubmit {

	width:25px;

	height:22px;

	background:url(images/bk_searchbut.jpg) 0 0 no-repeat;

	border:none;

}



#footersearchform input {

	float:left;

}





/* HOME SLIDER

-----------------------------------------------*/



#slider {

	margin-bottom:20px;

	margin-top:20px;

}



* html #slider {

	padding-bottom:0;

}



#sliderFold {

	width:305px;

	padding:0;

	float:left;

}



#sliderFold .sliderItem, #sliderFold .sliderItemOn, #sliderFold .sliderItemOnFirst{

	padding:13px 20px 0 84px;

	border-right:1px solid #ACD7EE;

	border-bottom:1px solid #ACD7EE;

	border-top:1px solid #fff;

	height:83px;

	position:relative;

	cursor:pointer;

}



 #sliderFold .sliderItemOnFirst {

 	border-top:1px solid #ACD7EE;

 }



#sliderFold .sliderItemOn, #sliderFold .sliderItem:hover {

	border-right:none;

	background:url(images/bk_serv_active.jpg) 100% 0 repeat-y;

	

	

}



#sliderFold .sliderItem h2, #sliderFold .sliderItemOn h2, #sliderFold .sliderItemOnFirst h2 {

	font-size:16px;

	letter-spacing:-1px;

	padding-bottom:5px;

	text-transform:none;

	color:#333;

}



#sliderFold .sliderItem p, #sliderFold .sliderItemOn p, #sliderFold .sliderItemOnFirst p  {

	line-height:120%;

	margin:0;

	padding:0;

}



#sliderFold .sliderItem img, #sliderFold .sliderItemOn img, #sliderFold .sliderItemOnFirst img{

	position:absolute;

	left:0;

	top:10px;

}



.sliderImg {

	background:#D5EAF7 url(images/bk_blue_grad.jpg) 0 100% repeat-x;

	border:1px solid #ACD7EE;

	border-left:none;

	position:relative;

	float:left;

	padding:7px;

	height:376px;

}



.panel a.butDetails {

	display:block;

	position:absolute;

	width:157px;

	height:40px;

	background:url(images/but_slider.jpg) 0 0 no-repeat;

	text-indent:-9999px;

	right:3px;

	bottom:5px;

}



.panel img {

	border:1px solid #fff;

}	



.panel p.projName {

	font-size:16px;

	padding:15px 4px;

	margin:0;

}







/* CAROUSEL

---------------------------------------------*/



.stepcarousel{

	float:left;

	position: relative; /*leave this value alone*/

	overflow: hidden; /*leave this value alone*/

	width: 600px; /*Width of Carousel Viewer itself*/

	height: 376px; /*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*/

	width: 600px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */

	height:384px;

	position:relative;

}





/* FORMS

--------------------------------------------------*/



#searchform {

	position:absolute;

	top:27px;

	right:20px;

}



#searchform input#s {

	width:195px;

	background:url(images/bk_searchbox.jpg) 0 0 no-repeat;

	font-size:12px;

	font-style:italic;

	font-family:Arial, Helvetica, sans-serif;

	padding:4px 5px;

	border:none;

	color:#999;

}



#searchform input#searchsubmit {

	width:25px;

	height:22px;

	background:url(images/bk_searchbut.jpg) 0 0 no-repeat;

	border:none;

}



#searchform input {

	float:left;

}



form#contact label {

	display:block;

	padding:8px 0 2px;

	font-weight:bold;

}



form#contact input, form#contact textarea {

	border:1px solid #E5E5E5;

	padding:5px;

	font-size:12px;

	font-family:Arial, Helvetica, sans-serif;

	color:#666;

	width:300px;

}



form#contact textarea {

	width:500px;

}



form#contact input.submit {

	border:none;

	width:147px;

	height:40px;

	text-align:center;

	padding-top:4px;

	color:#fff;

	font-weight:bold;

	text-transform:uppercase;

	margin-top:15px;

	background:url(images/bk_submit.jpg) 0 0 no-repeat;

}



.errormsg, .successmsg{

	background:#FEF4F1;

	border:1px solid #F7A68A;

	color:#DA4310;

	padding:10px;

}



.successmsg {

	background:#F5FAF1;

	border:1px solid #C2E1AA;

	color:#8FA943;

}



form#commentform label {

	display:block;

	padding:8px 0 2px;

	font-weight:bold;

}



form#commentform input, form textarea {

	border:1px solid #E5E5E5;

	padding:5px;

	font-size:12px;

	font-family:Arial, Helvetica, sans-serif;

	color:#666;

	width:300px;

}





form#commentform textarea {

	width:500px;

}



form#commentform input#submit{

	border:none;

	width:157px;

	height:40px;

	text-align:center;

	padding-top:4px;

	color:#fff;

	font-weight:bold;

	text-transform:uppercase;

	margin-top:15px;

	background:url(images/bk_butpostcomm.jpg) 0 0 no-repeat;

	font-size:11px;

}







/* CLEARING

---------------------------------------------------*/

.clearfix:after {

    content: "."; 

    display:block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}

.clearfix {

	display: block;

}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */



.clear {

	clear: both;

}



.noclear {

	clear: none;

}



/* EXPAND-COLLAPSE-CODE

---------------------------------------------------*/

.expand_top,.expand_wrapper

{

	width: 500px;

	padding:0px;

	margin:0px 0px 5px 0px;

	float:left;

}



h2.expand_heading {

	padding: 0 0 0 20px;

	margin: 0 0 5px 0;

	background:  #fff;

	height: 38px;

	line-height: 38px;

	width: 400px;

	font-size: 1.5em;

	font-weight: normal;

	float: left;

}

.expand_all

{

cursor:default;

}

h2.expand_heading a {

	color: #0066FF;

	text-decoration: underline;

	display: block;

}

h2.expand_heading a:hover {

	color: #ccc;

}



h2.active {background-position: left bottom;}

.toggle_container {

	margin: 0 0 5px;

	padding: 0;

	background: #FFF;

	overflow: hidden;

	font-size: 1em;

	width: 450px;

	clear: both;

}

.toggle_container .box {

	padding: 10px;

}

.toggle_container .box p {

	padding: 5px 0;

	margin: 5px 0;

}