@charset "utf-8";

/********************************

GLOBAL DEFAULT STYLES 

********************************/
body  {
	background:url(../images/body-bg.gif) repeat-x #1d4a77;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: left;
	color: #000000;
	font-family: 'Ubuntu', sans-serif;
	font-size: 1em;
	min-width:960px;
	
}
h1, h2, h3, h4, h5, h6{margin:0; padding:5px 0 0;}
img{border:0;}
a{text-decoration:none; color:#003366;}
a:hover{color:#00b;}
p{margin:8px 0;  font-size: 0.8em;}
hr{clear:both; margin-top:8px;}
.clear{clear:both;}
.small{font-size:.7em;}

/********************************

HEADER STYLES 

********************************/
 #header {
	background:url(../images/header-bg.gif) no-repeat right top #000;
    height: 100px;
    margin: 0px auto;
    width: 1000px;
	-moz-border-radius: 0 0 8px 8px;  border-radius:0 0 8px 8px; 
	border:1px solid #000; 
	
} 
 
#logo{float:left;}


#miniNav{float:right; position:relative; top:1%; right:1%; text-align:right;}
#miniNav a, #miniNav a:visited{color:#fff; display:block;}
#nav{
	background: transparent;
    /*
	border: 2px solid #666666;
    border-radius: 9px 9px 9px 9px;
    */
    float: left;
    height: 58px;
    margin:5px 0 5px 5px;
    padding: 5px;
   }

#top-nav{
	border-bottom: 3px solid #666666;
	-moz-border-radius:0 0 5px 0; border-radius: 0 0 5px 5px; 
	margin:0 ;
	padding:67px 0 0 0;
	 width: 100%;
	height:31px;
	bottom:0;
	}


.nav {padding:0; margin:0; list-style:none; height:34px; font-size:.9em;}
.nav li {display:inline;  color:#FFF; cursor:pointer;}
.nav li a {display:block; float:left; height:34px; line-height:34px; color:#fff; text-decoration:none;   text-align:center; padding:0 0 0 10px;  background:url(../images/nav_0a.gif) no-repeat;}
.nav li a span {float:left; display:block; padding:0 60px 0 0; background:url(../images/nav_0.gif) no-repeat right top;}
.nav li.current a, .nav li a:hover {color:#000; background:url(../images/nav_2a.gif) no-repeat;}
.nav li.current a span, .nav li a:hover span {color:#000; background:url(../images/nav_2.gif) no-repeat right top;}


.nav li.current a:hover {color:#000; cursor:default;}



/*subnav*/
#subBar{background:#fff;  width:1000px; height:25px; padding:0; margin: 0px auto 10px; }
ul.subnav {
	margin:0;
	padding:0;
	display:none;
	height:25px;
}
ul#services{margin:0 0 0 150px;}
ul#about{margin:0 0 0 390px;}
ul#media{margin:0 0 0 520px;}

 ul.subnav li {
	display:inline-block;
	z-index:0;
	height:25px;
	font-size:.8em;
	line-height:20px;
	margin: 0 8px 0 0;
	padding:2px;
	
}
ul.subnav a {
	color:#000;
	
}

 ul.subnav li:hover,
 ul.subnav li:hover a,
 ul.subnav li.here,
 ul.subnav li.here a {
	color:#000;
	background:#eee;
	
}



/*******************

Content Block STYLES 

********************************/
#content { width:1000px;  min-height:300px; margin:0 auto; padding:0; z-index:10; background:#eee;  -moz-border-radius: 8px; border-radius: 8px; border:3px solid #bdcad7;  }
#topContent{background:#fff; width:99%; padding:.5%; margin:0 0 .5% 0; float:left; background:#fff;  -moz-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; border:0px solid #bdcad7;}
#mainContent{background:none; width:81%;float:left; padding:0 .5%; }
#rightBar{width:18%; float:right; background:none;  text-align:center;}

#content ul li {font-size: 0.8em;}

#topContent h1 {margin:0 15px; padding:0;}
#topContent p {margin:8px 40px;}


#mainContent h3 {margin:0; padding:0;}
#mainContent h4{margin-left: 15px;}
#mainContent h5{margin-left:20px;}
#mainContent p {margin-left:25px;}


#approved {background: #CCC; color:#000; border:1px solid #fff; padding:15px;}
#approved p{margin:0;}



#rightBar a {color:#FFF;}
#rightBar .ads {}
#rightBar ul.ads  {margin:0; padding:0; list-style:none;}
#rightBar ul.ads li {display:block; width:100%; min-height:120px; background:transparent; margin:10px 0; vertical-align: middle; font-size:27px; }
#rightBar ul.ads li img{width:80%;}
#rightBar ul.ads li a {color:#003366; }
/*******************

Home Page STYLES 

********************************/


#homeBoxes{background:#fff; height:260px; -moz-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; border-top:0px solid #bdcad7; margin:0 0 8px;}
#left, #center, #right {width:308px; float:left; margin:5px 2px 0; height:226px; padding:1%; text-align:center;}

#left h3, #center h3, #right h3 {color: #003366;}
#left p, #center p, #right p {color: #000; font-size:.8em; text-align:left;}
#left select{width: 250px;}

#left{border-right:1px solid #bdcad7;}
#center{  border-right:1px solid #bdcad7; border-left:1px solid #bdcad7;}
#right{ border-left:1px solid #bdcad7;}

#center img{ display:inline-block; height:60px; }

#welcome{clear:both; width:660px; padding:0 10px; float:left; margin:0 0 10px 0;}
#welcome h1{margin:0 0 10px 0; color:#003366;}
#welcome p{margin:8px 0 30px 0; line-height:20px;}


#homeAds {width:300px; float:right; background:none;  text-align:center; margin:0 15px 10px 0; min-height:250px; clear:right; }
#homeAds ul {margin:0; padding:0;}
#homeAds ul li {display:inline-block; width:49%; min-height:120px; background:none; vertical-align: middle; font-size:27px; }
#homeAds ul li img{width:100%;}
#homeAds ul a {color:#003366; }

#newsBar{width:1000px; padding:0 ; margin:10px auto 0; background:#333; min-height:340px; -moz-border-radius: 8px 8px 0 0; border-radius: 8px 7px 0 0; border:3px solid #333; }
#newsBar .facebook, #newsBar .twitter, #newsBar .news {min-height:340px;  width:308px;  margin:0 10px 0;  padding:0 ; display:block;}
#newsBar .facebook { width:308px; float:left; }
#newsBar .twitter {width:308px; float:right;  }

#newsBar a {color:#FFF;}
#newsBar a:hover {color:#88f;}
#newsBar .news {width:308px; float:left;}
#newsBar .news ul {margin:0; padding:0 0 0 15px; list-style:none; }
#newsBar .news ul li {font-size:.9em;}



/*******************

Services STYLES 

********************************/
#mainContent.services  h2 {background:#bdcad7; color:#000; cursor:pointer; margin:0; padding:2px;}

.service {border-bottom:1px solid transparent;}
.desc{padding:5px;}

/*******************

Rental Tool STYLES 

********************************/

#questions label, #questions select {display:block; margin:0 0 3px; text-align:left; width: 95%; font-size: 0.8em;}
#questions input[type="submit"] {display:block; float:right; text-align:left;}
#homeBoxes #questions input[type="submit"]{margin-top: 5%; }


#inventoryTop{background:none; width:98%; padding:0 2%;}
#inventoryLeft{float:left; width:18%;  margin:0 10px 0 8px; }
#inventoryRight{float:right; background:#eee; width:18%; -moz-border-radius: 8px; border-radius: 8px; border:1px solid #bdcad7;  margin:0 8px 0 10px;}
#inventoryMain{margin:0 auto; display: block; background:#fff; width:60%;  -moz-border-radius: 8px; border-radius: 8px; border:3px solid #bdcad7;  }

#filters{ padding: 16px 8px; background:#eee;  -moz-border-radius: 8px; border-radius: 8px; border:1px solid #bdcad7; }
#bundles{ margin:10px 0 0 0; padding: 16px 8px; background:#eee;  -moz-border-radius: 8px; border-radius: 8px; border:1px solid #bdcad7;}
#bundles h3 {color:#003366; font-size:1em; text-align:center;}
#bundles ul{list-style:none; margin:40px 0; padding:0;}
#bundles ul li{font-size:1em; text-align:center;}
#bundles ul li img{width:100%;}

.bundleName{float:right; width:50%}
.bundleImage{float:left; width:40%;}
.bundleDesc{float: right; margin: 30px 0; width: 50%;}
.addBundle{float: right; margin: 15px 0; }
table.product {width:95%;}
table.product td {border-bottom:1px solid #666; padding-left: 8px;}
table.product td.image {width:100px;}
table.product td.image img{width:100%;}

table.product td.quantity {width:100px;}
table.product td.quantity input{width:80px;}


span.category{font-size:smaller; color:#666;}

ul.productNav, ul.productSubNav{list-style:none; margin:0 0 0 15px; padding:0;}
ul.productNav{}
ul.productSubNav{ display:none; margin:0 0 0 25px;}

a.productNavActive {background:#ccc; padding:2px; color:#001E43;}

#contactform{width: 960px;}
#contactInfo label{display:block;}
#contactInfo input{display:block;}

#contactInfo em{font-size:xx-small; color:#900;}

#finalCart{float:right; width: 30%;margin: 0; padding: 1px;}

#finalCart  #myCart input{width: 40px;  margin:0; padding:0; display:inline-block; }
#finalCart button{font-size:xx-small; width:19px; height:19px; display:block;}

#inquiries {border:none; float:right; width: 40%;margin: 0; padding: 1px;}

#inquiries input{margin:8px; }
#inquiries label{font-size:xx-small; display: block;}
.inquiryCol{float:left; margin-right:1px; width: 32%; border:1px solid #333; text-align:center;}
.inquiryCol h5{margin:0 !important; padding:0; background:#333; color:#fff; height: 25px; padding: 3px 0;}

#contactInfo input[type=radio]{display:inline-block;}

#inventoryRight h3{text-align:center;}
#inventoryRight label{}
#inventoryRight input[readonly] {background:transparent; border:none; width:20px}
#inventoryRight button{font-size:xx-small; width:19px; height:19px; display:block;}

#inventoryRight input[type=submit] {float:right; font-size:smaller; margin:8px 3px; display:block;}

table#myCart{width:97%; margin:0; padding:0;}
table#myCart td{font-size:xx-small; margin:0; padding:0; border-bottom:1px solid #000; min-height:20px;}

table#myCart td.label {}
table#myCart td.qty{}
table#myCart td.rem{}

button.view{font-size:xx-small; width:70px; height:19px; display:block; margin:0 10px; float:right;}

/*******************

Media STYLES 

********************************/
ul.mediaCat {list-style:none; background:#CCC; padding:1%;}
ul.mediaCat li {display:inline-block; margin:0 0 0 10px;}
.post {
	width:100%;
	padding:4px 0; 
	}
.post img {float:right; width:350px; margin:0 0 1% 1%;}	
.title{
	
}
.date{
	color:#0066ff;
}
.desc{
}

/******************
*   Photo Styles
*
*******************/
ul.portfolio li img {
height:100px;
}


ul.portfolio li {
border:1px solid #E2E1CE;
color:#000000;
display:block;
float:left;
margin:0px 15px 15px 0px;
padding:5px;
text-align:center;
height:auto;
width:auto;
}
ul.portfolio li:hover {
background-color:#000;
border:1px solid #999;
cursor:pointer;
}

.photoLarge img {width:100%;}
.photoDesc{}

/********************************

FOOTER STYLES 

********************************/


 #footer {
	padding:20px 3px;
	margin:0 auto;
	color: #FFFFFF;
	width: 1000px;
	font-size: .7em;
	
	clear:both;
	border-top: 3px solid #666666;
	background:#000;
	
} 
 
/********************************
  Modal Window Styles   
  
 ********************************/	

/* Z-index of #mask must lower than #boxes .window */
#mask {
  position:absolute;
  top:0;
  z-index:9000;
  background-color:#666;
  display:none;
}

.window .summary {width:50%; float:right;}
.window img {float:left; width:40%;}

.window .desc {width:100%;}
.window .desc p {margin: 10px; padding:0; font-size:x-small;}
.window .desc ul {margin: 10px; padding:0; font-size:x-small;}
.window h3 { background:#eee; font-size:1em;}
.window h4 {font-size:.7em;}
.window h5 {}
   
#boxes .window {
  position:absolute;
  width:300px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
  background-color:#fff;
}
 #boxes #modalContent {
  min-height:200px;
  
}
 #closeWindow{clear:both;}
/* Customize your modal window here, you can add background image too */
#boxes #modal {
  background:#fff; 
  width:700px;  
  -moz-border-radius: 8px; 
  border-radius: 8px; 
  border:3px solid #bdcad7;
  min-height:500px;
  overflow:auto;
}
/********************/