/*
Theme Name: Fastrack Autobody
Theme URI: http://www.graphicallyspeaking.ca/
Description: Template by GSSI.
Version: 1.0s
Author: Graphically Speaking Services Inc.
Author URI: http://www.graphicallyspeaking.ca/
Tags: 

*/

/* Main stylesheet for layout */
.clear {
	clear: both;
}

#body-wrapper {	
	position: relative; 
	padding-top: 250px; /* Change to height of header */
	min-width: 970px;
}
.section-inner { 
	width: 970px;
	margin: 0 auto;
	overflow: hidden;
}

/* --HEADER-- */
#header { 
	top: 0; left: 0;
	position: absolute;
	height: 250px; /* Change to correct height */
	width: 100%;
	z-index: 10;
}
	#header-banner {
		width: 970px;
		height: 200px;
		background:url(/images/banner.jpg) no-repeat;
position:relative;
	}
	#mainnavigation, #utilities {
		position: absolute;
	}
	#mainnavigation {
		z-index: 20;
		bottom: 0;
		left: center;
	}
		#mainnavigation ul {
			margin: 0px; padding: 0px;
		}
			#mainnavigation ul li {
				float: left; list-style: none;
			}
				#mainnavigation ul li a {
					display: block;
					height: 1px;
					padding-top: 49px;
					overflow: hidden;
				}
					#nav-team a {background: url(/images/nav/nav-team.png); width: 162px;}
					#nav-body-repair a {background: url(/images/nav/nav-body-repair.png); width: 183px;}
					#nav-frame-repair a {background: url(/images/nav/nav-frame-repair.png); width: 143px;}
					#nav-assessment a {background: url(/images/nav/nav-assessment.png); width: 194px;}
					#nav-satisfaction a {background: url(/images/nav/nav-satisfaction.png); width: 152px;}
					#nav-contact a {background: url(/images/nav/nav-contact.png); width: 136px;}
					
						#mainnavigation ul li a:hover, #mainnavigation ul li a.active {
							background-position: 0 -50px;
						}



/* --CONTENT-- */
#content { 
	position: relative; 
}
	#content .c-w1 {
	}
	#content .c-w2 { 
		overflow: hidden; 
		background-color: #fff;
		width: 970px;
		position: relative;
		margin: 0 auto;
	}
	#content-body, #cta {
		float: left;
	}
	#content-body {
		width: 660px;
		padding: 30px 40px;
		position: relative;
		
	}
	#ctas {
		float: right;
		width: 200px;
		position: relative;
		padding-right: 30px;
		padding-top: 32px;
	}
		#ctas ul {
			margin: 0px; padding: 0px;
		}
			#ctas ul li {
				list-style: none;
				margin-bottom: 8px;
				width: 195px;
				position: relative;
			}
				#ctas ul li a {
					display: block;
					width: 195px;
					height: 1px;
					overflow: hidden;
				}
				#ctas ul li a:hover {
					background-position: -195px 0 ;
				}
				
				#ctas ul #cta-home a {
					width: 97px;
					margin-left: 97px;
				}
				#ctas ul #cta-home a:hover {
					background-position: -97px 0px;
				}
					#cta-home a {background: url(/images/cta-home.png); padding-top: 30px;}
                    #cta-steps a {background: url(/images/cta-steps.png); padding-top: 80px;}
                    #cta-bluetooth a {background: url(/images/cta-bluetooth.png); padding-top: 60px;}
                    #cta-vehicles a {background: url(/images/cta-vehicles.png); padding-top: 60px;}
                    #cta-contact a {background: url(/images/cta-contact.png); padding-top: 81px;}

#footer {
	font-size: 10px;
	color: #000000;
	padding-top: 10px;
	padding-bottom: 40px;
}

#footer a {
	color: #000;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}
	#bottomlinks {
		float: left;
		padding-left: 20px;
line-height:16px;
	}
	
	#credit {
		float:right;
padding-right:10px;
	}

#social-media {padding: 0px; margin: 0px;}

#social-media li{
float: left;
list-style-type:none;
}

#social-media a {
background-position:0 50%;
background-repeat:no-repeat;
display:block;
height:1px;
margin-left:3px;
overflow:hidden;
padding-top:32px;
width:33px;
}

#social-media #cta-twitter{
background: url("/wp-content/uploads/2010/07/ico-twitter.png");
}

#social-media #cta-facebook {
background: url("/wp-content/uploads/2010/07/ico-facebook.png");
}

#footer #bottomlinks .credit-key, #footer #bottomlinks .credit-name {
color: #666666;
}

#logo {
display:block;
height:1px;
overflow:hidden;
padding-top:100px;
position:absolute;
width:250px;
z-index: 1000;
background: url(/images/transparent.gif) repeat-x 0px 0px;
}

#contact-info {
font-weight:bold;
position:absolute;
right:10px;
top:9px;

}