/***************************************************************************************/
/* COMMON LAYOUT */
/***************************************************************************************/

* { padding: 0px; margin: 0px; } /* Start with a clean slate */
* {  font-size: 13px; font-family: Arial; color: #666666; line-height: 18px; }  /* Default font for all items */
div { -moz-box-sizing:border-box; box-sizing:border-box; } /* Forces IE & IE to treat padding the same */
html { min-height: 100%; margin-bottom: 1px; } /* Set height to 100% + 1px to force scroll bar in FF */
#ht { position: absolute; top: -2000px; width: 500px; } /* Hidden Text - Look up. WAAAY Up */
.clear { clear: both; height: 0px; overflow: hidden; } /* Used to clear floats without taking up space */
body { margin: 0px 0px 0px 0px; background: #FFFFFF; background: url('/images/layout/bodybg7.jpg') repeat-x; overflow-x: hidden; }
hr { border-color: #DEDEDE; border-width: 1px; border-top-style: solid; border-bottom-style: none; height: 1px; overflow: hidden; margin-bottom: 15px; }


ul, ol { margin-left: 20px; line-height: 20px;  margin-bottom: 15px; }
ul { list-style-image: url('/images/icon_arrow3.gif'); }
ul.green-arrow-4 {
	list-style-image: none;
	margin-left: 0px;
}
ul.green-arrow-4 li {
	list-style-type: none;
	margin-left: 5px;
	padding-left: 25px;
	background: url('/images/green-arrow-4.png') no-repeat 0px 0px;
}

li { list-style-type: square; line-height: 20px; font-size: 12px; margin-left: 25px; }

#lightview ul {
    list-style-image: none;
}


.bordered {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    -moz-box-shadow:0 0 8px rgba(0, 0, 0, 0.1);
    border: 1px solid #E5E5E5;
    padding: 2px;
}


h1, h2, h3, h4, h5 { font-family: Arial; }


p  { color: #666666; font-size: 13px; margin: 0px 0px 15px 0px; }
a  { color: #00ADD9; text-decoration: none; }
a:hover { color: #333333; text-decoration: underline; }

h1, h1 a { color: #333333; font-size: 28px; line-height: 24px; margin: 0px 0px 15px 0px; font-weight: bold; }
h2, h2 a { color: #00ADD9; font-size: 20px; line-height: 22px; margin: 0px 0px 15px 0px; font-weight: bold; }
h3, h3 a { color: #FF33CC; font-size: 16px; margin: 0px 0px 15px 0px; font-weight: normal; }
h4, h4 a { color: #333333; font-size: 13px; margin: 0px 0px 10px 0px; font-weight: bold; }
h5, h5 a { color: #333333; font-size: 16px; margin: 0px 0px 10px 0px; font-weight: normal; }
h6, h6 a { color: #00ADD9; font-size: 14px; margin: 0px 0px 5px 0px; font-weight: normal; }

#preload { height: 0px; width: 0px; overflow: hidden; }


/***************************************************************************************/
/* SPECIFIC TO THIS LAYOUT */
/***************************************************************************************/

#main { width: 927px; margin: 0px auto; text-align: left; }

#headerA { margin-top: 10px; height: 87px; }
#headerB { margin-top: 10px; height: 87px; }

#headerA a, #headerB a { border: none; }

#headerLeft { width: 250px; float: left; }
#headerRight { width: 600px; float: right; margin-top: 10px; }

#headerContact {
	width: 600px;
	float: right;
	text-align: right;
	color: #FFFFFF;
	margin-right: 13px;
	font-size: 11px;

}

#headerContact span {
	color: #b2dc52;
}


#headerA #logoLeft { border: none; }
#headerB #logoLeft { border: none; }
#logoRight {   }

#upperNav { text-align: right; margin-top: 47px; height: 20px; }

#headerA #upperNav a span { color: #999999; font-size: 14px; text-decoration: none; }
#headerB #upperNav a span { color: #999999; font-size: 14px; text-decoration: none; }


#upperNav a:hover { text-decoration: none; }



#upperNav a  { padding: 0px 0px 0px 0px; height: 38px; display: block; float: right; }
#upperNav span  {  line-height: 30px; height: 38px;  text-align: center; display: block; padding-right: 0px; padding-left: 0px; cursor: pointer; }



#upperNav a:hover  { background: url('/images/layout/nav-left.png') no-repeat top left; }
#upperNav a:hover span  { background: url('/images/layout/nav-right.png') no-repeat top right; }

#headerB #upperNav a:hover span { color: #FFFFFF; }
#headerA #upperNav a:hover span { color: #FFFFFF; }


#leftNav { width: 221px; float: right; margin-left: 20px; margin-bottom: 0px; }
#leftHavHeader { background: url('/images/layout/leftnavheader.gif'); width: 221px; height: 36px; }
#leftHavHeader span { font-size: 18px; line-height: 36px; margin-left: 15px; }
#leftNavInner { border-width: 1px; border-color: #D3D3D3; border-left-style: solid; border-right-style: solid; }
#leftNav a  { margin-left: 15px; margin-right: 15px; height: 30px; line-height: 30px; border-color: #EAEAEA; border-width: 1px; border-bottom-style: solid; font-size: 13px; color: #333333; text-decoration: none; display: block; font-family: arial; background: url('/images/layout/navbg.gif') center right no-repeat; }
#leftNav a:hover { background: url('/images/layout/navoverbg2.gif') center right no-repeat; }
#leftHavFooter { background: url('/images/layout/leftnavfooter.gif'); width: 221px; height: 6px; overflow: hidden; position: relative; top: -5px; }

#bodyA { width: 649px; float: left; }
#bodyB { width: 100%; overflow: hidden; }


#foot { height: 172px; width: 944px; margin: 0px auto; background: url('/images/layout/foot.gif'); }
#footA { margin: 18px 0px 0px 23px !important; margin: 18px 0px 0px 12px; width: 275px; float: left; }
#footB { margin: 18px 0px 0px 32px; width: 275px; float: left; }
#footC { margin: 18px 0px 0px 32px; width: 275px; float: left; }

#footer { margin-top: 3px; margin: 0px auto; width: 927px; }

#footer a { border: none; }

#footerRight {  color: #333333; text-align: center; }

#footerLeft a, #footerRight a { color: #333333; padding: 2px 8px 2px 8px; text-decoration: none; font-size: 11px; }
#footerLeft a:hover, #footerRight a:hover { color: #333333; text-decoration: underline; }


#homeFootLeft { float: left; }
#homeFootCenter { float: left; margin-left: 73px; }
#homeFootRight { float: right; }

#homeFootLeft, #homeFootCenter, #homeFootRight { width: 260px; }

#homeFootLeft p, #homeFootCenter p, #homeFootRight p { font-size: 11px; font-family: Verdana; margin-bottom: 2px; }
#homeFootLeft h3, #homeFootCenter h3, #homeFootRight h3 { font-weight: bold; font-family: arial; color: #333333; margin-bottom: 4px; font-size: 15px; }
#homeFootLeft div, #homeFootCenter div, #homeFootRight div { height: 150px; }
#homeFootLeft a, #homeFootCenter a, #homeFootRight a { font-size: 11px; font-family: Verdana; }
#homeFootLeft a:hover, #homeFootCenter a:hover, #homeFootRight a:hover {  }



#leftNav a.blueButton, a.blueButton { margin: 0px; text-align: center; background: url('/images/layout/bluebutton.gif'); height: 47px; width: 221px; line-height: 47px; color: #FFFFFF; font-size: 20px; display: block; border: none; }
#leftNav a.blueButton:hover, a.blueButton:hover { background: url('/images/layout/bluebuttonover.gif'); }




.prev2 		{ height: 30px; width: 30px; background: url('/images/layout/arrow_prev.png') no-repeat; border: none; display: block; float: right; padding: 0px; margin: 0px; }
.prev2:hover { border: none; }
.next2 		{ height: 30px; width: 30px; background: url('/images/layout/arrow_next.png') no-repeat; border: none; display: block; float: right; padding: 0px; margin: 0px; }
.next2:hover { border: none; }
a.next2 img { height: 30px; width: 30px; }
a.prev2 img { height: 30px; width: 30px; }

/*
.prev 		{ height: 40px; width: 48px; background: url('/images/layout/prevarrow.gif') no-repeat; border: none; display: block; float: right; padding: 0px; margin: 0px; }
.prev:hover { background: url('/images/layout/prevarrowover.gif') no-repeat;; border: none; }
.next 		{ height: 40px; width: 40px; background: url('/images/layout/nextarrow.gif') no-repeat; border: none; display: block; float: right; padding: 0px; margin: 0px; }
.next:hover { width: 43px; background: url('/images/layout/nextarrowover.gif') no-repeat;; border: none; }
a.next img { height: 40px; width: 48px; }
a.prev img { height: 40px; width: 40px; }

*/
.greyRound1 { background: #333333; margin: 0px 8px 0px 6px; height: 1px; overflow: hidden;  }
.greyRound2 { background: #333333; margin: 0px 4px 0px 4px; height: 1px; overflow: hidden;  }
.greyRound3 { background: #333333; margin: 0px 3px 0px 3px; height: 1px; overflow: hidden;  }
.greyRound4 { background: #333333; margin: 0px 2px 0px 2px; height: 1px; overflow: hidden;  }
.greyRound5 { background: #333333; margin: 0px 1px 0px 1px; height: 1px; overflow: hidden;  }
.greyRoundBody { background: #333333; }

.lGreyRound1 { background: #dedfdf; margin: 0px 8px 0px 6px; height: 1px; overflow: hidden;  }
.lGreyRound2 { background: #dedfdf; margin: 0px 4px 0px 4px; height: 1px; overflow: hidden;  }
.lGreyRound3 { background: #dedfdf; margin: 0px 3px 0px 3px; height: 1px; overflow: hidden;  }
.lGreyRound4 { background: #dedfdf; margin: 0px 2px 0px 2px; height: 1px; overflow: hidden;  }
.lGreyRound5 { background: #dedfdf; margin: 0px 1px 0px 1px; height: 1px; overflow: hidden;  }
.lGreyRoundBody { background: #dedfdf; }


/***************************************************************************************/
/* PAGE CONTENT */
/***************************************************************************************/


/* Contact Form */

.contactForm {   }
.contactForm th { font-weight: normal; text-align: left; padding-top: 5px; padding-right: 5px; width: 80px; text-align: right; }
.contactForm td { padding-top: 5px; }
.contactForm input { width: 150px; height: 20px; line-height: 20px; }

.contactForm .checkbox input { width: 16px; margin-right: 10px; }
.contactForm .checkbox div { margin-top: 2px; width: 100px; float: left; }

.contactForm .radio input { width: 16px; margin-right: 10px; }
.contactForm .radio div { margin-top: 2px; width: 100px; float: left; }




/* Contact Form */

.getAQuoteForm {   }
.getAQuoteForm th { font-weight: normal; text-align: right; padding-top: 5px; padding-right: 5px; text-align: right; }
.getAQuoteForm td { padding-top: 5px; padding-right: 25px; }
.getAQuoteForm input { width: 200px; height: 20px; line-height: 20px; }

.getAQuoteForm .checkbox input { width: 16px; margin-right: 10px; }
.getAQuoteForm .checkbox div { margin-top: 2px; width: 100px; float: left; }

.getAQuoteForm .radio input { width: 16px; margin-right: 10px; }
.getAQuoteForm .radio div { margin-top: 2px; width: 100px; float: left; }



/* eNewsletter Signup */

.eNewsletterForm {   }
.eNewsletterForm th { font-weight: normal; text-align: left; padding-top: 5px; padding-right: 5px; width: 120px; }
.eNewsletterForm td { padding-top: 5px; }
.eNewsletterForm input { width: 200px; height: 16px; line-height: 16px; }

/* Form Authorization */

.formAuth {  }
.formAuth th { text-align: right; width: 112px; }
.formAuth td input { width: 220px; }

input.inputButton { background: #333333; border: none; color: #FFFFFF; line-height: 15px; padding: 5px 18px 4px 18px; }



/* News Module */

#news {  }
#news .date { font-style: italic; }



/* Projects Module */

#projectDetails {
	min-height: 258px;
	height: auto !important; /*MOZ/IE7*/
	height: 258px; /*IE6*/
}


 /* Gallery Container */

.pgallerycont{
/*	width: 774px; */
	padding: 0px;
	background-color: #FFFFFF;
	float: left;

}
.pgallery	{
	list-style-type: none;
	padding: 0 0 10px 0;
	margin: 0;
}

/* Spacing around each image */

.pgallery li	{
	float: left;
	display: inline;
	margin: 0px 30px 0px 30px;
	padding:0;
	width: 203px;
	height: 210px;
	

}

.pgallery li a.title {
	display: block;
}

.pgallery li a	{
	text-decoration: none;
	color: #3399CC;
	border: none;
	display: block;
}
.pgallery li a:hover {
	font-weight: bold;
	color: #FFFFFF;
}

.pgallery li p {
	padding: 2px;
	margin: 0;
	color: #FFFFFF;
	font-weight: normal;
	font-family: Verdana;
}

.pgallery li img {
}

.pgallery li span {
	height: 20px;
	color: #FFFFFF;
	display: block;
	width: 200px;
	text-align: center;
}
.pgallery li a:hover img{
	background: #FFFFFF;
}

img{
	border:0;
}


#prev {
	float: left;
	width: 100px;
	border: 1px solid #0000000;
	text-align: left;
	margin-top: 5px;
	line-height: 20px;
}
#next {
	float: right;
	width: 100px;
	border: 1px solid #0000000;
	text-align: right;
	margin-top: 5px;
	line-height: 20px;
}







 /* LSP Gallery Container */

.lspgallerycont{
/*	width: 774px; */
	padding: 0px;
	background-color: #FFFFFF;
	float: left;

}
.lspgallery	{
	list-style-type: none;
	padding: 0 0 10px 0;
	margin: 0;
}

/* Spacing around each image */

.lspgallery li	{
	float: left;
	display: inline;
    margin: 0px 0px 30px 0px;
	padding:0;
	width: 203px;
	height: 190px;


}

.lspgallery li a.title {
	display: block;
}

.lspgallery li a	{
	text-decoration: none;
	color: #3399CC;
	border: none;
	display: block;
}
.lspgallery li a:hover {
	font-weight: bold;
	color: #FFFFFF;
}

.lspgallery li p {
	padding: 2px;
	margin: 0;
	color: #333333;
	font-weight: normal;
	font-family: Verdana;
}

.lspgallery li img {
    border-color: #FFFFFF; border-width: 2px; border-bottom-style: solid;
}

.lspgallery li span {
	height: 20px;
	color: #333333;
	display: block;
	width: 200px;
	text-align: center;
}
.lspgallery li a:hover img{
	background: #FFFFFF;
}



.frm { }
.frm td { }
.frm th { padding-right: 10px; text-align: right; font-weight: normal; }
.frm td, .frm th {  padding-bottom: 8px; }


.msg { border: 3px solid #CC0000; padding: 8px 10px 8px 10px; }




.ticket_message_head_staff { background: url('/images/ticket_message_head_staff_bg.gif'); border: 1px solid #CCCCCC; }
    .ticket_message_head_staff .ticket_message_head_left { color: #000000;  }
    .ticket_message_head_staff .ticket_message_head_right { color: #000000;  }

.ticket_message_head_client { background: url('/images/ticket_message_head_client_bg.gif'); border: 1px solid #CCCCCC; }
    .ticket_message_head_client .ticket_message_head_left { color: #FFFFFF;  }
    .ticket_message_head_client .ticket_message_head_right { color: #FFFFFF;  }

.ticket_message_head_left { width: 150px; float: left; padding-left: 10px; line-height: 30px; }
.ticket_message_head_right { width: 300px; text-align: right; float: right; padding-right: 10px; line-height: 30px; }

.ticket_message { background: url('/images/tt_bg.gif') repeat-x; margin-bottom: 10px; border-width: 1px; border-color: #CCCCCC; border-left-style: solid; border-right-style: solid; border-bottom-style: solid; }
.ticket_message_left { float: left; margin-top: 4px; width: 150px; margin-left: 10px; margin-top: 15px; min-height: 150px; line-height: 30px; text-align: center; }
.ticket_message_right { float: right; width: 500px; margin-right: 10px; border-width: 1px; border-color: #CCCCCC; border-left-style: solid; padding-left: 10px; margin-bottom: 10px; margin-top: 15px; min-height: 150px; }



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */




#nav_new { width: 259px; float: right; }
#nav_head { background: url('/images/layout/nav_new_top.jpg'); height: 43px; line-height: 45px; font-size: 24px; font-family: arial; color: #000000; padding-left: 30px; }

#nav_new a { width: 259px; background: url('/images/layout/nav_new.jpg'); height: 40px; display: block; line-height: 40px; color: #666666; font-size: 14px; position: absolute;  }
#nav_new a:hover { text-decoration: underline; }
#nav_new a.o {  background: url('/images/layout/nav_new_over.jpg'); height: 44px; color: #000000;}


#nav_new a img { float: left; margin-top: 5px; margin-left: 24px; margin-right: 10px; font-weight: bold; }


#project-details-left { width: 480px; float: left; }
#project-details-project-details { width: 230px; float: left; }
    #project-details-project-details div { margin-bottom: 8px;}
#project-details-site-features { width: 230px; float: right; }
    #project-details-site-features div { margin-bottom: 8px;}


#project-details-right { width: 401px; float: right; }
#project-details-right .prev { float: left; border: none; }
#project-details-right  .next { float: right; border: none; }


#portfolio-testimial-1 { background: url('../images/portfolio-testimonial-bg.png'); }
#portfolio-testimial-2 { background: url('../images/portfolio-testimonial-top.png') no-repeat top left; }
#portfolio-testimial-3 { background: url('../images/portfolio-testimonial-bottom.png') no-repeat bottom left; padding: 15px 15px 45px 15px; line-height: 20px; margin-bottom: 5px; }


.portfolio_prev {
  float: left;
  font-weight: bold;
}

.portfolio_next {
  float: right;
  margin-right: 7px;
  font-weight: bold;
}

.home_fade_left { position: absolute; width: 380px; }
.fade_right { width: 394px; height: 248px; position: absolute; }
.fade_right img { width: 394px; height: 248px; }


.home_fade_num_over, .home_fade_num_over:hover { height: 33px; width: 44px; float: left; margin-right: 10px; color: #FFFFFF; font-size: 18px; line-height: 33px; text-align: center; background: url('../images/home_fade_num_bg.png'); }
.home_fade_num, .home_fade_num:hover { height: 33px; width: 44px; float: left; margin-right: 10px; color: #CCCCCC; font-size: 18px; line-height: 33px; text-align: center; background: url('../images/home_fade_num_bg_over.png'); }



.home_fade_left h2 {
    color: #00ADD9;
    font-size: 20px; line-height: 40px;
    font-weight: normal;
}


.home_fade_left h3 {
    color: #40a0d0;
    font-size: 22px;
    line-height: 26px;
    font-weight: normal;

}

.home_fade_left a {
  color: #ff33cc;
  text-decoration: underline;
}






.quotebubble-wide-bttm {
	width:640px;
	margin:20px 0;
}
.quotebubble-wide-bttm .qb-mid {
	background:#ededed;
	padding:16px 30px;
}
.quotebubble-wide-bttm .qb-top {
	height:8px;
	width:100%;
	font-size:1px;
	line-height:1px;
	overflow:hidden;
	background:url('/images/quotebubble__7e533e3.gif') no-repeat left -19px;
}
.quotebubble-wide-bttm .qb-bttm {
	height:30px;
	width:100%;
	font-size:1px;
	line-height:1px;
	overflow:hidden;
	background:url('/images/quotebubble__7e533e3.gif') no-repeat left -35px;
}