body {
	height: 100%;
	background-color: #111;
	font-family: arial, sans-serif;
	font-size: 13px;
	line-height: 19px;
	margin: 0px;
	padding: 0px;
	background-image:url(../_img/bg3.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: fixed;
}

img{
border: 0px;
}

a{
color: #0776b6;
text-decoration: none;
}

a:hover{
color: #04476e;
text-decoration: underline;
}

#wrapper{
width: 980px;
position: absolute;
top: 30px;
left: 50%;
margin-left: -490px;
}

#top{
background-color: #fff;
-webkit-border-top-right-radius: 7px;
-moz-border-radius-topright: 7px;
-webkit-border-top-left-radius: 7px;
-moz-border-radius-topleft: 7px;
}

#top .padding{
padding: 20px 20px 0px 20px;
}

#top .logo{
float: left;
left: 0px;
margin: 5px 0px 0px 3px;
}

#top .image-area{
height: 335px;
background-color: #000;
-webkit-border-top-right-radius: 7px;
-moz-border-radius-topright: 7px;
-webkit-border-top-left-radius: 7px;
-moz-border-radius-topleft: 7px;
-webkit-border-bottom-right-radius: 7px;
-moz-border-radius-bottomright: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-bottomleft: 7px;
}

#header-navigation{
height: 75px;
background-image:url(../_img/header_text.jpg);
background-repeat: no-repeat;
background-position: right 10px;
}

#header-navigation ul {
	list-style: none;
	color: #333;
    font-size: 12px;
	padding: 0;
	width: 210px;
	float: left;
	margin: 0px 0px 0px 10px;
	}
	
#header-navigation li {
	float: left;
	color: #333;
	margin: 0;
	padding: 0;
	width: 105px;
	}
	
#header-navigation a {
	color: #0776b6;
	font-weight: normal;
	padding: 0px 10px 0px 0px;
	margin: 0px 10px 0px 0px;
	text-decoration: none;
	}
	
#header-navigation a:hover {
	color: #04476e;
	text-decoration: none;
	}
	
#header-navigation .contact{
position: absolute;
right: 0;
margin: 30px 20px 0px 0px;
}


#content{
background-color: #fff;
-webkit-border-bottom-right-radius: 7px;
-moz-border-radius-bottomright: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-bottomleft: 7px;
}

#content .padding{
padding: 20px 5px 30px 30px;
}

#topfooter{
font-size: 12px;
background-color: #000;
margin: 15px 0px 15px 0px;
-webkit-border-top-right-radius: 7px;
-moz-border-radius-topright: 7px;
-webkit-border-top-left-radius: 7px;
-moz-border-radius-topleft: 7px;
-webkit-border-bottom-right-radius: 7px;
-moz-border-radius-bottomright: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-bottomleft: 7px;
}

#topfooter .padding{
padding: 15px;
}

#topfooter .box{
width: 188px;
}

#topfooter a{
color: #fff;
text-decoration: none;
}

#topfooter a:hover{
color: #fff;
text-decoration: underline;
}

#topfooter ul{
list-style: none;
margin: 0px 0px 0px 0px;
color: #333;
}

#topfooter li{
margin: 0px 0px 0px -38px;
*margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 20px;
}

#bottomfooter{
height: 34px;
background-color: #000;
-webkit-border-top-right-radius: 7px;
-moz-border-radius-topright: 7px;
-webkit-border-top-left-radius: 7px;
-moz-border-radius-topleft: 7px;
-webkit-border-bottom-right-radius: 7px;
-moz-border-radius-bottomright: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-bottomleft: 7px;
}

#bottomfooter .padding{
padding: 7px;
}

#bottomfooter ul {
	list-style: none;
	color: #333;
    font-size: 12px;
  	margin: 0;
	padding: 0;
	}
	
#bottomfooter li {
	float: right;
	color: #333;
	margin: 0;
	padding: 0;
	}
	
#bottomfooter a {
	color: #fff;
	font-weight: normal;
	padding: 0px 10px 0px 0px;
	margin: 0px 10px 0px 0px;
	text-decoration: none;
	border-right: 1px solid #333;
	}
	
#bottomfooter a:hover {
	color: #fff;
	text-decoration: underline;
	}


#bottomclear{
height: 30px;
}


#toppromo{
height: 34px;
background-color: #000;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
}

#toppromo .padding{
padding: 7px 10px 7px 10px;
}

#toppromo ul {
	list-style: none;
	color: #fff;
    font-size: 16px;
  	margin: 0;
	padding: 0;
	text-align: center;
	}
	
#toppromo li {
	float: right;
	color: #fff;
	margin: 0;
	padding: 0;
	text-align: center;
	}
	
#toppromo a {
	color: #0776b6;
	font-weight: normal;
	padding: 0px 10px 0px 0px;
	margin: 0px 10px 0px 0px;
	text-decoration: none;
	border-right: 0px solid #333;
	text-decoration: underline;
	}
	
#toppromo a:hover {
	color: #fff;
	text-decoration: underline;
	}


#toppromoclear{
height: 10px;
}

#infoboxes{
margin: 40px 0px 0px 0px;
}

#infoboxes .box{
width: 266px;
height: 200px;
padding: 0px 55px 0px 0px;
background-image:url(../_img/vertical_line.jpg);
background-repeat: no-repeat;
background-position: 295px 9px;
}

#infoboxes a{
color: #0776b6;
text-decoration: underline;
}

#infoboxes a:hover{
color: #04476e;
text-decoration: underline;
}

h1{ /* Page titles */
font-size: 22px;
color: #000;
font-weight: lighter;
letter-spacing: 1px;
padding: 2px 0px 0px 0px;
margin: 0px 0px 15px 0px;
}

h1 .view-full{
font-size: 15px;
letter-spacing: 0px;
position: absolute;
right: 27px;
margin-top: 5px;
}

h2{ /* Page titles */
font-size: 25px;
font-weight: normal;
height: 25px;
letter-spacing: 1px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 8px 0px;
}

h3{ /* Content sub-titles big */
font-size: 18px;
font-weight: normal;
margin: 0px 0px 8px 0px;
padding: 0px 0px 0px 0px;
}

h6{ /* Content sub-titles small*/
color: #333;
font-size: 12px;
font-weight: bold;
padding: 0px 0px 0px 0px;
margin: 0px 0px 3px 0px;
}

h4{ /* Bar titles */
color: #fff;
font-size: 13px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 20px 0px;
/*background: #e5e5e5;*/
background: #000000;
padding: 10px;
text-align: center;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-bottomright: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
}

h4:first-line { font-size: 16px; color: #fff; }

h5{ /* Left navigation section titles */
font-size: 25px;
font-weight: normal;
height: 25px;
letter-spacing: 1px;
padding: 0px 0px 4px 0px;
margin: 0px 0px 5px 0px;
}



p{
margin: 0px 0px 15px 0px;
}

.ieform{
*margin: -2px 0px 0px 0px;
}

.field{
width: 250px;
padding: 10px 5px 12px 10px;
margin: 0px 0px 10px 0px;
border-style: hidden;
border-width: 0px;
color: #666;
font-size: 12px;
background-image: url(../_img/field_bg.gif);
background-repeat: no-repeat;
}

.field_leftnav{
width: 250px;
padding: 10px 5px 12px 10px;
margin: 0px 0px 10px 0px;
border-style: hidden;
border-width: 0px;
color: #666;
font-size: 12px;
background-image: url(../_img/field_bg2.gif);
background-repeat: no-repeat;
}

table tr td{
margin: 0px;
padding: 0px;
border: 0px;
vertical-align: top;
text-align: left;
}

.glossymenu{
margin: 5px 0;
padding: 0;
width: 150px; /*width of menu*/
border: 0px;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: none;
font: normal 13px "arial", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 8px 0px 8px 0px;
text-decoration: none;
border-bottom: 1px dotted #666;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: black;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: none;
color: #0776b6;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
margin: 15px 0px 15px 0px;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: none;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "arial", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #0776b6;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: none;
font-weight: bold;
}

#work{
border-collapse:collapse;
padding: 0px;
margin: 0px;
}

#work td.center{
padding: 0px 15px 15px 25px;
}

#work td.nav{
width: 175px;
height: 100%;
}

#workthumbs ul{
list-style: none;
margin: 0px;
padding: 0px;
}

#workthumbs li{
width: 200px;
border: 1px solid #e8e8e8;
padding: 13px;
display: block;
float: left;
margin: 0px 20px 20px 0px;
-webkit-border-top-right-radius: 7px;
-moz-border-radius-topright: 7px;
-webkit-border-top-left-radius: 7px;
-moz-border-radius-topleft: 7px;
-webkit-border-bottom-right-radius: 7px;
-moz-border-radius-bottomright: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-bottomleft: 7px;
}

#workthumbs .alternate{
margin: 0px 0px 20px 0px;
}

#workthumbs p:first-line {
font-weight: bold;
}

#workthumbs p{
height: 85px;
margin: 10px 0px 5px 0px;
}

#workthumbs .links a{
border: 0px;
padding: 0px;
margin: 0px;
float: left;
display: block;
margin-right: 10px;
border-right: 1px solid #ccc;
padding-right: 10px;
}

#workthumbs a.no-border{
border-right: 0px;
}

.invisable{
visibility: hidden;
}

#radionbutton{

}

#capabilities-thumb{
float: left;
display: block;
margin-bottom: 10px;
}




#contact label { display: block; font-size: 12px; margin-bottom: 4px; margin-top: 5px;}
#contact input, textarea, select { width: 260px; margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; font: 12px; "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; webkit-border-radius:5px; }   
#contact input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
#contact input.submit { width: 85px; cursor: pointer; border: 1px solid #222; background:#333; color:#fff; }
#contact input.submit:hover { background:#444; }
#contact input[type="submit"][disabled] { background:#888; }
#contact fieldset { padding: 0px; border: 0px; }
#contact legend { padding:7px 10px; font-weight:bold; color:#000; border:1px solid #eee; -webkit-border-radius:5px; -moz-border-radius:5px; margin-bottom:0 !important; margin-bottom:20px; }

#contact span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */


#twitter_div{
font-size: 12px;
}

#twitter_div ul{
list-style: none;
margin: 0px;
padding: 0px;
}

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




#sideline{
background-color: #898989;
background-image: url(../_img/line_bottom.jpg);
background-repeat: no-repeat;
background-position: bottom center;
}

#packages{
margin-bottom: 10px;
}

#packages .category{
width: 165px;
background: white;
margin: 0px 7px 0px 0px;
border: 1px solid #c1c1c1;
display: inline-block;
*float: left;
zoom: 1;
-webkit-border-top-right-radius: 7px;
-moz-border-radius-topright: 7px;
-webkit-border-top-left-radius: 7px;
-moz-border-radius-topleft: 7px;
-webkit-border-bottom-right-radius: 7px;
-moz-border-radius-bottomright: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-bottomleft: 7px;
vertical-align: top;
}

#packages .inner{
padding: 5px;
}

#packages .title{
padding: 10px;
text-align: center;
background-color: #ddd8d8;
background-image: url(../_img/bottom_nib.jpg);
background-position: bottom center;
background-repeat: no-repeat;
color: #000;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
font-weight: bold;
font-size: 20px;
}

#packages .button{
padding: 5px 0px 5px 0px;
text-align: center;

background-position: bottom center;
background-repeat: no-repeat;
color: #000;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
font-weight: bold;
font-size: 20px;
}

#packages .select{
padding: 10px;
text-align: center;
background-image: url(../_img/black.jpg);
background-position: top right;
-webkit-border-bottom-right-radius: 7px;
-moz-border-radius-bottomright: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-bottomleft: 7px;
color: #fff;
}

#packages .more{
padding: 10px;
text-align: center;
background: black;
-webkit-border-top-right-radius: 7px;
-moz-border-radius-topright: 7px;
-webkit-border-top-left-radius: 7px;
-moz-border-radius-topleft: 7px;
-webkit-border-bottom-right-radius: 7px;
-moz-border-radius-bottomright: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-bottomleft: 7px;
color: #fff;
background-image: url(../_img/black.jpg);
background-position: top right;
}

#packages ul{
list-style: none;
margin: 0px;
padding: 0px 4px 0px 4px;
}

#packages li{
text-align: center;
padding: 7px;
border-bottom: 1px dotted #ccc;
}


#packages li.left{
text-align: right;
font-weight: bold;
padding: 7px 7px 7px 0px;
margin: 0px 0px 0px -10px;
color: #666;
}

#packages .black{
color: #000;
font-size: 14px;
}

#packages .additional{
margin-top: 33px;
}

#popular{
color: #fff;
background-image: url(../_img/blue.jpg);
background-position: top right;
padding: 5px;
width: 100px;
-webkit-border-top-right-radius: 7px;
-moz-border-radius-topright: 7px;
-webkit-border-top-left-radius: 7px;
-moz-border-radius-topleft: 7px;
text-align: center;
position: absolute;
margin: -29px 0px 0px 606px
}


.checkbox{
width: 30px !important;
padding: 0px !important;
border: 0px !important;
background-color: transparent !important;
clear: both !important;
float: left;
}

#agreement{
background: #f5f5f5;
width: 913px;
*width: 908px;
height: 300px;

border: 1px solid #ccc;
color: #666;
font-family: arial, sans-serif;
font-size: 12px;
}

#underterms{
background: #edf1fb;
color: #000;
border: 1px solid #ccc;
padding: 10px 10px 10px 10px;
text-align: center;
width: 903px;
*width: 898px;
}

#proposalbullets{
padding: 0px;
margin: 0px 0px 20px 0px;
border: 1px solid #ccc;
background: #edf1fb;
color: #000;
padding: 15px 15px 0px 15px;
*float: left;
*width: 890px;
*padding: 15px 15px 15px 15px;

}

#proposalbullets li{
list-style: none;
width: 420px;
margin: 0px 0px 25px 0px;
display: inline-block;
vertical-align: top;
*float: left;
}

#printbttn{
float: right;
margin-top: -20px;
}

#projectdetails{
width: 400px;
float: left;
padding: 0px 15px 0px 0px;
}

#packagespace{
width: 260px;
float: left;
padding: 0px 15px 0px 0px;
}

#packageprice{
float: right;
}

#line{
border-top: 1px solid #999;
margin-top: 3px;
*margin-top: 22px;
padding-top: 3px;
float: left;
display: block;
width: 400px;
}

#scope{
display: block;
padding-top: 20px;
*padding-top: 40px;
float: left;
*float: none;
}


#list{
padding: 10px 0px 0px 0px;
}

#list .listheader{
font-weight: bold;
border-bottom: 1px dotted #999;
padding: 0px 0px 3px 0px;
margin: 0px 0px 3px 0px;
}

#list .title{
display: inline-block;
padding: 0px 0px 0px 2px;
margin: 0px 13px 0px 0px;
*display: inline;
}

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

#list li{
padding: 7px 0px 7px 60px;
font-weight: bold;
margin: 0px 0px 3px 0px;
}

#list li.complete{
background-image: url(../_img/complete.jpg);
background-position: 0px 5px;
background-repeat: no-repeat;
}

#list li.incomplete{
background-image: url(../_img/incomplete.jpg);
background-position: 0px 5px;
background-repeat: no-repeat;
}

#list .green{
float: right;
background-image: url(../_img/complete.jpg);
background-position: 0px 0px;
background-repeat: no-repeat;
padding: 3px 0px 5px 50px;
margin: -5px 15px 0px 0px;
*margin: -27px 15px 0px 0px;
}

#list .red{
float: right;
background-image: url(../_img/incomplete.jpg);
background-position: 0px 0px;
background-repeat: no-repeat;
padding: 3px 0px 5px 50px;
margin-top: -5px;
*margin: -27px 15px 0px 0px;
}

#proposal-right .package-float{
float: right;
display: block;
}

#proposal-right label{
float: left;
padding: 2px 0px 0px 0px;
}

#proposal-right .left-field{
float: left;
padding: 0px 0px 0px 0px;
}

#proposal-right .field-area{
width: 292px;
display: block;
height: 70px;
}

#proposal-right ul{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style: none;
}

#proposal-right li{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 292px;
height: 40px;
}

#gulf{
height: 115px;
background: #000;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
margin-bottom: 15px;
margin-top: -14px;
}

#gulf .animals{
width: 640px;
height: 44px;
background-image: url(../_img/these_animals.jpg);
float: left;
margin: 13px 0px 0px 13px;
}

#gulf .images{
width: 300px;
height: 94px;
background-image: url(../_img/animals.jpg);
float: right;
margin: 10px 10px 0px 0px;
}

#gulf .text{
width: 630px;
float: left;
color: #fff;
margin: 10px 0px 0px 20px;
}