/* MAIN STYLES



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



* { margin: 0; padding: 0; }







body,html {



	font-weight:normal;



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



	font-size:13px;



	color:#000;



	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:10px 0;

	color: #018BC6;


}







#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%;



}



.homeh3 { 

	text-decoration:none;
	font-weight: bold;
	letter-spacing:1px;

}





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



	left:20px;



}


#logo h1 {



	padding:0;



	background:none;



	border:none;



}







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



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



	width:350px;



	height:47px;



	text-indent:-9000px;



	display:block;



	text-decoration:none;



	border:none;



}











#topMenu {



	position:absolute;



	right:20px;



	top:70px;



	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_new {

	display:block;

}

.homeColumns_new li {

	float:left;
	border-right:1px dashed #E0E0DA;
	padding:5px;
	padding-left:0;
	margin-right:11px;
	width:288px;
	position:relative;
}



.homeColumns_new ul {
    list-style-image: url(images/tiny_arrow_blue.gif);
	padding-left: 5px;
	position:relative;
}

.homeColumns_new ul li{
	margin-left: 12px;
	position:relative;
	border:none;
}

.home_links{
	text-decoration:none;
	color:#F60;
}



#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:20px;



}







#colLeft ul li {



	display:block;



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



	padding:2px 0 3px 15px;



}



#colLeft ol li {



	list-style-type:decimal;



	margin:2px 0 3px 25px;

}





#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 p {



	line-height:17px;



}




.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:10px 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: 5px;



        font-weight:bold;

}


.footerWeb {



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



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



	background-position: right top;



	padding-bottom: 5px;



        font-weight:bold;



}



.footerContact {



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



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



	background-position: right top;



	padding-bottom: 5px;



        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;



}



#boxes{

	background:url(images/home_services_bg.gif) no-repeat center top;

}



#boxes table {

	width:900px; 

        padding:0;

        border:0;

}



#boxes td {

vertical-align:top;

}





.boxes_a, .boxes_a:hover, .boxes_a:visited{

color:#fff;

text-decoration: none;

font-weight:bold;

font-size:13px;

}





.box{

	padding:0px;

	color:#353134;

	padding:10px 10px 40px 15px;

	width:190px;

}

.blueBoxText {

	margin:0px;

	cursor:pointer;

}

.blueBoxText span {

	color:#FFFFFF;

}



.testimonialsbox {

        background-image:url(http://www.xdwebsolutions.com/wp-content/themes/blueglowp_theme/images/quotes.jpg);

	background-repeat:no-repeat;

	background-position:left;

        width:450px;

        padding:10px 10px 10px 100px;

        border:1px solid #0099ff;

        margin:0px;

}



img.floatleft {

	float: left;

	clear: left;

        margin-right: 5px; 

	margin-bottom: 5px; 

	border: 0;



}



img.floatright {

	float: right;

	clear: right;

        margin-left: 5px; 

	margin-bottom: 5px; 

	border: 0;



}



#authorbox{

    background:#EFEFEF;

    border:1px solid #CECFD0;

    width:575px;

    margin:0 auto;

    margin-bottom:10px;

    overflow:hidden;

}



#authorbox h4{

        font-size:16px;

        color:#191919;

        margin:0;

        padding:10px 10px 5px 10px;

    }



.authortext{

        padding-left:100px;

    }



#authorbox img{

        margin:0;

        padding:5px;

        float:left;

	width: 100px;

	height: 100px;

    }

   

#authorbox p{

        color:#191919;

        margin:0;

        padding:0px 10px 10px 10px;

    }

 

#authorbox a{

        text-decoration:none;

    }

.author_bold{

	font-weight: bold;

	color:#1D95EC

}