/*
    File Name: style_cf.css
    Only Color and Background Values Of All Elements
    
*/
 
/* body */
    body {
        background-color:#eeeeee;
        color:#999999;
    }
 
/* Layout general*/
/* Backgrounds */
    #container{
        background:#fff;
    }  
 
    #container1{
        background:#fff url(../images/background_repeat.jpg) 0 50px repeat-x;
    }
    
    #container2{
        background:transparent url(../images/background.jpg) center 25px no-repeat;
    }
 	
	#container20{
        background:transparent url(../images/background_profile.jpg) center 25px no-repeat;
    }
	
	#container21{
        background:transparent url(../images/background_about.jpg) center 25px no-repeat;
    }
	
	#container22{
        background:transparent url(../images/background_vehicle.jpg) center 25px no-repeat;
    }
	
	#container23{
        background:transparent url(../images/background_personal.jpg) center 25px no-repeat;
    }
	
	#container24{
        background:transparent url(../images/background_contact.jpg) center 25px no-repeat;
    }
	
/* main layout */
 
    /* page curv top */
    .page_curv_top{
        background:transparent url(../images/page_curv_top.png) center no-repeat;
		z-index:1;
    }
	
    .page_curv_top_profile{
        background:transparent url(../images/page_curv_top.png) center no-repeat;
    }
	
	.page_curv_top_about{
        background:transparent url(../images/page_curv_top.png) center no-repeat;
    }
    
    .content_con{
        background:transparent url(../images/page_content.png) center repeat-y;
    } 
 
    /* sidebar */
    .sidebar{
        background: transparent url(../images/side_bar_shadow_repeat.jpg) left repeat-y;
    }
 
    /* layers for side shadow */
    .sidebars1{ 
        background:transparent url(../images/sidebar_shadow_bottom.jpg) left bottom no-repeat;
    }
 
    .sidebars2{ 
        background:transparent url(../images/sidebar_shadow_top.jpg) left top no-repeat;
    }
 
 /* Featured Boxes */
 
    /* border of heading on featured boxes (home page, side bars)   */        
    .box.small h4, .box.small h5, .box.single h3,  .box.side h4, .box.side h3{
        border-bottom:1px dotted #D5D5D5;
    }
    
  
/* Home Page Slider */
   
        
    /* slider right side home page */
    .right_side{
        background:url(../images/login_main_bg.jpg);
		background-repeat:no-repeat;
        border-left:10px solid white;
        color:#fff;
    }
	
    /* slider right side secondary page */
    .right_side_sec{
        background:url(../images/login_sec_bg.jpg);
		background-repeat:no-repeat;
        border-left:10px solid white;
        color:#fff;
    }
 
    #slider_area .right_side a, .right_side h3{
        color:#fff;
    }    
        
    #slider_area .right_side a:hover{
        color:#fff;
    }
    
    .slider_curv{
        background:transparent url(../images/slider_curv.png) center no-repeat;
    }
	
    .slider_curv2{
        background:transparent url(../images/slider_curv.png) center no-repeat;
    }
 
    /* slider numbers*/
    /* active number style*/
    #numbers    a{ 
        background: transparent url(../images/slider_points.png) right top no-repeat;
    }
    
    #numbers   a:hover{ 
        background: transparent url(../images/slider_points.png) left top no-repeat;
    }
    
    #numbers   a.activeSlide{ 
        background: transparent url(../images/slider_points.png) left top no-repeat;
    }
 
 

/* Footer */
    #footer {
        background:transparent url(../images/footer_repeat.jpg) repeat-x;
        color:#9D9D9D;
    }
    
    #footer .footer_con{
        background:transparent url(../images/footer.jpg) center top no-repeat;                
    }
    
    /* footer1 links */
    #footer  a{
        color:#9D9D9D;
    }
    
    #footer  a:hover{
    }
 
        
/* Breadcrumb Menu */
    .breadcrumb{
        color:#c7c7c7;
    }
    
    .breadcrumb  a{	
        color:#969696;
    }
    
        
/* Links */	 
    a{
        color:#6dd1fb;
    }
    
    a:hover{
        color:#107fae;
    }
    
    h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
        color:#107fa4
    }
    
    h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{
        color:#6dd1fb;
    }
	
    .read_more_about{
        color:#f11979;
    }
	
    .read_more_vehicle{
        color:#96cd2c;
    }
	
    .read_more_personal{
        color:#ff9d1d;
    }
        
/* Headings*/
    h1,h2,h3,h4,h5,h6{
        color:#107fad;
    }
	
/* Individual Coloured Headings*/
    .pink{
        color:#db1f73;
    }
	.pinks{
        color:#f1197a;
    }
	
    .green{
        color:#56a509;
    }
	.greens{
        color:#96cd2c;
    }
	
    .orange{
        color:#ff9d1d;
    }
	.oranges{
        color:#ffbf1d;
    }
	
    .grey{
        color:#777777;
    }
	.greys{
        color:#aaafb0;
    }
	
	
/* Home page secondary items*/

    #why_DontQ {
		background:url(../images/home_secondary_info_bg.jpg);
		background-repeat:no-repeat;
		float:left;
		padding:25px 5px 0 25px;
		margin:20px 0 0 0;
		width:278px;
		height:180px;
		overflow:hidden;
		position:absolute;
    }
	
    #why_DontQ p{
		padding:0;
		margin:-5px 0 0 0;
		line-height:20px;
		color:#999;
		font-size:8pt;
		text-align:left;
		float:left;
		width:170px;
    }
	
    #register_DontQ {
		background:url(../images/home_secondary_info_bg.jpg);
		background-repeat:no-repeat;
		float:right;
		padding:25px 5px 0 25px;
		margin:20px 0 0 0;
		width:278px;
		height:180px;
		overflow:hidden;
		position:absolute;
		right:325px;
    }
	
    #register_DontQ p{
		padding:0;
		margin:-5px 0 0 0;
		line-height:20px;
		color:#999;
		font-size:8pt;
		text-align:left;
		float:left;
		width:170px;
    }


/* Home page login*/

	#textInput {
		background:url(../images/login_textfield_bg.png);
		background-repeat:no-repeat;
		border:none;
		width:229px;
		height:32px;
		padding:0 0 0 15px;
		margin:0 0 5px 0;
}

	.textInput {
		font-size:8pt;
		line-height:30px;
		color:#666;
		padding:0;
		margin:0;
		cursor:text;
}

	.checkbox {
		padding:0;
		margin:0;
		position:absolute;
		left:8px;
		top:149px;
}

	.submit {
    	border:none;
    	padding:0;
		margin:0 0 10px 0
}

/* Secondary page login*/

	#textInput2 {
		background:url(../images/login_textfield_bg.png);
		background-repeat:no-repeat;
		border:none;
		width:229px;
		height:32px;
		padding:0 0 0 15px;
		margin:0 0 5px 0;
}

	.textInput2 {
		font-size:8pt;
		line-height:30px;
		color:#666;
		padding:0;
		margin:0;
		cursor:text;
}

	.checkbox2 {
		padding:0;
		margin:0;
		position:absolute;
		left:8px;
		top:129px;
}

	.submit2 {
    	border:none;
    	padding:0;
		margin:0;
}


/* Contact Us Page */

.post {
	float:left;
	width:500px;
}
 
.post p {
	padding-bottom: 20px;
}
 
.post ul {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	margin-bottom: 15px;
	color: #666666;
}
 
.post ul li {
	padding: 3px 0 3px 15px;
}
 
.post ol {
	font-family:Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 14px;
	margin: 0 0 15px 20px;
	color: #666666;
}
 
.post ol li {
	list-style: decimal;
	padding: 3px 0 3px 0;
}

/***** Contact Form*****/

ol.forms { 
	float: left; 
	list-style: none; 
	margin: 30px 0; 
	width: 100%; 
}
ol.forms li {
	clear: both;
	float: left;
	margin-bottom: 18px;
	position: relative;
	width: 100%;
	color:#fff;
}
 
ol.forms label {
	cursor: pointer;
	display: block;
	float: left;
	font-weight: bold;
	width: 90px;
	color: #777777;	
}
 
ol.forms input, ol.forms textarea {
	background-color: #f4f4ee;
	border: 1px solid #e3e3de;
	border-radius: 3px;
	font: inherit;
	padding: 10px;
	width: 214px;
}
 
ol.forms textarea { 
	height: 125px; 
	width: 350px; 
	background-color: #f4f4ee; 
	border-color: #e3e3de; 
	padding:10px;
}
 
ol.forms input:focus, ol.forms textarea:focus { 
	background-color: #f2f3f6; 
	border-color: #CCC; 
}
 
ol.forms li.buttons button {
	background: #aaafb0;
	border: none;
	color: #fff;
	cursor: pointer;
	overflow: hidden;
	padding: 5px;
	width: auto;
	font-weight:bold;
}
 
ol.forms li.buttons button:hover { 
	color: #000; 
}
 
ol.forms li.buttons, ol.forms li.inline { 
	float: left; 
	padding-left: 90px;
}
 
ol.forms li.inline input { 
	width: auto; 
}
 
ol.forms li.inline label { 
	display: inline; 
	float: none; 
	width: auto; 
	padding-left: 10px;
}