/*
	==========================================
	project: The Caravan Company
	author: Letitia Surdonjic
	------------------------------------------
	Feb. 2010.
	==========================================
*/

/*
Chosen web pallette is: H1 - 006666, a link - E0E9E9, a rollover - 9DBCBC, paragraph text - 6B6B6B, return menu text / current link - 9DBCBC, testimonial text (and H2) - 524D4A
*/ 



/* =-=-=-=-=-=-=-[main body conpoments]-=-=-=-=-=-=-=- */
	
*{ 	
margin: 0;
padding: 0; 
}

:focus,:active { 
outline: 0; 
}
	
body {
/*background-color: #009393;*/
margin:0px;
padding:0px;
background: #009393 url(../images/bg.jpg) repeat-x top center;
font: 12px Tahoma, Arial, Sans-Serif;
/*margin: 0;*/
font: 12px Tahoma, Arial, Sans-Serif;
}

#wrapper { 	
margin: 0 auto;
width: 980px; 
background-color:#FFF;
}

h1 { 
font-size: 24px; 
font-weight: normal; 
margin-bottom: 15px;
color:#006666;
}

h2 { 
font-size: 16px;
font-weight: normal; 
margin-bottom: 2px; 
color: #524D4A; 
margin:0 0 6px;
}
	
#logo {  
background-color:#FFF;
}

img { 
border: 0;
}
	
.information { 
position: relative; 
margin-bottom: 20px;
height: 127px;
}

.information-options { 
position: relative;
margin: 12px 0 40px 0;
font-size: 10px;
color: #6B6B6B;
}

.comment-info { 
font-size: 11px;
color: #999; 
}	
	
.read-more { 
background: url(../images/link.gif) no-repeat center left;
padding-left: 13px;
font-size: 12px;
font: helvetica;
color:#008C8B;
}

a:hover { 
text-decoration:none;
color:#008C8B;
text-shadow: 0 0 1px #999;
}

a { 
color: #008C8B;
}

a:hover span { 
cursor: pointer
}



.x { 
	clear: both;
	}

p { 
line-height: 22px;
margin: 0 0 22px;
color:#6B6B6B;
}

	#description_wrapper 
	{
	margin-top: 10px;
	float:left;
	width: 574px;
	height: 50px;
	}

/* =-=-=-=-=-=-=-[Main Menu]-=-=-=-=-=-=-=- */
	

#menu_holder { 
background-color:#FFF;
background: url(../images/main_menu_bg.gif) repeat-x; 
width: 980px;
height:42px;
padding:0px;
clear:both;
}
			
#menu_holder ul{
list-style:none;
padding:0 0 0 160px;
margin: auto;
display:block;
}

#menu_holder ul li{
list-style:none;
display:inline;
float:left;
width:auto;
height:42px;
padding:0px;
line-height:42px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}

#menu_holder ul li a{
height:42px;
width: auto;
float:left;
text-decoration:none;
padding:0 0 0 35px;
margin:0px 3px 0px 3px;
color:#E0E9E9;
text-align:center;
}

#menu_holder ul li a:hover{
height:42px;
width: auto;
text-decoration:none;
color: #9DBCBC;
padding:0 0 0 35px;
background:url(images/menu_arrow.gif) no-repeat left;
}

#menu_holder ul li a.current{
height:42px;
width: auto;
float:left;
text-decoration:none;
padding:0px;
color: #9DBCBC;
padding:0 0 0 35px;
background:url(../images/van_arrow.gif) no-repeat left;
}

/* =-=-=-=-=-=-=-[end main Menu details]-=-=-=-=-=-=-=- */
	




/* =-=-=-=-=-=-=-[Page left and right div tags start]-=-=-=-=-=-=-=- */

	
	
#left 	{ 
		width: 600px;
		float: right;
		margin-left:5px; 
		margin-top: 0px;
		margin-right: 30px;
		display: inline;
		}
	

#right { 	
		width: 260px; 
		float: left; 
		padding-left: 25px; 
		margin-right: 25px;
		display: inline; 
		}

/* =-=-=-=-=-=-=-[Page left and right div tags end]-=-=-=-=-=-=-=- */





/* =-=-=-=-=-=-=-[Gallery Info start]-=-=-=-=-=-=-=- */

	
#gallery 	{ 
		width: 600px;
		float: right;
		margin-left:5px; 
		margin-top: 30px;
		margin-right: 30px;
		display: inline;
		}
		
		
	#gallery img { float: left; margin: 5px 20px 2px 0; padding: 3px; border: 1px solid #ccc; }
	
	#gallery_description { 
	float: left;
	width: 175px;
	height: 30px;
	border:thick;
	border-color:#F00;
	margin: 2px 2px 2px 2; 
	}
	
	
	
	#gallery form { padding-left: 45px; }
	#gallery label { float: left; display: block; clear: both; padding: 3px 0; color: #666; font-weight: normal; width: 150px; }
		#gallery .lcurrent { font-weight: bold; }
	#gallery label img { vertical-align: middle; }
	#gallery input.text, textarea, select { float: left; margin: 0 5px 10px 0; padding: 7px; width: 350px; border: 1px solid #ccc; }
	#gallery textarea { height: 200px; }
	#gallery select { width: 366px; }
	#gallery input.radio {  }
		#gallery input:focus { border-color:#aaa; }
		#gallery textarea:focus { border-color: #aaa; }	
	.error { font-size: 10px; color: #666; margin: 0 0 10px 150px; display: none; }
	#left .submit { border: 0; background: #000; color: #fff; padding: 5px; float: left; margin-left: 150px; }
		
/* =-=-=-=-=-=-=-[Gallery Info end]-=-=-=-=-=-=-=- */






/* =-=-=-=-=-=-=-[sidebar nav]-=-=-=-=-=-=-=- */
	
#menu_two {
	width: 286px;
	border-style: solid solid solid solid;
	border-color: #006666;
	border-size: 1px;
	border-width: 1px;
	margin: 0px;
	}
	
#menu_two li a {
	color: #9DBCBC;
	display: block;
	padding: 8px 0 0 10px;
	}
	
#menu_two li a:link, #menu li a:visited {
	color: #9DBCBC;
	display: block;
	padding: 8px 0 0 10px;
	}
	
#menu_two li a:hover {
	color: #9DBCBC;
	display: block;
	padding: 8px 0 0 10px;
	}
		
ul { 
color: #006666; 
margin: 0 0 10px 30px;
line-height: 18px; 
}

<style type="text/css">

/* =-=-=-=-=-=-=-[Sidebar nav]-=-=-=-=-=-=-=- */





/* =-=-=-=-=-=-=-[The scrolling banner start]-=-=-=-=-=-=-=- */

#pitch { margin-bottom: 30px; }
#pitch .infoline { margin-top: -70px; padding: 25px 0 25px 25px; background: #000; font-size: 18px; width: 955px; height: 18px; opacity:0.70; filter:alpha(opacity=70); color: #fff; }
.pitch-gallery { overflow: hidden; width: 980px; position: relative; }
.pitch-gallery-holder { width: 3920px; position: relative; top: 0; left: 0; }
.pitch-gallery-div { float: left; }
		
/* =-=-=-=-=-=-=-[The scrolling banner end]-=-=-=-=-=-=-=- */






/* =-=-=-=-=-=-=-[The email form start]-=-=-=-=-=-=-=- */

	#left img { float: left; margin: 5px 20px 2px 0; padding: 3px; border: 1px solid #ccc; }
	#left form {
	padding-left: 45px;
	color: #069;
}
	#left label { float: left; display: block; clear: both; padding: 3px 0; color: #6B6B6B; font-weight: normal; width: 150px; }
		#left .lcurrent { font-weight: bold; }
	#left label img { vertical-align: middle; }
	#left input.text, textarea, select { float: left; margin: 0 5px 10px 0; padding: 7px; width: 350px; border: 1px solid #6B6B6B; }
	#left textarea { height: 200px; }
	#left select { width: 366px; }
	#left input.radio {  }
		#left input:focus { border-color:#6B6B6B; }
		#left textarea:focus { border-color: #6B6B6B; }	
	.error { font-size: 10px; color: #6B6B6B; margin: 0 0 10px 150px; display: none; }
	
	#left .submit { 
	border: 2; 
	background:	#09C;
	color:	#ffffff;
	padding: 5px;
	float: left; 
	margin-left: 150px;
	}
	
#contact-back { margin: 12px 40px 0 0; float: right; }

/* =-=-=-=-=-=-=-[The email form end]-=-=-=-=-=-=-=- */






/* =-=-=-=-=-=-=-[footer start]-=-=-=-=-=-=-=- */

#footer { 	background-color:#333;
			color: #6B6B6B; 
			font-size: 11px; 
			padding: 20px 0px 0px 0px; 
			height: 50px;
			}

/* =-=-=-=-=-=-=-[footer end]-=-=-=-=-=-=-=- */





/* =-=-=-=-=-=-=-[controls a break ]-=-=-=-=-=-=-=- */

.break {
	border-top: 0px solid #ccc;
	margin: 30px 0;
	display: block;
	color: #036;
}
.no-border { border: 0; }
.space { margin-bottom: 20px; }


#wrapper #content #gallery .section #description_wrapper #gallery_description h6 {
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: capitalize;
	color: #069;
	letter-spacing: normal;
	vertical-align: top;
	word-spacing: normal;
	margin: 2px;
	padding: 2px;
}