/*------------------------------------------------------------------
	[Stylesheet]
	Project:		Project Name
	Version:		1.0
	Last change:	10.11.10 [Created]
	Assigned to:	Titan Web (You Name)					
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
	[Table of Contents]
	1. 	Global
	2.	Header
	3.	Top Menu
	4.	Banner
	5.	Content
	6.	Footer
	7.  Gallery
	

	[Color codes]
	Background:	#262626 (Dark Grey)
	Content:	#3b3b3b (Light Black)
	Header h1:	#a70d00 (Dark Red)
	a (standard):	#0046e4 (Bright Blue)
	a (visited):	#009ce4 (Lighter Blue)

	[Typography]
	Body copy:	12px/1.3 Verdana, Arial, Helvetica, sans-serif;

-------------------------------------------------------------------*/
/*------------------------------------------------------------------
	[ 1 Global ]
-------------------------------------------------------------------*/
body{
	background: #e9e9e9;
	color: #464646;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
h1, h2, h3, h4, h5, h6 {}
h1 {} h2 {} h3 {} h4 {} h5 {} h6 {}
a{ color: #f57f00; text-decoration: underline; }
a:hover, a:focus{ }
input, button, textarea, select {}

ul{
	padding: 0;
}

ul li{
	list-style: none;
}

.clearfix:before,
.clearfix:after{
    content: ""; /* 1 */
    display: table; /* 2 */
}
.clearfix:after{
    clear: both;
}
.clearfix{
    *zoom: 1;
}

.clearer{
	display: block;
	clear: both;
}

.page-title{
	border-bottom: 1px solid #f57f00;
	color: #f57f00;
	font-family: 'Roboto Light', Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	width: 605px;
}

/*------------------------------------------------------------------
	[ 2 Header ]
-------------------------------------------------------------------*/
#header,
.header-pad,
.headinfo{
	overflow: visible;
}

#top_container{
	background: #e4be2f url("../images/top-bg.jpg") top center no-repeat;
	border-top: 10px solid #fff;
	border-bottom: 18px solid #1f1f1f;
	height: 710px;
}

.header-contact a{
	background: url("../images/headercontact-bg.png") no-repeat;
	color: #292929;
	display: inline-block;
	font-size: 20px;
	line-height: 31px;
	margin: -10px 0 10px 0;
	text-align: center;
	text-decoration: none;
	width: 160px;
}

.header-enquire{
	color: #292929;
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	overflow: hidden;
	height: 80px;
}

.header-enquire label{
	font-size: 20px;
}

.header-enquire a{
	color: #292929;
	font-size: 18px;
	text-align: right;
	text-decoration: none;
}

/*------------------------------------------------------------------
	[ 3 Top Menu ]
-------------------------------------------------------------------*/
/* Structure and General Styling */
#topmenu_container,
#botmenu_container{
	background: url("../images/menuside-bg.png") center no-repeat;
	position: relative;
	width: 100%;
	z-index: 999;
}
#top-menu,
#bottom-menu{
	background: url("../images/menu-bg.jpg") repeat-x;
	display: block;
	height: 44px;
	margin: 0 auto;
	padding: 0 20px;
	width: 880px;
}

#top-menu ul li,
#top-menu ul a,
#bottom-menu ul li,
#bottom-menu ul a{
	display: block;
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-transform: capitalize;
}

/* PARENT */
ul#menu-top-menu,
ul#menu-bottom-menu{
	margin: 0;
	padding: 0;
	height: 44px;
}
ul#menu-top-menu > li,
ul#menu-bottom-menu > li{
	position: relative;
	float: left;
	margin: 0 20px;
}
ul#menu-top-menu > li:first-child,
ul#menu-bottom-menu > li:first-child{
	background: none;
}

ul#menu-top-menu > li > a,
ul#menu-bottom-menu > li > a{
	font-size: 21px;
	padding: 0 10px;
	line-height: 44px;
	color: #ffa200;
}

ul#menu-top-menu > li:first-child > a,
ul#menu-bottom-menu > li:first-child > a{
	margin-left: 0;
}

ul#menu-top-menu > li:hover > a,
ul#menu-top-menu > .current-menu-item > a,
ul#menu-top-menu > .current-menu-item:hover > a,
ul#menu-top-menu > .current-menu-ancestor > a,
ul#menu-bottom-menu > li:hover > a,
ul#menu-bottom-menu > .current-menu-item > a,
ul#menu-bottom-menu > .current-menu-item:hover > a,
ul#menu-bottom-menu > .current-menu-ancestor > a{
	/*background: #141414;*/
	color: #fff;
}
/* CHILDREN */
#menu-top-menu ul,
#menu-bottom-menu ul{
	display: none;
	position: absolute;
	background: #fff;
	width: 160px;
	margin: 0;
	padding: 0;
	z-index: 999;
}

#menu-bottom-menu ul{
	bottom: 44px;
}

#menu-top-menu li:hover > ul,
#menu-bottom-menu li:hover > ul{
	display: block;
}

#menu-top-menu ul li,
#menu-bottom-menu ul li{
	background: #141414;
}

#menu-top-menu ul li:first-child,
#menu-bottom-menu ul li:first-child{
	border-top: 0;
}

#menu-top-menu ul li a,
#menu-bottom-menu ul li a{
	font-size: 17px;
	color: #ffa200;
	padding: 10px;
	text-align: center;
}

#menu-top-menu ul > li:hover > a,
#menu-top-menu ul > .current-menu-item > a,
#menu-top-menu ul > .current-menu-item:hover > a,
#menu-top-menu ul > .current-menu-ancestor > a,
#menu-bottom-menu ul > li:hover > a,
#menu-bottom-menu ul > .current-menu-item > a,
#menu-bottom-menu ul > .current-menu-item:hover > a,
#menu-bottom-menu ul > .current-menu-ancestor > a{
	color: #fff;
}

/*------------------------------------------------------------------
	[ 4 Banner ]
-------------------------------------------------------------------*/
#banner{
	height: 650px;
	width: 960px;
}

.banner-container{
	margin-top: 25px;
	overflow: hidden;
	position: relative;
}

.banner-frame{
	background: url("../images/banner-frame.png") no-repeat;
	height: 655px;
	position: absolute;
	left: 0;
	top: 0;
	width: 960px;
	z-index: 100;
}

#prev, #next{
	position: absolute;
	top: 245px;
	height: 56px;
	width: 55px;
	z-index: 100;
}

#prev{
	background: url('../images/sprite.png') no-repeat -8px -8px;
	left: 20px;
}

#next{
	background: url('../images/sprite.png') no-repeat -72px -8px;
	right: 20px;
}

#banner_video{
	background: url('../images/sprite.png') no-repeat -8px -158px;
	width: 304px;
	height: 86px;
	display: block;
	position: absolute;
	top: 9px;
	right: 9px;
	z-index: 200;
}

/*------------------------------------------------------------------
	[ 5 Content ]
-------------------------------------------------------------------*/
.content {}
.entry-meta { display:none; }
.entry-utility { display:none; }

.wpsc-breadcrumbs a.wpsc-crumb,
.wpsc-breadcrumbs span.wpsc-crumb{
	background: #e9e9e9 url("../images/crumb.jpg") right no-repeat;
	color: #464646;
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 3px 20px 3px 7px;
	text-decoration: none;
}

.wpsc-breadcrumbs a.second-last{
	background: #e9e9e9 url("../images/crumb2.jpg") right no-repeat;
}

.wpsc-breadcrumbs a.last-crumb,
.wpsc-breadcrumbs span.wpsc-crumb{
	background: #fc920a url("../images/crumb-last.jpg") right no-repeat;
	color: #fff;
}

.content-container{
	background: url("../images/content-gradient.jpg") repeat-x;
}

.outer-wrapper{
	padding-top: 88px;	
}

.main-content,
#featured_products{
	background: #fff;
	-webkit-box-shadow: 0px 0px 10px 0px #d5d5d5;
	-moz-box-shadow:	0px 0px 10px 0px #d5d5d5;
	box-shadow:			0px 0px 10px 0px #d5d5d5;
	margin: 10px 5px 25px;
	padding: 10px 15px;
}

#home_content{
	width: 605px;
	margin-right: 20px;
}

#fp_news{
	width: 295px;
}

.fp_newsitem_container{
	margin-bottom: 15px;
	overflow: hidden;
}

.fp-newstitle{
	color: #f57f00;
	display: block;
	font-family: 'Roboto Regular', Arial, Helvetica, sans-serif;
	font-size: 21px;
	margin: 0;
}

.newsthumb-container{
	position: relative;
	width: 93px;
	height: 68px;
	margin-right: 7px;
}

.newsthumb-container img{
	border: 1px solid #cfcfcf;
	padding: 3px;
}

.newsthumb-container .news-arrow{
	position: absolute;
	bottom: 4px;
	right: 3px;
	background: url('../images/sprite.png') no-repeat -192px -48px;
	width: 16px;
	height: 16px;
}

.news-content{
	width: 195px;
}

#profile_nav{
	width: 315px;
	margin-right: 20px;
}

#profile_content{
	width: 585px;
}

.subpage-container ul li a{
	background: url('../images/sprite.png') no-repeat -8px -488px;
	color: #fff;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	height: 22px;
	line-height: 25px;
	margin-bottom: 10px;
	overflow: hidden;
	padding: 8px 9px 9px;
	text-decoration: none;
	width: 275px;
}

.subpage-container ul li.current_page_item a,
.subpage-container ul li a:hover{
	background: url('../images/sprite.png') no-repeat -8px -440px;
	color: #1a1a1a;
}

/* featured products */
#featured_products{
	position: relative;
}

.fprod-container{
	margin: 0 15px;	
}

.fprod-image-container{
	border: 2px solid #cfcfcf;
	height: 184px;
	position: relative;
	width: 238px;
}

.fprod-image-container img{
	padding: 4px;
}

.fprod-title,
.fprod-link{
	position: absolute;
	bottom: 5px;
}

.fprod-title{
	background: #292929;
	color: #fff;
	font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
	height: 28px;
	left: 4px;
	padding: 6px 25px 8px 8px;
	width: 155px;
}

.fprod-link{
	background: url('../images/sprite.png') no-repeat -136px -22px;
	display: block;
	height: 42px;
	right: 3px;
	width: 43px;
}

#featured_carousel{
	padding: 0 50px;	
}

#cprev, #cnext {
	position: absolute;
	bottom: 75px;
	width: 56px;
	height: 56px;
}

#cprev{
	background: url("../images/sprite.png") no-repeat -8px -80px;
	left: -5px;
}

#cnext{
	background: url("../images/sprite.png") no-repeat -72px -80px;
	right: -5px;
}

/* services */
.service-container{
	margin: 5px 0 50px;
	overflow: hidden;
	width: 450px;	
}

.services-image-container, .single-service-image{
	margin-right: 20px;
}

.services-content-container{
	width: 215px;
}

.service-container .service-title{
	color: #313132;
	display: block;
	font-family: "Roboto Regular", Arial, Helvetica, sans-serif;
	font-size: 24px;
}

.service-container p{
	line-height: 25px;
}

.service-container a,
.wpsc_main_category_wrap a,
.default_product_display .wpsc_read_more a,
.viewmore{
	background: #313132;
	color: #fff;
	display: inline-block;
	font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
	font-size: 15px;
	padding: 12px 23px;
	text-decoration: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.service-container a:hover,
.wpsc_main_category_wrap a:hover,
.default_product_display .wpsc_read_more a:hover,
.viewmore:hover{
	background: #f57f00;
	color: #1a1a1a;
}

.single-service-image{
	width: 215px;
}

.single-service-image img{
	margin-top: 15px;
}

.single-service-content{
	width: 685px;
}

/* leadins */
#leadins{
	margin-bottom: 30px;
}

#leadins div{
	font-family: "Roboto Regular", Arial, Helvetica, sans-serif;
	margin-right: 18px;
	width: 296px;
}

#leadins > div:first-child{
	margin-left: 18px;
}

#leadins div h1{
	border-bottom: 1px solid #b4b4b4;
	padding: 22px 0 0 55px;
}

#leadins #fp_services h1{
	background: url('../images/sprite.png') no-repeat -8px -265px;
}

#leadins #fp_labour h1{
	background: url('../images/sprite.png') no-repeat -8px -328px;
}

#leadins #fp_enquiry h1{
	background: url('../images/sprite.png') no-repeat -8px -376px;
}

#leadins #fp_services ul{
	padding-left: 18px;	
}

#leadins #fp_services ul li{
	color: #ddb125;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 23px;
	list-style-type: square;
}

.leadin-readmore{
	color: #ffa200;
	text-decoration: none;
}

/* labour hire */
.hire-container{
	margin: 20px 0;
	overflow: hidden;
}

.hire-image{
	height: 200px;
	margin-right: 15px;
	position: relative;
	width: 200px;
}

.hire-bg{
	background: url("../images/hire-frame.png") no-repeat;
	height: 200px;
	left: 0;
	position: absolute;
	top: 0;
	width: 200px;
}

.hire-content{
	width: 705px;
}

.hire-content h2{
	font-family: "Roboto Regular", Arial, Helvetica, sans-serif;
}

/*override stupid wp-ecommerce css*/
.wpsc_categories{
	overflow: visible;
}

.wpsc_category_grid .wpsc_main_category_wrap{
	margin: 10px 4px 15px 3px;
	width: 449px;
	text-align: center;
}

.wpsc_main_category_wrap a.wpsc_category_grid_item{
	width: auto;
	height: auto;
}

/* sales */
.wpsc_category_thumb{
	border: 9px solid #e3e3e3;
	padding: 3px;	
}

.wpsc_category_thumb img{
	margin: 3px;
}

.wpsc_main_category_wrap a{
	float: none;
	margin-top: 15px;
	text-decoration: none;
}

.wpsc_category_name{
	color: #313132;
	font-family: "Roboto Regular", Arial, Helvetica, sans-serif;
	font-size: 21px;
	margin-bottom: 10px;
}

/* sales - category */
.default_product_display{
	margin: 0 7px 40px 8px;
	text-align: center;
}

.default_product_display .imagecol{
	float: none;
	margin: 0;
}

.default_product_display .imagecol .wpsc_product_thumb{
	border: 7px solid #e3e3e3;
	height: 150px;
	padding: 3px;
}

.default_product_display .wpsc_read_more a{
	margin-top: 10px;
}

/* sales - single */
.single_product_display{
	margin: 10px 0 20px;
}

.single_product_display .imagecol{
	margin-top: 18px;
	width: 290px;
}

.single_product_display .imagecol div{
	border: 7px solid #e3e3e3;
	height: 210px;
	padding: 3px;
}

.single_product_display .productcol{
	width: 610px;
}

ul.wpsc_product_gallery{
	margin-left: 0;
}
ul.wpsc_product_gallery li.wpsc_gallery_images{
	float: left;
	margin: 0 5px 8px;
}

/*------------------------------------------------------------------
	[ 6 Footer ]
-------------------------------------------------------------------*/
.footer-pad { padding:20px 0 35px 0; }
.footer { font-family:Arial, Helvetica, sans-serif; font-size:12px; }
/* copyright */
.footer .copyright { width:550px; float:left; padding:0 0 5px 0; }
/* footer-menu */
.footer .footer-menu { width:550px; float:left; padding:0 0 10px 0; }
.footer .footer-menu ul { margin:0; padding:0; }
.footer .footer-menu ul li { list-style:none; float:left; display:block; margin:0; padding:0 10px; border-left:1px solid #888888; }
.footer .footer-menu ul li:first-child { padding-left:0px; border-left:none; }
.footer .footer-menu ul li a { color:#535353; }
.footer .footer-menu ul li a:hover { color:#000; }
/* titan badge */
.titan-badge { width:230px; height:30px; float:right; padding:0 0 10px 20px; }
.titan-badge .titan-title { float:left; display:block; padding:10px 5px 0 0; }
.titan-badge a.titan-logo { float:right; display:block; }


/*------------------------------------------------------------------
	[ 7 Gallery ]
-------------------------------------------------------------------*/
/* album */
html > body .ngg-album{ border: none; float: left; margin-bottom: 20px; padding: 0; }

html > body .ngg-album .ngg-albumcontent{ overflow: hidden; }

.ngg-album .ngg-thumbnail{ text-align: center; margin-right: 20px; }

.ngg-album .ngg-thumbnail a{ display: block; }

.ngg-album .ngg-thumbnail .viewmore{ display: inline-block;	}

.ngg-thumbnail img{n border: 6px solid #e3e3e3; margin: 0 0 10px; }

.ngg-thumbnail img:hover{ background: none; }

/* gallery */
.ngg-gallery-thumbnail{
	position: relative;
	margin: 10px 12px 15px 0;
}

.ngg-gallery-thumbnail > a{
	border: 7px solid #e3e3e3;
	display: block;
}

.ngg-gallery-thumbnail:hover > a{ border: 7px solid #f57f00; }

.ngg-gallery-thumbnail img{ border: 0; margin: 0; }

.ngg-gallery-thumbnail img:hover{ background: none; }

.thumb-overlay a{
	background: url("../images/thumb-overlay.png") no-repeat;
	position: absolute;
	top: 11px;
	left: 11px;
	width: 195px;
	height: 150px;
}

.ngg-navigation a.page-numbers,
.ngg-navigation a.next,
.ngg-navigation a.prev,
.ngg-navigation span.page-numbers,
.ngg-navigation span.next,
.ngg-navigation span.prev{
	border: 0;
}

.ngg-navigation a.page-numbers:hover,
.ngg-navigation a.next:hover,
.ngg-navigation a.prev:hover,
.ngg-navigation span.page-numbers:hover,
.ngg-navigation span.next:hover,
.ngg-navigation span.prev:hover{
	background: #464646;
}

/*------------------------------------------------------------------
	CONTACT FORM
-------------------------------------------------------------------*/
.contact-wrapper h1{
	border-bottom: 1px solid #464646;
	font-family: "Roboto Regular", Arial, Helvetica, sans-serif;
}

.form-title{
	font-size: 20px;
	color: #929292;
	border-bottom: 4px solid #457bbd;
	margin-bottom: 10px;
}
/* Label */
.gfield_label, .details .left h4, .details .right h4{ 
	font-family: Arial, Helvetica, sans-serif;
	color: #343434; 
	font-weight: bold; 
	text-transform: capitalize; 
	font-size: 16px !important; 
}

.details .left, .details .right{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #343434;
}

.details li a{
	color: #343434;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}

/* Field */
#field_1_1, #field_1_2, #field_1_3, #field_1_6{ width: 220px; float: left; }

/* Textarea (override form.css) */
.gform_wrapper .gform_body textarea { width: 420px !important; }

/* field borders (override form.css)*/
.gform_wrapper .gform_body input, .gform_wrapper .gform_body select, .gform_wrapper .gform_body textarea {
	border: 1px solid #c9c9c9 !important;
	background: #f0f0f0 !important;
}

/* field borders on focus (override form.css)*/
.gform_wrapper .gform_body input:focus, .gform_wrapper .gform_body select:focus, .gform_wrapper .gform_body textarea:focus {
	outline: none; /* removes the default glow on focus*/
}

.contact-wrapper h2, .contact-info h2 {
	border-bottom: 1px dotted #c4c4c4;
	margin-top: 0 !important;
}
#gform_wrapper_1{ margin-top: 15px; }

/* submit button*/
.gform_wrapper .gform_footer input, #file{
	width: 90px;
	height: 31px;
	background: #313132 !important;
	color: #fff !important;
	font-family: 'Roboto Black', Arial, Helvetica, sans-serif !important;
	font-size: 16px !important;
	border: 0 !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	padding: 0 !important;
}

.gform_wrapper .gform_footer input:hover{
	color: #1a1a1a !important;
	background: #f57f00 !important;
}

*+html .contact-wrapper .gform_body ul li{
	list-style-image: none; /* IE7 list fix */
}

.gform_wrapper .gform_body ul { list-style-image: none; }


/* Enquiry */
ul#gform_fields_2 li{
	position: relative;
	width: 100%;
}

li.infieldlabel label{
	position: absolute;
	top: 5px;
	left: 5px;
	color: #464646;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px !important;
	font-weight: normal;
}

#gform_fields_2 input, #gform_fields_2 textarea{
	width: 288px !important;	
}

#gform_fields_2 textarea{
	height: 70px;
}

#gform_wrapper_2 .gform_footer{
	overflow: hidden;
	margin: 0;
}

#gform_wrapper_2 .gform_footer input{
	background: #313132 url('../images/enquiry-btn.jpg') right no-repeat !important;
	width: auto;
	height: 28px;
	color: #ffa200 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 13px !important;
	font-weight: normal;
	padding: 0 40px 0 8px !important;
	float: right;
}

#gform_wrapper_2 .gform_footer input:hover{
	background: #313132 url('../images/enquiry-btn.jpg') right no-repeat !important;
}

/*------------------------------------------------------------------
	FONTS
-------------------------------------------------------------------*/
@font-face {
    font-family: 'Roboto Regular';
    src: url('../fonts/Roboto-Regular-webfont.eot');
    src: url('../fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('../fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Regular-webfont.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/Roboto-Condensed-webfont.eot');
    src: url('../fonts/Roboto-Condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Condensed-webfont.woff') format('woff'),
         url('../fonts/Roboto-Condensed-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Condensed-webfont.svg#Roboto-Condensed') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Light';
    src: url('../fonts/Roboto-Light-webfont.eot');
    src: url('../fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Light-webfont.woff') format('woff'),
         url('../fonts/Roboto-Light-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Light-webfont.svg#Roboto-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Black';
    src: url('../fonts/Roboto-Black-webfont.eot');
    src: url('../fonts/Roboto-Black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Black-webfont.woff') format('woff'),
         url('../fonts/Roboto-Black-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Black-webfont.svg#Roboto-Black') format('svg');
    font-weight: normal;
    font-style: normal;
}
.google-maps-1{
width: 453px;
height: 232px;
border: 1px solid;
}