/* CSS Document */


/*******************************************************************************************************************/
/* Redefined Tags  */
/*******************************************************************************************************************/

* {padding: 0; margin: 0; }

body {margin: 0; padding: 0; font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif; color: #333333; background-image:url(../images/bg-page.gif) ; background-repeat:repeat-x;}

h1 {font-family:Arial, Helvetica, sans-serif; font-size:22px; margin: 5px 0px 25px 0px; padding: 0px 0px 0px 0px; font-weight:bold; color:#003366; }
h2 {font-family:Arial, Helvetica, sans-serif; font-size:16px; margin: 25px 0px 15px 0px; padding: 0px 0px 0px 0px; font-weight:bold; color:#003366; }

h2 a {color:#003366; text-decoration:underline;}
a {color:#003366; text-decoration:underline;}
a:hover {color:#0772CD;}

.clear {clear:both;}

/*******************************************************************************************************************/
/* Top Banner Section  */
/*******************************************************************************************************************/

.wrapper {margin:0px auto; padding:0px; width:979px;  }
.top-banner {background-image:url(../images/top-links-bg.jpg); background-position: top right; background-repeat:no-repeat; width:979px; height: 76px; }
.logo {float: left; width:246px; height:76px;}
.top-right-container {width:249px; float:right;}

.toplinks {float:right; width: 166px; font-size:11px; }
.toplinks a {color:#000000; text-decoration:none;}
.toplinks a:hover {color:#97D6FF;}
.toplinks ul {padding: 0px 0px 0px 0px; margin: 8px 0px 0px 0px;}
.toplinks li {display:inline; padding: 0px 0px 0px 8px; margin: 0px 0px 0px 0px; }

.tel {clear:both; margin: 5px 0px 0px 0px; float:right; width: 235px; padding: 0px 0px 0px 0px; font-size:27px; color:#000000}


/*******************************************************************************************************************/
/* Layout  */
/*******************************************************************************************************************/

.left {width:730px; float:left;}

.bubble {width:664px; margin: 0px 0px 0px 0px; background-image:url(../images/bubble-bg.gif); background-repeat:repeat-x; border-left:1px solid #BFBFBF; border-right: solid 1px #BFBFBF; padding: 0px 0px 0px 0px;}
.bubble p {padding: 10px 20px 10px 15px;  font-size:13px; line-height:20px;}

.main-pic {background-image:url(../images/main-pic-bg.gif); background-repeat:repeat-x; width:730px; height:223px; clear:both;}

.top-nav { width: 728px; height: 32px; background-image:url(../images/top-nav-bg.jpg); background-repeat:repeat-x; border-left: 1px #FFF solid; }
.top-nav ul {padding: 1px 0px 0px 0px; margin: 0px 0px 0px 0px; font-size:12px; font-weight:bold; }
.top-nav li {display:inline; padding: 5px 0px 5px 0px; margin: 0px 0px 0px 0px; background-image:url(../images/nav-divider.gif); background-repeat:no-repeat; background-position: top right;  line-height:28px;}
.top-nav a {color:#FFFFFF; text-decoration:none; padding: 0px 15px 5px 20px;}
.top-nav a:hover {color:#97D6FF; }

.content {background-image:url(../images/content-bg.jpg); background-repeat:repeat-x; width: 688px; border-left: 1px #fff solid; padding: 20px; float:left;}

.content ul {margin: 0px 0px 0px 20px;}
.content li {font-size:13px;}
.content-column {width:330px; float:left; }
.para-content {font-size:13px; margin-bottom:15px; padding-right:10px; }

.right {width:249px; float:left; }

.cta-customers {width:249px; height:185px; background-color:#575757; float:left; background-image:url(../images/cta-customers.gif); background-repeat:no-repeat;}
.cta-customers p {font-size:11px; color:#FFFFFF; padding: 75px 10px 10px 22px; text-align:left; line-height:16px; }


.case-columns {width:215px; padding: 0px 0px 0px 0px; margin: 20px 0px 0px 0px;  float:left;}
.case-columns p {padding: 0px 5px 0px 0px; font-size:13px; margin: 10px 0px 0px 0px;}

.text-cta {width: 675px; margin: 20px 0px 10px 0px;}
.text-cta p {font-size:13px; padding: 2px 0px 0px 28px; background-image:url(../images/arrow.gif); background-repeat:no-repeat; margin: 10px 0px 0px 0px;}

.right-cta {float:right; width:225px; margin: 3px 10px 30px 30px; }
.right-cta p {font-size:13px; padding: 10px 0px 20px 5px; margin: 0px 0px 0px 0px;}

/*******************************************************************************************************************/
/* Quick Contact Form  */
/*******************************************************************************************************************/

.contact-form {width:249px; height: 209px; background-color:#E6F1F9; float:left;}
.contact-form label {font-size:11px; color:#004E5D;}
.contact-form input {border: 1px solid #8FC9F2;  width: 156px; font-size:11px; padding:2px; background-image:url(../images/field-bg.gif); background-repeat:no-repeat;}
.contact-form textarea {border: 1px solid #8FC9F2; width: 160px; background-image:url(../images/textarea-bg.gif); background-repeat:no-repeat;}
.button {width:55px !important ;  border:none !important ; background-image:none !important; margin: 5px 5px 0px 0px;}


.mainform { margin: 15px 0px 15px 0px;}
.mainform {font-size:13px; color:#004E5D;}
.mainform input {border: 1px solid #8FC9F2;  width: 156px; font-size:11px; padding:2px; background-image:url(../images/field-bg.gif); background-repeat:no-repeat;}




/*******************************************************************************************************************/
/* Bottom Border  */
/*******************************************************************************************************************/

.bottom-border {width:979px; height:78px; float:left; clear:both; background-image:url(../images/bottom-border-bg.jpg); background-repeat:no-repeat; margin-top:5px; font-size:11px;}
.copyright {float:left; width:300px;  color:#B5B5B5; margin: 5px 0px 0px 17px; }
.address {float:left;  line-height:16px;  width:300px; padding: 13px 0px 0px 90px;}
.bottomlinks {float:right; width:400px; margin: 5px 12px 0px 0px;  color:#B5B5B5; text-align:right;  }
.bottomlinks a {color:#FFFFFF; text-decoration:none;}
.bottomlinks a:hover {color:#97D6FF; }
.woh {float:right; width:200px; margin: 10px 10px 0px 0px; }
.share {width:125px; float:right; clear:both; margin:0; padding-bottom:1px;}


/**************************************************************************************************************************/
/* Lightbox */
/**************************************************************************************************************************/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }