/**************************************************************
   #content 
 **************************************************************/

#wrapper {  
  width: 727px;
  margin: 40px auto;
}

#page {
background:#323232 url(../images/bg_bottom.gif) no-repeat bottom center;
}

.content, .con_width
{
text-align:left;
width:690px;
margin:0 auto;
}

ul.list li 
{
	background:#323232 url(../images/arrow_right.gif) no-repeat bottom left;
	padding-left:20px;
	
}
ul.list {margin-left:10px;}


/**************************************************************
   #gallery
 **************************************************************/
.gallery p a img {border:3px solid #3d3d3d;
	width:91px;
	height:91px;
	margin-right:11px;
	
}

.gallery p a img.last {
	margin-right:0px;
	
}

.gallery p a:hover img {border:3px solid #2D2D2D;
	
}


/**************************************************************
   #header
 **************************************************************/
#header {
height:165px;
background:url(../images/header.gif) no-repeat top center;
position:relative;
}

#header h2, #header h1 span {
display:none;
}

#header h1 {
float:right;
width:216px;
height:140px;
background:url(../images/logo.gif) no-repeat top right;
margin-right:30px;
display:inline;
}

#header h1 a{
display:block;
float:right;
width:200px;
height:140px;
display:inline;
outline:none;
}



/**************************************************************
   #bottom
 **************************************************************/

#bottom {
background: url(../images/bottom_bot_bg.jpg) #1e1e1e no-repeat bottom;
padding-bottom:20px;
}

#bottom_bg {
background:url(../images/bottom_top_bg.jpg) #1e1e1e no-repeat top;
display:block;
width:727px;
height:17px;
}


/**************************************************************
   #footer
 **************************************************************/

#footer
{
font-size:0.8em;
color:#323232;
float:left;
width:727px;
text-align:center;
}

#footer a {color:#323232;}

#footer a:hover {color:#fff;}

/**************************************************************
   #menu: Holds the main page content.
 **************************************************************/
 
 /*** general menu styles ***/
#home_nav, #commercial_nav, #domestic_nav, #contact_nav 
{
width:205px;
float:right;
font-size:16px;
display:inline;
margin-right:0;
}

#menu a#homenav span, #menu a#domnav span, #menu a#comnav span, #menu a#connav span
{
display:none;	
}

#menu a#homenav, #menu a#domnav, #menu a#comnav, #menu a#connav
{
display:block;
width:90px;
height:22px;
outline:none;
}

/*** menu images - current, hover ***/ 

#menu a#homenav 
{
	background: url(../images/buttons/home.gif) no-repeat;
}

#menu a#comnav 
{
	background: url(../images/buttons/commercial.gif) no-repeat;
}


#menu a#domnav 
{
	background: url(../images/buttons/domestic.gif) no-repeat;
}


#menu a#connav 
{
	background: url(../images/buttons/contact_us.gif) no-repeat;
}
/*** menu current, hover images ***/ 



#menu a#homenav:hover, #home_nav a#homenav 
{
	background: url(../images/buttons/home2.gif) no-repeat;
}

#menu a#comnav:hover, #commercial_nav a#comnav 
{
	background: url(../images/buttons/commercial2.gif) no-repeat;
}


#menu a#domnav:hover, #domestic_nav a#domnav
{
	background: url(../images/buttons/domestic2.gif) no-repeat;
}


#menu a#connav:hover, #contact_nav a#connav
{
	background: url(../images/buttons/contact_us2.gif) no-repeat;
}




img.hidden {display:none;} 


/**************************************************************
   #contact_form
 **************************************************************/

#contact_form
{width:250px;
	height:223px;
	float:left;
	margin:10px 20px 0 15px;
	padding:5px 0 0 0;
	display:inline;
	background: url(../images/form_bg.gif) no-repeat top;
}


/**************************************************************
   Width classes used by the site columns
 **************************************************************/

.width100 {
  width: 100%;
}

.width75 { 
  width: 74%;
}

.width380 {
  width:380px;
}

.width50 {
  width: 49.7%;
}

.width33 {
  width: 32.7%;
}

.width25 {
  width: 24.7%;
}



/**************************************************************
   Alignment classes
 **************************************************************/

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}


.alignLeft {
  text-align: left;
}

.alignRight {
  text-align: right;
}



/**************************************************************
   Generic display classes
 **************************************************************/

.clear {
  clear: both;
}

.block {
  display: block;
}

.small {
  font-size: 0.8em;
}

.green {
color:#70c377;
}

.red {
  color: #FF5137;
}

.grey {
  color: #666;
}

.grey a {
  color: #999;
}

.grey a:hover {
  color: #EEE;
}