/*
Theme Name: Total Dry Hire
Theme URI: http://www.totaldryhire.com.au/
Description: Custom Theme created for Total Dry Hire
Author: Shire Websites
Author URI: http://www.shirewebsites.com.au/
Version: 1.0
Tags:

License: All Rights Reserved Total Dry Hire
License URI: http://www.totaldryhire.com.au/

*/

/* Base Styles
============================*/
* {
	padding: 0px;
	margin: 0px;
}

body {
	background: #f6f6f6;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 15px;
}

body.home {
	background: url(images/background.png) no-repeat center 199px #f6f6f6;
}

.container {
	width: 990px;
	margin: 0px auto;
}

#header, #nav, #hero, #main, #footer {
	display: block;
	clear: both;
}

/* Utility Styles
============================*/
/* Clearfix
----------------------------*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html .clearfix             { zoom: 1; } /* IE6 */

*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* Misc CSS Fixes
----------------------------*/
a img {
	border: 0px;
	outline: none;
}


/* Header
============================*/
#header {
	height: 130px;
}

#header h1.logo {
	width: 290px;
	float: left;
}

#header div.right {
	float: right;
	margin-right: 25px;
	margin-top: 15px;
}

#header div.right h2.sub-header {
	float: right;
	font-size: 30px;
	color: #0f75bc;
}

/* Main Navigation 
============================*/
#nav {
	height: 35px;
	float: right;
	margin-top: 20px;
	margin-right: 0px;
	width: 620px;
}
	
#nav #links {
	list-style: none;
}
	
#nav #links li {
	float: left;
	display:block; 
	position:relative;
	z-index:500;
	padding: 0px 5px;
}
	
#nav #links li a,
#nav #links li a:visited {
	display:inline-block;
	font-size: 20px;
	font-weight: bold;
	color: #231f20;
	text-decoration: none;
	text-transform: uppercase;
	padding: 4px 10px 5px 10px;
}

#nav #links li a:hover,
#nav #links li.current_page_item a {
	background: url(images/nav_active.png) repeat-x #fff;
	color: #fff;
}
	
/* Sub-Menu 
============================*/
#nav #links ul {
	position:absolute;
	display:none; 
	margin:0 0 0 -1px; 
	padding:0; 
	list-style:none;
	width: 190px;
	background: #fff;
	top: 32px;
	border-bottom:2px solid #000;
	left: 5px;
}
		
#nav #links ul li {
	width:190px; 
	float:left; 
	border-bottom:1px solid #000;
	background: none;
	padding: 0px;
}

#nav #links ul li a,
#nav #links ul li a:visited {
	display:block;  
	height:30px;
	line-height: 30px;
	padding: 0px 15px;
	color: #000;
	text-align: left;
	font-size: 15px;
	text-decoration: none;
}
		
#nav #links ul li a:hover {
	text-decoration: none;	
	background: #000;
	color: #ffffff;
}

*html #nav #links ul { /* small ie6 fix - damm ie6! */
	margin:0 0 0 -2px;
}

/* Heros
============================*/
#hero {
	height: 312px;
	background: url(images/hero_background.jpg) no-repeat;
	border-top: 4px solid #231f20;
}

#hero .text {
	display: block;
	float: left;
	width: 381px;
	height: 171px;
	background: url(images/hero_textbg.png) repeat-x #fff;
	margin-top: 50px;
	padding: 15px 25px 25px 0px;
}

#hero .text h1 {
	font-size: 32px;
	color: #fff;
	margin-bottom: 10px;
}

#hero .text p {
	font-size: 14px;
	color: #fff;
	margin-bottom: 10px;
}

#hero .text p a,
#hero .text p a:visited {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	border-bottom: 1px dotted #fff;
}

#hero .slideshow {
	float: right;
	margin-right: 30px;
	margin-top: 5px;
	background: transparent;
}

/* Home Main
============================*/
#home-main {
	background: url(images/home-main_background.jpg) no-repeat;
	height: 280px;
	padding: 0px 20px;
}

#home-main .inner {
	display: block;
	width: 895px;
	height: 220px;
	padding: 15px 25px;
	margin-bottom: 20px;
	background: url(images/home-main_overlay.png) repeat;
}

#home-main h1 {
	font-size: 34px;
	color: #231f20;
	margin-bottom: 15px;
}

#home-main .fleet {
	display: block;
	float: left;
	margin-right: 8px;
	padding: 6px;
	width: 278px;
	height: 113px;
	background: url(images/home-fleet_background.png) repeat-x;
}

#home-main .fleet .image {
	float: left;
	width: 125px;
	height: 100px;
	background: white;
	text-align: center;
	line-height: 100px;
}

#home-main .fleet .image img {
	display: inline;
	vertical-align: middle;
}

#home-main .fleet .text {
	float: right;
	width: 135px;
}

#home-main .fleet .text h2 {
	margin-bottom: 5px;
	font-size: 17px;
	color: #fff;
	text-decoration: none;
	height: 70px;
}

#home-main .fleet .text h2 a,
#home-main .fleet .text h2 a:visited {
	text-decoration: none;
}

#home-main .fleet .text p {
	font-size: 12px;
	color: #fff;
	margin-bottom: 5px;
}

#home-main .fleet .text a,
#home-main .fleet .text a:visited {
	color: #fff;
	text-decoration: underline;
	font-weight: bold;
}

#home-main .fleet .text a:hover {
	text-decoration: none;
}

#home-main p.view-all {
	text-align: right;
	margin-right: 10px;
}




/* Content Main
============================*/
#content-main {
	background: url(images/content-main_background.jpg) no-repeat #8f7a59;
	padding: 20px 20px;
	border-top: 4px solid #231f20;
}

#content-main .title {
	display: block;
	width: 905px;
	height: 50px;
	padding: 9px 20px 0px 20px;
	background: url(images/title_background.png) repeat-x;
	border-bottom: 1px solid #fff;
}

#content-main .title h1 {
	font-size: 34px;
	color: #fff;
}

#content-main .inner {
	display: block;
	width: 895px;
	padding: 15px 25px;
	background: url(images/home-main_overlay.png) repeat;
}

/* Full Fleet Page Styles
============================*/
#full-fleet .fleet {
	width: 435px;
	float: left;
	height: 250px;
	margin-bottom: 10px;
	padding: 6px;
	height: 160px;
	/*background: url(images/home-fleet_background.png) repeat-x;*/
}

#full-fleet .fleet .image {
	float: left;
	width: 150px;
	height: 150px;
	background: white;
	text-align: center;
	line-height: 100px;
	border: 1px solid #ccc;
}

#full-fleet .fleet .image img {
	display: inline;
	vertical-align: middle;
	
}

#full-fleet .fleet .text {
	float: right;
	width: 265px;
}

#full-fleet .fleet .text h2 {
	margin-bottom: 10px;
	font-size: 22px;
	color: #000;
	text-decoration: none;
	
}

#full-fleet .fleet .text h2 a,
#full-fleet .fleet .text h2 a:visited {
	text-decoration: none;
}

#full-fleet .fleet .text p {
	font-size: 12px;
	color: #000;
	margin-bottom: 5px;
}

#full-fleet .fleet .text a,
#full-fleet .fleet .text a:visited {
	color: #000;
	text-decoration: underline;
	font-weight: bold;
}

#full-fleet .fleet .text a:hover {
	text-decoration: none;
}

/* Text Styles
============================*/
#content-main h1 {
	font-size: 30px;
	color: #231f20;
	margin-bottom: 10px;
}

#content-main h2 {
	color: #0f75bc;
	font-size: 23px;
	margin-bottom: 10px;
	padding-top: 5px;
}

#content-main h3 {

}

#content-main p {
	font-size: 15px;
	margin-bottom: 15px;
	line-height: 17px;
}

#content-main ul {
	list-style: square;
	margin-left: 30px;
	margin-bottom: 15px;
}

#content-main ul li {
	margin-bottom: 2px;
	font-size: 13px;
}

#content-main a,
#content-main a:visited {
	color: #0f75bc;
	text-decoration: underline;
}

#content-main a:hover {

}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/* Contact Form Styles
============================*/
#contactform-wrapper {

}

#contactform-wrapper label {
	display: block;
	font-size: 15px;
	padding-bottom: 4px;
	font-weight: bold;
}

#contactform-wrapper span.required {
	font-size: 11px;
}

#contactform-wrapper input.wpcf7-text {
	font-size: 15px;
	padding: 3px;
}

#contactform-wrapper textarea {
	font-size: 14px;
	padding: 5px;
}

#contactform-wrapper span.wpcf7-not-valid-tip {
	display: none !important; /* Hide the popup error messages on this site */
}

#contactform-wrapper div.wpcf7-response-output {
	width: 390px !important;
	padding: 5px 10px !important;
	background: #fff !important;
	border: 3px solid #8d0000 !important;
}

#contactform-wrapper input.wpcf7-submit {
	display: block;
	width: 130px;
	height: 35px;
	border: none;
	background: url(images/button_background.png) no-repeat;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
}

#contactform-wrapper div.wpcf7-mail-sent-ok {
border: 2px solid #398F14 !important;
}

/* Footer
============================*/
#footer {
	border-top: 7px solid #231f20;
	padding-top: 15px;
	padding-bottom: 20px;
	color: #8f8f8f;
	font-size: 11px;
	font-weight: bold;
}

#footer a,
#footer a:visited {
	color: #8f8f8f;
	text-decoration: underline;
}

#footer a:hover {
	color: #8f8f8f;
	text-decoration: none;
}

#footer .left {
	float: left;
	width: 475px;
	text-align: left;
	margin-left: 10px;
}

#footer .right {
	float: right;
	width: 475px;
	text-align: right;
	margin-right: 10px;
}