html, body, .viewport {
            width: 100%;
            height: 100%; 
            margin: 0;
            padding:0;
            margin-right:auto; margin-left:auto;
          }



div, p, span {
font-family:Arial, Helvetica, sans-serif;
color: #000000;
font-size:11pt;
font-weight:500;
margin-right:auto;
margin-left:auto;
margin-top:0px;/****need this to get rid spacing issue in Chrome****/
margin-bottom:0px;/****need this to get rid spacing issue in Chrome****/
padding:0px;	/****need this to get rid spacing issue in Chrome****/
border:0px;
line-height:24pt;
}

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

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


/*****************text*****************/
.h100{height:100%!important}
.w100{width:100%!important}
.w50{width:50%}
.w900{width:900px;}
.t1{font-family:Arial, Helvetica, sans-serif;}
.b1{background-color: #ffffff;}/***white***/
.b2{background-color: #000000;}/***black***/
.c1{color:#000000;}/***black***/
.c2{color:#ffffff;}/***white***/
.c3{color:#666666;}/***grey***/
.c4{color:#3b3838;}/***darker grey***/
.c5{color:#3399cc;}/***teal blue*****/
.lh175{line-height:175%;}
.lh200{line-height:200%;}
.lh150{line-height:150%;}
.ml26{margin-left:26px;}
.mt30{margin-top:30px;}
.mt20{margin-top:20px;}
.mt-30{margin-top:-30px;}
.pt20{padding-top:20px;}
.pt60{padding-top:60px;}
.pt100{padding-top:100px;}
.pb40{padding-bottom:40px;}
.pb60{padding-bottom:60px;}
.pl30%{padding-left:30%;}
.pl15%{padding-left:25%;}
.pl120{padding-left:120px;}
.pl100{padding-left:100px;}
.plContainer{padding-left:30px;}
.pr120{padding-right:120px;}
.pr100{padding-right:100px;}
.ts16{font-size:16px;}
.ts20{font-size:20px;}
.ts40{font-size:40px}
.ts24{font-size:24px;}
.ts18{font-size:18px;}
h4{font-size:18px;}
h3{font-size:24px;}
h2{font-size:26px;}
h1{font-size:30px;}
.tc{text-align:center;}
.tl{text-align:left;}
.ti{font-style:italic;}
.tj{text-align:justify;}
.tu{text-decoration:underline;}
.to{outline-style:solid;}
.tw500{font-weight:500;}
.tw600{font-weight:600;}
.tw700{font-weight:700;}
.linkWhite a{color:#ffffff}
.linkWhite a:hover{color:#cc9900}
.linkWhite2 a{color:#ffffff}
.linkWhite2 a:hover{color:#3399cc}
.linkBlack a{color:#000000;}
.linkBlack a:hover{color:#3399cc;}
.linkBlack2 a{color:#000000;}
.linkBlack2 a:hover{color:#ffffff;}
.linkBlue a{color:#3399cc;}
.linkBlue a:hover{color:#000000;}
.linkBlue2 a{color:#66ccff;}
/*****************End text*****************/


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

#wrapper {
position:relative;
width:1140px;
height:100%;
margin-left:auto;
margin-right:auto;
padding-right:10px;
padding-top:10px;
background-color:transparent;
z-index:1;
}

#header {
position:relative;
width:1140px;
margin-left:auto;
margin-right:auto;
padding:0px;
background-color:transparent;
z-index:500;
}

.headerNoPic {
height:208px;
background: url(images/page_01.png) no-repeat center top;
}

.headerPic {
height:513px;
background: url(images/page1.png) no-repeat center top;
}

#middle {
position:relative;
width:1140px;
height:auto !important;
min-height:300px;
margin-left:auto;
margin-right:auto;
top:-30px;
padding:0px;
background-color:#ffffff;
z-index:60;
}

#footer{
position:relative;
width:1140px;
height:220px;
margin-left:auto;
margin-right:auto;
z-index:500;
background: url('images/page_03.png') no-repeat center top;
background-color:transparent;
}

.header-right{
position:relative;
background-color:transparent;
width:400px;
top:14px;
float:right;
right:30px;
text-align:right;
z-index:1000;
}

.header-left{
position:relative;
background-color:transparent;
width:400px;
top:0px;
float:left;
right:3px;
text-align:left;
z-index:1000;
}

.headerHome{
position:absolute;
float:left;
top:40px; left:120px; width:460px; height:170px;
background-color:transparent;
}

.headerPhone{font-size:24px; margin-bottom:10px;}
.headerContact{font-size:24px; margin-bottom:10px;}
.headerContact a{color:#3399cc;font-size:20px;}
.headerContact a:hover{color:#3399cc;}
.headerHours{font-size:18px;color:#000000;}
.headerEmail{color:#3399cc;font-size:24px; margin-bottom:10px;}
.headerEmail a{color:#000000;font-size:20px;}
.headerEmail a:hover{color:#3399cc}

#angleImg{
position:relative;
width:1140px;
height:71px;
margin-right:auto;
margin-left:auto;
background-color:transparent;
padding:0px;
}

.homeHeader{
position:relative;
width:1140px;
margin-right:auto;
margin-left:auto;
margin-top:-30px;
padding-bottom:30px;
}

.homeHeader h1{font-size:40px;}
.homeHeader h2{font-size:20px;}
.homeLink{color:#ffffff;font-size:24px;font-weight:600;font-family:Arial, Helvetica, sans-serif; padding-bottom:40px; text-decoration:underline; text-underline-offset: 10px;}

.container1 {
position:relative;
width:1140px;
min-width:1140px;
margin-right:auto;
margin-left:auto;
}

.containerBoxes{
position:relative;
width:900px;
height:auto;
margin-top:30px;
padding-bottom:20px;
background-color:transparent;
}

.row{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}

.services-title{
position:relative;   
padding-top:20px;
padding-bottom:10px;
-webkit-box-shadow:0px 3px 15px -2px rgba(0,128,55,1);
-moz-box-shadow:0px 3px 15px -2px rgba(0,128,55,1);
box-shadow:0px 3px 15px -2px rgba(0,128,55,1);
}

.services-title img{margin-left:10px;width:45px;margin-top:-10px}

.services-block{
padding:30px 24px 30px;
background:#006699;
-webkit-box-shadow:0px 3px 15px -2px rgba(0,128,55,1);
-moz-box-shadow:0px 3px 15px -2px rgba(0,128,55,1);
box-shadow:0px 3px 15px -2px rgba(0,128,55,1);
}

.servicesBox{
position:relative;
width:660px;
height:auto;
margin-top:70px;
-webkit-box-shadow:0px 3px 15px -2px rgba(0,128,55,1);
-moz-box-shadow:0px 3px 15px -2px rgba(0,128,55,1);
box-shadow:0px 3px 15px -2px rgba(0,128,55,1);
}

.btn{
display:inline-block;
vertical-align:middle;
border:1px solid transparent;
line-height:1.5;
}

.btnBox{
margin-top:60px;
padding:20px 20px 20px 20px;
display:inline-block;
border-color:#ffffff;
border-width:4px;
border-radius:0;
background:#000000;
-webkit-box-shadow:0px 3px 15px -2px rgba(61,61,61,1);
-moz-box-shadow:0px 3px 15px -2px rgba(61,61,61,1);
box-shadow:0px 3px 15px -2px rgba(61,61,61,1)
}

.btnBox:hover{
background:#99ccff;
color:#000000;
border-color:#000000;
}

.pageHeader{
position:relative;
width:1140px;
margin-right:auto;
margin-left:auto;
}

.pageHeader h1{font-size:26px;}
.pageHeader h2{font-size:24px;}
.pageHeader h3{font-size:20px;}

.servicesHeader{
position:relative;
width:1140px;
margin-right:auto;
margin-left:auto;
}

.servicesHeader h1{font-size:26px;}
.servicesHeader h2{font-size:20px;}

.columnFooterL{
position:relative;
float:left;
left:20px;
top:60px;
background-color:transparent;
}

.columnFooterR{
position:relative;
float:right;
right:30px;
top:60px;
background-color:transparent;
}

.footerHome{
position:absolute;
float:left;
top:70px; left:440px; width:280px; height:120px;
background-color:transparent;
}

.footerServices{
position:absolute;
float:left;
left:40px; height: 19px; width: 138px; top: 160px;
background-color:transparent;
}

.footerContact{
position:absolute;
float:left;
left:252px; height: 19px; width: 138px; top: 160px;
background-color:transparent;
}

.footerPrivacy{
position:absolute;
float:right;
right:240px; height: 19px; width: 138px; top: 160px;
background-color:transparent;
}

.footerTOU{
position:absolute;
float:right;
right:16px; height: 19px; width: 98px; top: 160px;
background-color:transparent;
}

.footerAW{
position:relative;
background-color:transparent;
top:10px;
}

.footerLinks{color:#ffffff;font-size:13px;font-weight:600;font-family:Arial, Helvetica, sans-serif}
.footerLinks a{color:#ffffff}
.footerLinks a:hover{color:#3399cc}

/*****************************************************************************************/
/* Purchased from menucool.com, using generic page styles*********/
/*---------IMAGE SLIDER CSS--------*/

#sliderFrame {
position:relative;
width:980px;
height:374px;
top:0px;/*top of screen for the entire slider*/
left:0px;
padding-bottom:30px;
padding-top:40px;
margin-left: auto;
margin-right:auto;
margin-bottom:-20px;
background-color: #000000;
z-index:100;
}

#slider {
width:980px;height:374px;/* Make it the same size as image */
background:url('sliderProjects/loading.gif') no-repeat 50% 50%;
background-color: transparent;
position:relative;
margin:0 auto;/*make the image slider center-aligned */
z-index:100;
}

#slider img {position:absolute;border:none;display:none;}

/* ------ built-in navigation bullets - DO NOT DELETE needed by javascript file ------*/

.navBulletsWrapper  {
top:50px;
left:530px; 
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;
}

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

.loading{ 
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--------*/


/*---------Contact Form CSS--------*/
.contactHeader{
position:relative;
background-color:transparent;
width:900px;
margin-right:auto;
margin-left:auto;
padding-bottom:10px;
}

.contactHeader h1{font-size:24px;}
.contactHeader h2{font-size:20px;}

.contactImg{
position:relative;
background-color: transparent;
background: url('images/misc/contact_form-psd.png') no-repeat center top;
width:750px;
height:800px;
padding-bottom:80px;
margin-left: auto;
margin-right:auto;
empty-cells: hide;
z-index:300;
overflow:hidden;
}

#contactForm{
position:relative;
width:540px;
height:840px;
margin-top:120px;
margin-left: auto;
margin-right:auto;
empty-cells: hide;
z-index:300;
overflow:hidden;
}

.contactInput{
position:relative;
float:left;
width:99%;
margin-top:2px;	
}

label ~ input {
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color: #000000;
font-weight:600;
}

textarea {
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color: #000000;
font-weight:600;
}

.submitBtn { 
position:absolute;
top:530px;
left:210px;
height:65px;
width:146px;
border:none; 
padding:0; 
margin:0; 
text-decoration:none; 
background: url('images/misc/submitButton-psd.png') no-repeat;
background-color:transparent; 
cursor:pointer; 
}

#contactconfirmmenu {
height:380px;
width: 720px;
margin-top: 80px;
margin-left:auto;
margin-right:auto;
background-color:#000000;
background: url('images/misc/contactconfirm-psd.png');
background-repeat: no-repeat;
padding: 0;
background-position: top center;
position: relative; 
}

/*---------End Contact Form CSS--------*/

/*************************** menu**************************************/
#menuwrap {
position:relative;
width:1140px;
top:-12px;
height:14px;
background-color:transparent;
float:left;
left:6px;
font: "Segoe UI";
font-size: 12px;
z-index:1800;
}

#menu {list-style:none;}

#menu li {
float:left;
display:block;
text-align:center;
position:relative;
padding-top: 2px;
padding-left: 16px;
padding-right:16px;
padding:bottom: 2px;
border:none;
}

#menu li:hover {
background: #ffffff;
	/* 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 {/* text color on main menu*/
font-family:Arial, Helvetica, sans-serif;
font-size:16px; 
color: #66ccff;
display:block;
outline:0;
text-decoration:none;
}

#menu li:hover a {/* text color on main menu when hovering*/color:#006699; }


#menu li .align_right {	/* Rounded Corners */
-moz-border-radius: 5px 0px 5px 5px;
-webkit-border-radius: 5px 0px 5px 5px;
border-radius: 5px 0px 5px 5px;
}

#menu li:hover .align_right {left:auto; right:0px; top:auto;}

#menu p, #menu ul li {font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif; line-height:21px;font-size:12px;}

#menu p{
padding-right:13px;
padding-top:12px;
margin:0 0 10px 0;
text-align:center;
color:#000000;
font-weight:700;
}

#menu .boxtextImgLeft{
text-align:center;
font-style:italic;
color:#333333;
font-size:1.1em;
line-height:18pt;
}

#menu .boxtextImgTop{
font-size:1.1em;
line-height:18pt;
margin:0 0px 10px 15px;
text-align:center;
color:#333333;
font-weight:600;
}

#menu li:hover div a {font-size:12px; color:#000000;}
#menu li:hover div a:hover {color:#000000;}

.img_left { /* Image sticks to the left */
width:auto;
float:left;
margin-top:5px;
margin-right:12px;
margin-left: 5px;
padding-bottom: 10px;
}

#menu li ul {list-style:none;padding:0;margin:0 0 12px 0;}

#menu li ul li {
font-size:12px;
line-height:18px;
position:relative;
padding:0;
margin:0;
float:none;
text-align:left;
width:130px;
}

#menu li ul li:hover {background:none;border:none;padding:0;margin:0;}

#menu li .greybox li {
background:#ffffff;
border:1px solid #669900;
margin:0px 0px 4px 0px;
padding:4px 6px 4px 6px;
width:158px;
	/* Rounded Corners */
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}

#menu li .greybox li:hover {
background:#00ff33;  /* Hover background */
border:1px solid #003399;
padding:4px 6px 4px 6px;
margin:0px 0px 4px 0px;
}

#menu li .greybox2 li {
background:#ffffff;
border:1px solid #669900;
margin:0px 0px 4px 0px;
padding:4px 4px 4px 4px;
width:334px;
	/* Rounded Corners */
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}

#menu li .greybox2 li:hover {
background:#00ff33;  /* Hover background */
border:1px solid #003399;
padding:4px 4px 4px 4px;
margin:0px 0px 4px 0px;
}

#menu li .greybox3 li {
background:#cccccc;
margin:0px 0px 4px 0px;
padding:4px 4px 4px 4px;
width:158px;
}

#menu li .greybox3 li:hover {
background:#00ff33;  /* Hover background */
padding:4px 4px 4px 4px;
margin:0px 0px 4px 0px;
}
/**********************END MENU************************************/

/**********************SPLASH SCREEN********/
video {
float:left;
}

#video-container {
position:relative;
background-color:transparent;
top:2px;
float:left;
left:-60px;
text-align:left;
z-index:1000;
}
/**********************End SPLASH*********/