*{
border : 0;
padding : 0;
margin : 0;
text-decoration: none}
html body{
background-image : url(../images/bgb.png);
background-color : #000000;
color: #999999;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: normal;
text-transform: none;
text-decoration: none;
margin : 0;
padding: 0;
height: 100%}
p{
margin-top: 8px;
margin-bottom: 8px}
p a{
color: #FE7840;
text-decoration: none}
p a:hover{
color: #FF4B00;
text-decoration: none}
/** HEADINGS **/
h1{color: #FE7840;font-size: 18pt}
h1 a{color: #FE7840;font-size: 18pt;text-decoration:underline}
h1 a:hover{color: #FFCC00;font-size: 18pt;text-decoration:underline}
h2{color: #FE7840;font-size: 16pt}
h3{color: #FE7840;font-size: 12pt;font-weight: bold}
h3 a{color: #FE7840;text-decoration: none}
h3 a:hover{color: #FF4B00;text-decoration: none}
h4{color: #999999;font-size: 12pt;font-weight: bold}
h4 a{color: #FE7840;text-decoration: none}
h4 a:hover{color: #FF4B00;text-decoration: none}
strong{color: #004884;text-decoration: none}
/* styles for the list on sitemap page*/
#divBodyLeft ul.sitemap{margin: 10px;padding-left: 12px}
ul.sitemap li a{
color: #FE7840;
text-decoration: none;  font-size: 12pt;
font-weight: bold}
ul.sitemap li a:hover{
color: #FF4B00;
text-decoration: none;
font-size: 12pt;
font-weight: bold}
.copyright{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 7pt}
a.copyright{color: #004884}
/** styles for the main menu **/
#divMenuBar{
background-image : url(../images/MenuBarBackground.png);
text-align : left;
left : 0px;
top : 218px;
width : 1004px;
height : 41px;
z-index : 1;
padding : 0px;
border-bottom : 0px dotted #FFFFFF}
/** this positions the menu text in the main menu bar **/
#divMenuText{
text-align : right;
right : 40px;
top : 0px;
width : 960px;
z-index : 1;
padding : 6px;
border : 0px dotted #F00000}

ul.menuText{list-style: none}
.menuText li{display:inline;padding:0 10px}
.menuItem{
color: #D7E3E6;
font-size: 16pt;
margin : 0;
padding: 0}
a.menuItem{
color: #D7E3E6;
text-decoration: none}
a.menuItem:hover{
color: #FFFFFF;
text-decoration: none}
img.icon{
float:left;
padding: 0px 0px 0 5px;
border:none}

/******************************* Active states: ****************************/
#home li.home a.menuItem,
#about li.about a.menuItem,
#services li.services a.menuItem,
#casestudies li.casestudies a.menuItem,
#contactus li.contactus a.menuItem,
#site li.site a.menuItem{
color: #FF9900;
text-decoration: none}

#home li.home a.menuItem:hover,
#about li.about a.menuItem:hover,
#services li.services a.menuItem:hover,
#casestudies li.casestudies a.menuItem:hover,
#contactus li.contactus a.menuItem:hover,
#site li.site a.menuItem:hover{
color: #FFCC00;
text-decoration: none}

/**Used for form on contact pages**/
.button{
color: #FE7840;
padding : 2px;
background-color : #FFFFFF;
border: 1px solid #FE7840;
cursor:pointer}
.textBox{
background-color : #FFFFFF;
border: 1px solid #C0C0C0;
font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
font-size: 10pt}
.contactAddress{
border: 1px solid #C0C0C0;
padding : 10px}
/**this is the top level parent div that shall contain all other divs **/
#divParent{
position: relative;
min-height: 100%}
/** this is for the very top title header bar **/
#divTopHeader{
background-image : url(../images/TopBlueBand.png);
text-align : left;
left : 0px;
top : 0px;
width : 1004px;
height : 69px;
z-index : 1;
padding : 0px;
border-bottom : 0px dotted #FFFFFF}
#divTopHeader img.swatch{
float:right;
padding: 5px 5px 0 0;
border:none}
br.clear{clear: both}
/** this is for the main image banner just below the top header **/
#divPicHeader{
text-align : left;
left : 0px;
top : 69px;
width : 1004px;
height : 149px;
z-index : 1;
padding : 0px;
border-bottom : 0px dotted #FFFFFF}
/** this is for the title bar just below the main menu bar **/
#divTitleBar{
background-color : #DEE8EB;
text-align : left;
left : 0px;
top : 259px;
width : 1004px;
height : 38px;
z-index : 1;
padding : 0px;
border : 1px solid #999999}
#divTitleText{
text-align : left;
left : 40px;
top : 0px;
width : 660px;
height : 38px;
z-index : 1;
padding : 0px;
border : 0px solid #999999}
/**this is the main body section - but remember it has the divBodyContent in it **/
#divBody{
margin-top :20px;
text-align : left;
left : 0px;
top : 260px;
width : 1004px;
height : 100%;
z-index : 1;
padding : 0px;
border : 0px dotted #F00000}
/** this lives inside of divBody and holds the real content **/
#divBodyContent{
text-align : left;
width : 920px;
z-index : 1;
padding-left : 40px;
padding-right : 40px;
border : 0px dotted #F00000}
/** this is for main body text placed to the right - this should be used with #divBodyLeftBox **/
#divBodyRight{
text-align : left;
width : 590px;
float: right;
z-index : 1;
padding : 0px;
border : 0px dotted #F00000}
/** this is for bullet points, sub-menus or strap lines to be placed to the left - this should be used with #divBodyRight **/
#divBodyLeftBox {
background-color : #FCFDFD;
text-align : left;
width : 260px;
float: left;
z-index : 1;
padding : 20px;
margin : 0px;
border : 1px dotted #CCCCCC}
/** this is for main body text placed to the left - this should be used with #divBodyRightBox **/
#divBodyLeft, #divBodyLeftVid{
text-align : left;
float: left;
z-index : 1;
padding : 0px;
border : 0px dotted #F00000;}
#divBodyLeft {width: 590px;}
#divBodyLeftVid {width : 440px}
/** this is for bullet points, sub-menus or strap lines to be placed to the right - this should be used with #divBodyLeft **/
#divBodyRightBox, #divBodyRightBoxVid {
background-color : #FCFDFD;
text-align : left;
float: right;
z-index : 1;
padding : 20px;
margin : 0px;
border : 1px dotted #CCCCCC}
#divBodyRightBox {width: 260px}
#divBodyRightBoxVid {width:420px}

#divBodyRightBox img.bio{
float:left;
margin: 6px 4px 0 0;
border:1px dotted #CCC}
/** this is for the footer at the bottom of the page **/
#divFooter{
margin-top :20px;
clear: both;
background-color : #F9FBFB;
border : 1px solid #CCCCCC;
width : 1002px;
height : 30px;
z-index : 2}
/** this is for the footer at the bottom of the page **/
#divFooterContent{padding-left : 20px}
/** this is for the Contact Us page **/
#divContact{
text-align : left;
position : absolute;
left : 20px; 
top : 20px;
width : 960px;
height : 430px;
z-index : 1;
padding : 10px;
border : 0px solid #CCCCCC}
#divContactLeft{
text-align : left;
float: left;
width : 440px;
z-index : 1;
padding : 10px;
border : 1px solid #C0C0C0;}
#divContactRight{
text-align : left;
float: right;
width : 400px;
z-index : 1;
padding : 0px;
border : 0px solid #C0C0C0}