/* @override http://www.gobsmackedsportsmouthguards.com.au/wp-content/themes/gobsmacked/style.css */

/*
Theme Name: Gobsmacked Mouth Guards
Theme URI: http://gobsmackedsportsmouthguards.com.au/
Description: A custom WordPress theme For Gob Smacked Mouth Guards
Version: 1.0
Author: Jen Thomson
Author URI: http://bonsaibranding.com/
*/


/*------------------------------------------------------------------
[1. RESET ]
*/
html,body,div,span,applet,object,iframe,h1,h2,h2,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/*------------------------------------------------------------------
[1. TEMPLATE ]
*/
body {
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	line-height:1.2em;
	background-color: #000;
}

#mainnav {
	width:940px;
	margin:0 auto;

	padding:1em 0 1em 0;
	min-height:1.5em;
	}
	
#footer {
	width:910px;
        height:40px;
	margin:0 auto;
	background:url(images/footer-bg.jpg) repeat-x;

	}
	#footer p{
	color: white;
	font-size: 10px;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
}
	
#bonsailogo{
	width:100px; 
	height:27px;
	float: right;
	
	
}
	
.logo {
	float:left;
	}
	
.clearing {
	clear:both;
	}
/*------------------------------------------------------------------
[1. png fix ]
*/
/* Fix for PNG alpha channel display in IE6 */
img {
  behavior: url("/wp-content/themes/pngbehavior.htc");
}


img, div, a, input
{ 
behavior: url(images/iepngfix.htc) 
}

   
   
/*------------------------------------------------------------------
[1. HOME PAGE ]
*/

#header-outer {
	width:100%;
	background-color:#ed1c24;
	height:300px;
	}


#header {
	width:940px;
height:301px;
	margin:0 auto;
        position:relative;

	}
 #reasons-outer{
	width:280px;
        position:relative;
        float:right;


}	
#reasons {
	width:280px;
	height:190px;
float:right;

	}

#home-content {
	width:940px;
	margin:0 auto;
        position:relative;
	
	}
		
#home-left-col {
	width:150px;
	float:left;
	background:url(images/leftcol-bg.jpg) no-repeat;
	padding:15px;
	}
	#home-left-col h3{
	font-size: 1em;
	line-height: 16px;
}
	
#home-mid-col {
	width:450px;
	float:left;
	padding:15px;
	}
		#home-mid-col p{
	line-height:1.3em;

}
	
#home-right-tcol {
	width:250px;
        float:left;
	
	}


/*------------------------------------------------------------------
[1. INSIDE PAGES ]
*/
/*
#secondary-page-container {
	background:url(images/red-strip.gif) top repeat-x;
	width:100%;
}
*/
#secondary-page-container {
	background:url(images/bannerblack-bg.jpg) top repeat-x;
      
	width:100%;
	margin: 0px;
        
}

#secondary-page-container2 {
	background:url(images/banner-bg.jpg) top repeat-x;
	
	width:1400px;
margin: 0px auto;

}


#content {
	width:940px;
	margin:0 auto;
        
background: #000;
position:relative;
background: #000 url(images/rightline.jpg) no-repeat right 161px; 
	}
	
#left-col {
	width:180px;
	min-height: 400px;
	float:left;
	background:url(images/leftcol-bg.jpg) no-repeat;
	display:inline;
	background: #000 url(images/leftline.jpg) no-repeat left 161px;
margin:0px;
	}
	
#subnav {
	
width: 150px;

padding-left: 10px;

}


	
#mid-col {
	width:450px;
	float:left;
	padding:15px;
display:inline;
margin:0px;
	background:#000 url(images/gradient.gif) top repeat-x;
	}
	
.guide{
	width: 200px;
	float:  left;
	padding: 10px;
}
.guide p{
	font-size: 0.9em;
	text-align: left;


}
	
#right-col {
	width:280px;
	display:inline;
	position:absolute;
        right:0px;




	}
	

#banner {
	position:relative;
	height:190px;
margin:0px;
padding:0px;
}

#banner img{
	position:absolute;
	top:0;
	left:0;
	z-index:0;
}
	
#banner-text{
	position:absolute;
	left:0;
	bottom:0;
	background:url(images/black-trans-bg.png);
	z-index:100;
	width: 270px;
	padding:2px;
	margin: 0px;
}
	
#breadcrumbs {
	height:60px;
	}

#breadcrumbs a{
	color:#FFFFFF;
	}

.buttons img {
	float:left;
	margin-right:10px;
}

.buttons {
	padding-top: 2px;
	
	height:35px;
	
}


.grey {color:#CCCCCC}

/*------------------------------------------------------------------
[2. TYPOGRAPHY ]
*/

p {
margin:1em 0;
	font-size: 1.2em;
}

a {color:#FFFFFF;}

h1 {
	font-size:1.8em;
	color:#ed1c24;
	font-weight:normal;
	line-height:1.1;
	}

#mid-col h1 {
	font-size:2.5em;
	width:100%;
	padding-bottom:5px;
	
	text-align: center;
	border-bottom: 1px solid #fff;
}
hr  {
background:url(images/h1-border.gif) no-repeat ;
	text-decoration: none;
}
	
#mid-col p {
	color: #e6e6e6;
	line-height:1.3em;
	margin:1em 0;
	text-align: left;
}
	
#mid-col ul {
	line-height:1.2em;
	margin:0 2em;
	color:#FFF;	
	font-size:1.2em;
	list-style-type:square;
	list-style-position:outside;
	}
	
	#mid-col ul li {
	padding-top: 5px;
	padding-bottom: 5px;
}
#mid-col ul li:before {
	margin:1em 0;
	padding:0.5em;
	}
	
#left-col ul {
	line-height:1.2em;
	margin:1em 0;
	
        font-size:1em;
	}
	
#left-col ul li {
	width:100%;
	display:block;
	margin-bottom:1em;
	background:url(images/hr.gif) bottom no-repeat;
	padding-bottom:1em;
	}
	
#left-col ul li a{
	color: #FFF;
	text-decoration:none;
	}
	
#left-col ul li a:hover{
	color:#ed1c24;
	
	}


h2 {
	font-size:1.8em;
	font-weight:bold;
	color:#ed1c24;
	line-height:0.9em;
	text-align: center;
}

h3 {
	margin:0 0 0.5em 0;
	font-size:1.2em;
background: url(images/bullet.png) no-repeat 0 -2px;
	text-indent: 24px;
	line-height: normal;
	}
	
	h4 {
	
	font-size:1.5em;
	margin-top: 10px;


	}
	
#home-left-col a{
	text-decoration:none;
	}
	
	
	
#footer, #home-left-col p {
	font-size: 0.9em;
	color:#999999;
	margin-bottom:2em;
	line-height: 1.3em;
}

small {
	font-size:0.8em;
	color:#999999;
	}
	
small a{
	color:#CCC;
	text-decoration:none;
	}

a:hover{
	text-decoration:underline;
	}


/*------------------------------------------------------------------
[2. NAVIGATION ]
*/
#navcontainer {
	width:100%;
height:50px;

        margin: 0px;
    
background:url(images/nav-bg.jpg) top repeat-x;
}
#mainnav ul {
	font-size:1.2em;
	letter-spacing:-0.05em;
	padding-left: 50px;
	margin-right:1em;
padding-top:5px
	}

#mainnav ul li{
	display:inline;
	padding:0 0.3em 0 2em;
	background:url(images/nav-spacer.png) 0em 0.3em no-repeat;
	}
	
#mainnav ul li:first-child {
	padding:0 0.3em 0 0;
	background:none;
	}
		

#mainnav ul li a {
	color:#FFF;
	text-decoration:none;
	
	}
	
#mainnav ul li a:hover, #mainnav ul li.current_page_parent a, #mainnav ul li.current_page_item a{
	color:#ed1c24;
	}
	
	
#subnav ul li.current_page_item a{
	color:#ed1c24;


	
	
	

}

#subnav ul li.current_page_item  {
	
	
	padding-left: 25px;
	background: url(images/bullet.png) no-repeat 0px -2px;
	
	
}
	
	
	

/*------------------------------------------------------------------
[2. FEATURED CONTENT ]
*/
#featuredcontent {				width:480px; height:300px; position:relative; overflow: hidden; float:left;}
	                            /* DEFAULT is for three panels in width, adjust as needed
                                   This only matters if JS is OFF, otherwise JS sets this. */								  
#mover							{ width: 1440px; position: relative; z-index:0; height:300px}

.featured-text					{position:absolute; bottom:0px; left:0px; width:450px; z-index:100; padding:15px; background:url(images/black-trans-bg.png) repeat;}

.slide							{ width:480px; height:300px; float:left; position:relative;}
.slide img						{ position: absolute; top:0; left:0;}
.slide	p						{ margin:1em 0 0 0;}

#slider-stopper					{ position: absolute; top: 1px; right: 20px; background: #ac0000; color: white;
								  padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }		
	
/*------------------------------------------------------------------
[2. CONTACT FORM ]
*/

fieldset {
	margin:1em 0 2em 0;
	color:#CCC;
	background-color:#111;
}

.cf-sb {
	padding:1em 0 1em 2em;
	background-color:#111;
}

fieldset.cf-fs2 {margin:0;}

legend {
	font-size:1.6em;
	color:#666;
}

label {width:300px; display:block; margin:0.3em 0; color:#ccc;}

ol.cf-ol li {margin:1em 0;}

ol.cf-ol li.cf-box-title {margin:1em 0 0 0;}
ol.cf-ol li.cf-box-group {margin:0.2em 0 0 0;}

.cf-after {color:#9B9B9B}

.cf_hidden {display:none;}

ol.cf-ol {margin:1em 0 2em 2em; font-size:1.2em;}

.cf-box-group label {width:100%; display:inline;}

li.cf-box-group {margin:0 0 1em 0; font-size:0.8em;}

li.cf-box-title  {margin:0; color:#CCC;}

.reqtxt, .emailreqtxt {margin-left:1em; font-size:0.8em;}

.linklove {display:none;}

input.single {width:200px;}