body {margin:0;padding:0px;height:100%; margin-right:auto; margin-left:auto;}
html {margin:0;padding:0px;height:100%; margin-right:auto; margin-left:auto;}

div, p, span {font-family:Calibri;font-size:16px; font-weight:500;
line-height:150%; color: #000033;}

.hideImg{outline:none;outline:expression(hideFocus='true');text-decoration:none;}

.hide {visibility:hidden;text-decoration:none;outline-style: none;border: none; outline:none;outline:expression(hideFocus='true');}

#hide {float: left;position:absolute;outline-style: none;border: none; outline:none;outline:expression(hideFocus='true');}

.hideHREF{display:block;float: left;position:absolute;outline-style: none;border: none;outline:none;outline:expression(hideFocus='true');}

.linkImg {text-decoration:none;outline-style: none;border: none;outline:none; outline:expression(hideFocus='true');}

/*******float text around an image****************/
.clearfix:before,
.clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1;}
/*******End float text around an image****************/


.imagebuttons{vertical-align:middle;margin-top:20px;}

/*****************text*****************/
.h100{height:100%!important}
.w100{width:100%!important}
.w50{width:50%}
.t1{font-family:Arial, Helvetica, sans-serif;}

.b1{background-color: #ffffff;}/***white***/
.b2{background-color: #000000;}/***black***/
.b3{background-color:#ffff33;}/***bright yellow***/

.c1{color:#000000;}/***black***/
.c2{color:#ffffff;}/***white***/
.c3{color:#666666;}/***darkgrey*****/
.c4{color:#003366;}/***blue*****/
.c5{color:#333333;}/***grey*****/
.c6{color: #996600;}/***goldbrown***/
.c7{color: #50cac9;}/***lightteal****/
.c8{color:#000033;}/***soft black****/
.c9{color: #339999;}/***darkteal****/

.mb20{margin-bottom:20px;}
.mt20{margin-top:20px;}
.mt-30{margin-top:-30px;}
.mt30{margin-top:30px;}
.ml{margin-left:auto;}
.mr{margin-right:auto;}
.mr20{margin-right:20px;}
.ml20{margin-left:20px;}

.pt10{padding-top:10px;}
.pt16{padding-top:16px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt60{padding-top:60px;}
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pl30{padding-left:30%;}
.pl25{padding-left:25%;}
.pl20{padding-left:20px;}
.pr20{padding-right:20px;}

.lh100{line-height:125%;}
.lh150{line-height:150%;}
.lh200{line-height:200%;}
.lh300{line-height:300%;}
.ls5 {letter-spacing: 5px;}
.ls10 {letter-spacing: 10px;}

.tc{text-align:center;}
.tl{text-align:left;}
.tr{text-align:right;}
.ti{font-style:italic;}
.tj{text-align:justify;}
.tu{text-decoration:underline;}

.tw500{font-weight:500;}
.tw600{font-weight:600;}
.tw700{font-weight:700;}
.tw800{font-weight:800;}

.ts12{font-size:12px;}
.ts14{font-size:14px;}
.ts16{font-size:16px;}
.ts18{font-size:18px;}
.ts20{font-size:20px;}
.ts24{font-size:24px;}
.ts30{font-size:30px;}
.ts36{font-size:36px;}

.linkWhite a{color:#ffffff}
.linkWhite a:hover{color:#000000}
.linkBlack a{color:#000000;}
.linkBlack a:hover{color:#3399ff;}
.linkBlack2 a{color:#333333;}
.linkBlack2 a:hover{color:#ffffcc;}

#bgmain {
margin: 0 auto; /*Center container on page*/
background-color:#C7E8EC;
padding:0px;
}

#logo{
position:relative;
float:left;
left:-4px;
margin-top:-20px;
background:url('images/menus/logo.png') no-repeat left top;
padding: 0px;
background-color:transparent;
width: 313px;
height: 171px;
z-index:1000;
}
#wrapper {
width:1200px;
height:100%;
margin-left:auto;
margin-right:auto;
padding-top:20px;
background-color:transparent;
z-index:1;
}

#header {
position:relative;
width:1200px;
height:143px;
margin-left:auto;
margin-right:auto;
padding:0px;
background: url(images/page_01.png) no-repeat center top;
}

#middle {
display:inline-block;
width:1200px;
height:auto;
margin-left:auto;
margin-right:auto;
margin-top:-30px;
padding-bottom:30px;
background: url(images/page_02.png) repeat-y center top;
}

#footer{
position:relative;
width: 1200px;
height: 191px;
margin-left:auto;
margin-right:auto;
padding-bottom: 40px;
background: url('images/page_03.png') no-repeat left top;
background-color:transparent;
z-index:700;
}


.containerBox{
padding:4px 4px 4px 4px;
background-color:#C7E8EC;
-webkit-box-shadow: 0 10px 8px -8px #cccccc;
-moz-box-shadow: 0 10px 8px -8px #cccccc;
box-shadow: 0 10px 8px -8px #cccccc;
}

.container1{
position:relative;
display:block !important;
float:left;
width:330px;
margin-left:60px;
height:auto;
}

.container2{
position:relative;
display:block !important;
float:left;
width:330px;
margin-left:35px;
height:auto;
}
.container3{
position:relative;
display:block !important;
float:left;
width:330px;
margin-left:35px;
height:auto;
}
.ul1 {
position:relative;
float:left;
left:15px;
padding: 0px;
margin-top:0px;
width:300px;
}

.links{
position:relative;
background-color:transparent;
width:1200px;
height: auto;
margin-left: auto;
margin-right: auto;
}

.headerAddress{position:absolute; top:-20px; left:470px; width:590px; height:50px;letter-spacing: 3px;}
.headerPhone{position:absolute; top:6px; left:463px; width:590px;height:50px;letter-spacing: 3px;}
.footerAddress{position:absolute; top:42px; left:334px; height:50px;letter-spacing: 3px;}
.footerPhone{position:absolute; top:69px; left:328px;letter-spacing: 3px;} 
.footerPrivacy{position:absolute; top:30px; left:1000px; width:350px; height:30px;letter-spacing: 3px;}
.footerTOU{position:absolute; top:62px; left:1000px; width:350px; height:30px;letter-spacing: 3px;}
.footerEmail{position:absolute; top:64px; right:0px; width:350px; height:30px; letter-spacing: 3px;}
.footerBBB{position:absolute; top:345px; right:0px; width:240px;height:84px;}


#sliderNone {
    width:1200px;height:300px;/* Make it the same size as your images */
	position:relative;
	margin:0 auto;/*make the image slider center-aligned */
    box-shadow: 0px 0px 5px 0px #999999;
    -ms-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

#middleContent{
position:relative;
background-color:transparent;
width:1040px;
margin: 0 auto; /*Center container on page*/
padding:0px;
}

.link{
text-decoration:underline;
color: #006699;
}

#sections{
position:relative;
margin-left:60px;
margin-top:20px;
width: 900px;
}

.sectionImg{
position:relative;
float:left;
left:60px;
margin-top:30px;
margin-bottom:30px; 
width:240px;
text-align:left;
z-index:400;
}

.sectionText{
position:relative;
float:left;
left:120px;
width:500px;
margin-bottom:30px;  /*Make this same as sectionImg the same px*/
}

#sectionsContact{
position:relative;
margin-left:120px;
width: 1000px;
height:240px;
}
.sectionImgContact{
position:relative;
float:left;
left:140px;
width:240px;
height:176px;
}

.sectionTextContact{
position:relative;
float:left;
left:180px;
width:240px;
height:176px;
}

#imagebar1{
position:relative;
float:right;
right:0px;
top:-30px;
background-color: transparent;
border-style:none;
width:1200px;
padding:0px;
margin:0px;
z-index:300;
overflow:hidden;
}

.wmsliderpics1{
position:relative;
padding: 0px;
margin:0px;
border-style:none;
background-color: transparent;
width: 100%;
height: 259px;
z-index:300;
}
#imagebar2{
background-color: transparent;
margin-left:30px;
margin-bottom:10px;
margin-top:30px;
height:154px;
width:387px;
float:right;
right:5px;
z-index:200;
overflow:hidden;
}

.wmsliderpics2{
border-style:none;
background-color: transparent;
width: 387px;
height: 154px;
float:right;
}
#imagebar3{
background-color: transparent;
margin-right:40px;
margin-bottom:10px;
margin-top:30px;
height:320px;
width:365px;
float:left;
left:0px;
z-index:200;
overflow:hidden;
}
.wmsliderpics3{
border-style:none;
background-color: transparent;
width: 365px;
height: 320px;
float:left;
}
#imagebar4{
background-color: transparent;
margin-right:30px;
margin-bottom:10px;
height:154px;
width:387px;
float:left;
z-index:200;
overflow:hidden;
}
.wmsliderpics4{
border-style:none;
background-color: transparent;
width: 387px;
height: 154px;
float:left;
}
	
.piclink{
position:relative;
z-index: 999;
border: none;
display:block;
outline:none;
outline:expression(hideFocus='true');
}


.column{
background:url('images/columns-psd.png') repeat-x center top;
background-color:transparent;
width:230px;
height:190px;
vertical-align:top;
border-color:#ffffff;
}

.columnspace{
background-color:#ffffff;
width:20px;
height:auto;
}



/******************* table look ***********************/
#barRow{
position:relative;
float:left;
left:20px;
width:1000px;
z-index:200;
}

#tableLook{
position:relative;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:12px;
width: 1000px;
}
.picCol8{
position:relative;
float:left;
left:10px;
margin-right:10px;
margin-top:10px;
width:840px;
}
#centerCol{
position:relative;
float:left;
left:80px;
top:6px;
width:500px;
text-align:left;
z-index:400;
}


#headerCol{
position:relative;
float:left;
left:50px;
top:6px;
width:400px;
text-align:left;
z-index:400;
}


.list8 {
list-style-image:url('images/misc/bullet_circle-psd.png');
text-align: left;
padding-bottom: 5px;
}
.ul8 {
position:relative;
float:left;
left:40px;
margin-top:0px;
width:590px;
line-height:30px;
}

/*************************** menu*********************************************/

#menuwrap {
position:relative;
margin-left:320px;
margin-right:auto;
width:900px;
top:72px;
height:38px;
background-color:transparent;
padding:0px;
z-index:1800;
}

#menu {list-style:none;}

#menu li {
float:left;
display:block;
position:relative;
padding: 4px 18px 4px 18px;
margin-top:7px;
margin-right: 34px;/*add space after each item on main menu*/
border:none;
list-style:none;
}

#menu li:hover {
background: #ffff99;
	/* Rounded corners */
-moz-border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px;
}

#menu li a {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:500; 
color: #ffffff;
display:block;
outline:0;
text-decoration:none;
}
#menu li:hover a {
color:#000000;
}
.dropdown_column {
float:left;
position:absolute;
left:-999em; /* Hides the drop down */
text-align:left;
padding:5px 5px 5px 5px;
margin-top:4px;
border:1px solid #990000;
border-top:none;
width: 204px;
background: url('images/menus/menu_bg-psd.png');
background-color:transparent;
}
#menu li:hover .dropdown_column {
left:-1px;
top:auto;
}
#menu li:hover .align_right {/* needed so that menu item on right switches direction */
left:auto;
right:-1px;
top:auto;
}
#menu .menu_right {
float:left;
}
.col{
display:inline;
float: left;
position: relative;
margin-left: 5px;   /* needed as padding for the drop down list items */
margin-right: 5px;  /* needed as padding for the drop down list items */
width:204px;
}
#menu ul li {
font-family:Arial, Helvetica, sans-serif;
line-height:21px;
font-size:12px;
text-align:left;
}
#menu li:hover div a {/**** text size and color of items on drop down*****/
font-size:12px;
color: #000000;
font-weight:600;
padding-left:5px;
}
#menu li:hover div a:hover {/**** text color when scrolling drop downs*****/
color:#666666;
font-size:14px;
font-weight:700;
background-color:#ffffff; /*color to highlight drop downs when scrolling*/
width: 190px; /*size of the drop down background color*/
}
#menu li ul {
list-style:none;
padding:0;
margin:0 0 0 0;
}
#menu li ul li {
font-size:12px;
line-height:24px;
position:relative;
padding:0;
margin:0;
float:none;
text-align:left;
width:180px;/**** width of dropdown column for text*****/
}
#menu li ul li:hover {
background:none;/**** use this to have highlight on dropdown when scrolling*****/
border:none;
padding:0;
margin:0;
}

/************************************************************************/
/* Purchased from http://www.menucool.com, using generic page styles*********/
/*---------SLIDER CSS--------*/

#sliderFrame {/* JAM - I adjusted almost ALL of this*/
position:relative;
width:1200px;
height:300px;
margin-left: auto;
margin-right:auto;
margin-bottom:30px;
}

#slider {
    width:1200px;height:300px;/* Make it the same size as your images */
	background:#fff url(sliderProjects/loading.gif) no-repeat 50% 50%;
	position:relative;
	margin:0 auto;/*make the image slider center-aligned */
    -webkit-box-shadow: 0 10px 8px -8px #cccccc;
	-moz-box-shadow: 0 10px 8px -8px #cccccc;
	box-shadow: 0 10px 8px -8px #cccccc;
}

#slider img, #slider>b, #slider a>b{
	position:absolute;
   	border:none;
	display:none;
}
#slider>a {display:none;}

/* ------ built-in navigation bullets wrapper ------*/
.navBulletsWrapper  {
    top:56px; left:1140px; 
    width:20px;/* small number makes list appear vertically, large number horizontally*/
    background:none;
    padding-left:20px;
    position:relative;
    z-index:5;
    cursor:pointer;
}

/* each bullet */
.navBulletsWrapper div 
{
    font-size:0px;/* keep pic numbers from showing */
    width:11px; height:11px;
    background:transparent url(sliderProjects/bullet.png) no-repeat 0 0;
    float:left;overflow:hidden;vertical-align:middle;cursor:pointer;
    margin-right:8px;/* distance between each bullet*/
    margin-bottom:10px;/* vertical distance between each bullet*/

    position:relative;/*IE6 hack*/
}

.navBulletsWrapper div.active 
{
	background-position:0 -11px;
}

.loading /* --------- Others ------- */
{
    width:100%; height:100%;
    background:transparent url(sliderProjects/loading.gif) no-repeat 50% 50%;
    filter: alpha(opacity=60);
    opacity:0.6;
    position:absolute;
    left:0;
    top:0; 
    z-index:9;
}/*---------END OF SLIDER CSS--------*/