@charset "utf-8";

/* CSS Document */

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



	Site:		TEBAYS AUTOMOTIVE
	Author:		TEBAYS



	Listing Order:
	==============

	

	1. UNIVERSAL STYLES

		  1A - TOP BAR

		  1B - CONTAINERS

	2. STRUCTURE

	3. TOP MENU & BOTTOM MENU & PRODUCT MENU

	4. MISC - font, content  etc
	
	5. PRODUCT PAGE

	
	COLOURS:

	==============

	BLUE	#0072bc

	GREEN	#007236
	
	ORANGE	#f26522
	
	PURPLE	#7b0046
	
	YELLOW	#fdfa23
	
	GREY	#3c3f3e
	

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





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



	1 - UNIVERSAL STYLES



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

body { 

	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	color: #666666;
	margin:0 auto;
	margin-bottom:0;
	padding:0;
	background-color:#000;
	background-image:url(../images/bg/main-bg.jpg);
	background-repeat:no-repeat;
	}

img {

	text-decoration:none;
	margin:0;
	padding:0;
	border:none;
}

p{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	margin-bottom:10px;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	line-height:21px;

}

table, td, th {	
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	color: #666666;
	margin: 8px;

}

.clear{

	clear:both;

}

a {

	color:#008BDE;
	text-decoration:none;

}

a:hover {

	color:#FFF300;
	text-decoration:none;

}

h1	{
	font-size:2.4em;
	color:#fff300;
	font-family: "Myriad Pro" Tahoma, Verdana, Arial, Helvetica;
	margin-bottom:8px;
	}


h2

{

	font-size:1.8em;
	color:#0076A3;
	font-family: "Myriad Pro" Tahoma, Verdana, Arial, Helvetica;
	margin-bottom:8px;

}

h3

{

	font-size:1.8em;
	color:#fff;
	font-family: "Myriad Pro" Tahoma, Verdana, Arial, Helvetica;
	margin-bottom:8px;

}

span{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	font-style:italic;
	font-family: "Georgia" Tahoma, Verdana, Arial, Helvetica;
}

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



	1- STRUCTURE



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

#container{
	margin:0 auto;
	width:1020px;
	margin-top:15px;
	padding-bottom:15px;
}

#header{
	width:1020px;
	height:158px;
	background-image:url(../images/bg/header.png);
	background-repeat:no-repeat;

}

	#headertop{
		width:1020px;
		height:100px;
	}

#content{
	width:1020px;
	background-image:url(../images/bg/main-bg.png);
	padding-bottom:20px;
}

#footer{
	width:1020px;
	height:135px; 
	background-image:url(../images/bg/footer-bg.png);
}

	#footerbox1{
		height:50px;
		width:300px;
		margin-left:15px;
		margin-right:15px;
		float:left;
	}
	
	#footerbox2{
		height:50px;
		margin-right:15px;
		float:right;
	}
	
	#footerbox3{
		height:50px;
		width:140px;
		margin-left:15px;
		margin-right:15px;
		margin-top:18px;
		float:left;
	}
	
	#footerbox4{
		height:60px;
		width:280px;
		margin-left:15px;
		margin-right:15px;
		margin-top:18px;
		float:right;
		text-align:right;
	}
	
	#footerbox4 p{
		font-size:1.1em;

	}	
	
				
	.footertxt{
		color:#000000;
		padding-top:10px;
		font-size:1.1em;
	}
	
	 .footerlinks a{
		color:#fff;
		font-size:1.1em;
		line-height:15px;
	}
	
	 .footerlinks a:hover{
		color:#000;
		font-size:1.1em;
	}	

	.footerimg{
		top:-10px;
		position:relative;
	}

#menuholder{
	width:1020px;
	height:28px;

}

#menuholdertwo{
	width:1020px;
	height:28px;

}

#subnav{
	width:300px;
	height:25px;
	float:left;
	color:#000000;
	font-family: "Georgia" Tahoma, Verdana, Arial, Helvetica;
	font-style:italic;
	background-color:#6633FF;

}

#twitterholder{
	width:650px;
	height:25px;
	float:right;
	margin-right:70px;
	text-align:right;
	color:#000000;
	font-family: "Georgia" Tahoma, Verdana, Arial, Helvetica;
	font-style:italic;
	margin-top:5px;

}

.twitterfeed a{
	font-size:1em;
	color:#ef6a12;
	font-style:italic;
	font-family: "Georgia" Tahoma, Verdana, Arial, Helvetica;
	
}

#left{
	float:left;
	width:660px;
	margin-left:15px;
	margin-top:15px;
	margin-bottom:20px;
}

#projectcontainer{
	float:left;
	width:658px;
	margin-left:15px;
	margin-top:15px;
}

#imagecontainer{
	float:left;
	width:180px;
	margin-left:15px;
	margin-top:15px;
	min-height:200px;
}

#imagecontainer a img{
	border:#666 2px solid;
	margin-bottom:15px;

}
#imagecontainer a:hover img{
	border:#E2E2E2 2px solid;

}


#right{
	float:right;
	width:310px;
	margin-right:15px;
	margin-top:15px;
	margin-bottom:20px;
}

#contentholder{
	width:638px;
	background-color:#333333;
	border:1px solid #5a5856;
	clear:both;
	padding:10px
	
}

#contentholdertwo{
	width:638px;
	background-color:#333333;
	border:1px solid #5a5856;
	clear:both;
	padding:10px;
	
}


#contentholderthree{
	width:638px;
	background-color:#333333;
	border:1px solid #5a5856;
	clear:both;
	padding:10px
	
}

#monoSlideshow{
	width:658px;
	height:200px;
	background-color:#333333;
	border:1px solid #5a5856;
	margin-bottom:15px;
}

#searchbox{
	width:290px;
	background-color:#f1f1f1;
	height:30px;
	padding:10px;
	margin-bottom:15px;

}

#keywords{
	width:980px;
	height:19px;
	background-image:url(../images/bg/keywords.png);
	background-repeat:no-repeat;
	margin-left:15px;
	padding-top:7px;
	padding-left:10px;
	padding-bottom:15px;

}

	.keywordshdr{
		display:block;
		color:#005826;
		float:left;
		font-style:normal;
		font-size:1.1em;
		font-family: "Myriad Pro" Tahoma, Verdana, Arial, Helvetica;
		}

	.keywordstxt{
		display:block;
		margin-left:60px;
		color:#2f2f2f;
		float:left;
		font-style:normal;
		font-size:1.1em;
		font-family: "Myriad Pro" Tahoma, Verdana, Arial, Helvetica;
	}

#sidebox{
	width:310px;
	padding-bottom:20px;
	background-color:#f1f1f1;
	margin-bottom:15px;
}

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



	 - GENERAL - FONT, CONTENT ETC



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

.logo{
	
	margin-left:15px;
	margin-top:10px;
	float:left;

}

.strapline{
	margin-right:15px;
	margin-top:30px;
	float:right;
}

#searchholder{
	height:33px;
	background-color:#000000;
	float:right;

}

.searchtxt{
	font-size:1.4em;
	color:#000000;
	font-style:normal;
	display:block;
	float:left;
	padding-top:8px;
	font-weight:bold;

}

.searchbox{
	height:25px;
	width:158px;
	background-image:url(../images/bg/searchbg.gif);
	background-repeat:no-repeat;
	border:none;
	float:left;
	padding-left:5px;
	padding-top:8px;

}

.searchbtn {
	border:medium none;
	background-image:url(../images/bg/searchbtn.gif);
	background-repeat:no-repeat;
	cursor:pointer;
	width:59px;
	height:33px;
	float:left;
}


	/* Content box */
	.content_box_outer{
		width:660px;
		height:267px;
		float:left;
		display:inline;
		margin-bottom:20px;
	}
	.content_box_inner{background:url(../images/content_box_bg.png) repeat-x; border:1px solid #676664; height:265px; }
	.content_box_image_holder {
		width: 379px;
		height:200px;
		float:left;
		margin: 10px 0px 10px 10px;
		text-align:center;
		display:inline;
		border:1px solid #666666;
	}
	.content_box_text{width:380px; padding-left:10px; }
	.content_box_heading{
		color:#fff;
		font-size:25px;
		border-bottom:1px solid #518694;
		padding-bottom:10px;
		margin-bottom:0px;
	}
	.content_box_p{
		color:#f1f1f1;
		font-size:1.1em;
		line-height:16px;
		margin-bottom:0px;
	}
	.tabPanes > div { display: none;}
	.tab {display:inline;}
	.tabs{
		width:249px;
		float:right;
		list-style:none;
	}
	.tabs { list-style: none; margin:0; list-style-position:outside; }
	.tabs li a {
		text-decoration:none;
		display:block;
		color:#a5a5a5;
		font-size:11px;
		margin:0px;
		line-height:15px;
		width:236px;
		cursor:pointer;
		background:url(../images/content_box_tab_bg.png) 0px 0px repeat-x; 
		height:41px;
		padding:6px;
		border-left: 1px solid #272727;
	}
	.tabs li a:hover { background:url(../images/content_box_tab_bg.png) 0px -53px repeat-x; }
	.tabs li a.current { 
		background:none; 
		color: #CCCCCC; 
		border-bottom:none; 
		border-left: none;
	}
	.tabs li a.current { background:none; }	
	.tab { float:left; }
	.content_box_thumb{
		border:1px solid #000;
		float:left;
		margin-right:6px;
	}
	.content_box_tab_heading{
		margin-top:4px;
		font-size:12px;
		float:left;
		color:#fff;
		font-style:normal;
		font-family: "Georgia" Tahoma, Verdana, Arial, Helvetica;
		display:block;
		clear:right;
		width:100px;
	}
	
	.content_box_tab_p{
		margin-top:4px;
		font-size:12px;
		float:left;
		color:#797979;
		font-style:normal;
		font-family: "Georgia" Tahoma, Verdana, Arial, Helvetica;	}
	

#secondaryContent_right{
	margin-left:50px;
	float:left;
}

#secondaryContent_left{
	margin-right:50px;
	float:left;
}

	/* Content Boxes */
	
	.box_wrap {
		width:250px;
		border:1px solid #d9d9d9;
		margin-bottom:40px;
	}
	.box_outer {
		width:220px;
		border:1px solid #676664;
		background:#e5e5e5;
		padding:14px;
	}
	.box_inner {
		border:1px solid #d5d5d5;
		background:#fff;
		padding:15px;
	}
	.box_heading {
		font-size:16px;
		font-family:Arial, Helvetica, sans-serif;
		color:#828282;
		border-bottom: 1px solid #e5e5e5;
		padding-bottom: 13px;
		margin-top:5px;
		margin-bottom:0;
	}
	.box_text {
		line-height:17px;
		margin:0px;
		margin-top:10px;
	}


.video {
	float:right;
	padding:5px;
}
	
/***********************************************************************



	 - MENU



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


.menu li{
	float:left;
	padding-left:15px;
}

.menutxt{
	padding-top:6px;
}


.menu li a{
	float:left;
	text-transform:uppercase;
	font-weight:bold;
	color:#FFFFFF;
	font-size:1.2em;
}

.menu li a:hover{
	float:left;
	text-transform:uppercase;
	color:#4281C3;
	text-decoration:none;
}

#menuon a{
	float:left;
	text-transform:uppercase;
	font-weight:bold;
	color:#4281C3;

}

#menuon a:hover{
	float:left;
	text-transform:uppercase;
	color:#000;
	text-decoration:none;
}

#menuonb a{
	float:left;
	text-transform:uppercase;
	font-weight:bold;
	color:#4281C3;
	padding-top:6px;
}

#menuonb a:hover{
	float:left;
	text-transform:uppercase;
	color:#000;
	text-decoration:none;
}

#liston a{
	color:#4281C3;
	font-weight:bold;
}

#liston a:hover{
	color:#000;
	text-decoration:none;
	font-weight:bold;
}

	
.casestudies  {	
	padding-top:5px;

}
	
.casestudies li a {	
	font-size:1.2em;
	color:#333333;	
	margin-left:15px;
	padding-top:10px;
	height:20px;
	width:275px;
	display:block;
	border-bottom:1px dotted #666666;
}

.casestudies li a:hover {	
	color:#0076A3;	
}

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



	 - FOOTER



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





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



	 - PORTFOLIO



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

#portfolio-content{
	width:960px;
	margin:0 auto;
	clear:both;
	padding-bottom:15px;
	padding-top:15px;
	}
	
#portfolio-content .project-box{
	display: inline;
	width:289px;
	float:left;
	margin-left:15px;
	margin-right:15px;
	margin-bottom:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-style: normal;
	font-weight: normal;
	color: #3c3f3e;
	line-height:21px;
	}
	
#portfolio-content .project-box h2{
	color:#7B0046;
	font-size:1.8em;
	}
	
#portfolio-content .project-box a img{
	border:4px #CCC solid;
	margin-bottom:15px;
	margin-top:20px;
	}
	
#portfolio-content .project-box a:hover img{
	border:4px #999 solid;
	}
	
#tab1_container{
	border:4px #CCC solid;
	width:280px;
	height:186px;
	display:block;
	}


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



	 - CONTACT FORM



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


#contactSection { 
	idth:600px; 
	padding-top:68px;
	float:left 
}

.introduction { 
	font-size:1.6em; 
	padding-bottom:30px; 
	border-bottom:1px dotted #c1c1c1; 
	color:#496206; 
	font-family: Arial, Helvetica, sans-serif 
}

.contactWrap { 
	padding:10px; 
	background:#f9f9f9; 
	border:1px solid #f0f0f0 
}

#contactForm { 
	width:590px;
	margin:0 auto;
	color:#ccc
}
#contactForm label { 
	width: 268px;
	font-size: 1.4em;
	display:block;
	color:#6B6B6B;
	padding: 8px 5px;
	margin: 0 9px 10px 2px;
	 }
		
	
#contactForm input {
	padding: 8px 5px;
	width: 268px;
	font-size: 1.4em;
	margin: 0 9px 10px 2px;
	border: 1px solid #e0dfdf;
	background:url(../images/input_bg.jpg)repeat-x top left;
	color:#6B6B6B; }

#contactForm textarea {
	padding:5px;
	border: 1px solid #e0dfdf;
	width:562px;
	height:550px;
	height:85px;
	background:url(../images/textarea_bg.jpg)repeat-x top left;
	font-family:Myriad Pro, Arial, sans-serif; color:#6B6B6B; font-size: 1.4em; }

#contactForm input.submit-button { 
	display:block;
	padding:5px;
	text-indent:-9999px;
	background:url(../images/submit-trans.png)no-repeat 0 0;
	width:120px;
	border:none;
	cursor:pointer;
	margin-left:454px }

#contactForm input:hover.submit-button {
	display:block;
	text-indent:-9999px;
	background:url(../images/submit-trans.png)no-repeat 0 -29px; width:120px; border:none; cursor:pointer
}