/*Style Sheet for AJ's Custom Motorcycle Painting*/
/*Author: Dan Le of Who Helps*/
/*Author URL: http://whohelps.com*/

/*CSS RESET*/

body,div,ul,li,a,img,p{
	margin: 0;
	padding:0;
	border: 0;
}


a:active, a:visited, a:link{
outline:0;
}

p{

}

ul, li{
	list-style:none;
}

a:link, a:visited{
color:#2175FF;
text-decoration:none;
}

h1,h4,h5,h6{
margin: 0 0px 0 25px;
	padding:0;
	border: 0;
}

h1{
	color: #2175FF;
}


h3.custom-quote{
margin-left: 25px;
}

#logo{
margin-top:-240px;
text-align:center;
z-index: 2000;
margin-left:-60px;
display:none;
}

/*Structure*/

body{
	background: url(images/background-gradient.png) #292929 repeat-x;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#bg-top{
	background: url(images/background-top.png) no-repeat top center;
	height: 236px;
	margin-bottom: -5px;
}

#bg-top2{
	background: url(images/banner.png) no-repeat top center;
	height: 237px;

	
}

#wrapper{
	width: 954px;
	margin: 0 auto;
margin-top: -6px;
position:relative;
z-index: 5000;
}

/*Navigation*/

#navigation{	
	width: 954px;	
	background: url(images/bg-nav.png) no-repeat;	
	height: 58px;
}

#navigation ul{	
	top: 18px;	
	width: 750px;	
	margin: 0 auto;	
	position:relative;	
	left: 40px;
}

#navigation li{	
	float:left;	
	position:relative;	
	margin-right: 55px;	
	height: 35px;
}

#navigation li:hover{	
	background: url(images/nav-hover.png) bottom center;
}

li.services{
	margin-left: 5px;
}

li.showcase{
margin-left: 8px;
}

li.about{
margin-left: 7px;
}

/*Main Header*/
#content{
	background: url(images/bg-content.png) no-repeat;
	width: 954px;
	height: 351px;
	margin : 0 auto;
}

.featured-works{	
	background: url(images/bg-featured.png);
	float:left;
position:relative;
}

.main-title{
	float:left; 
	margin-top: 20px;
	margin-left: 30px;
}

.motorcycle{
position:relative;
float:right;
margin-top: -150px;
display:none;
}

.skills{

float:left;
margin-left: 30px;
line-height: 10px;
}

.buttons{


position:relative;
top: 0px;
margin-left: 90px;

}

h2{
color:#2175FF;
}

/*Widget#1*/

#about-us{	
	float:left;	
	background: url(images/bg-about.png);
	width: 472px;
	height: 266px;
}

p.about-content{
	width: 345px;
	line-height: 18px;
	clear:both;
	margin-right: 35px;
	float:right;
	position:relative;
	margin-top: 15px;
	margin-bottom: 15px;
}

.about-title{	
	position:relative;
	float:left;
	margin-top: 18px;
	margin-left: 40px;
	
}

.pinup{	
	float:left;	
	position:absolute;	
	margin-left: -63px;	
	margin-top: 87px;
}

/*Widget#2*/

#contact{	
	float:right;	
	width: 472px;	
	height: 266px;	
	background: url(images/bg-about.png);
}

.contact-title{
	float:left;
	margin-top: 18px;
	margin-left: 45px;
}

p.contact-content{
	clear:both;
float:left;
	margin-left: 45px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.googlemap{
	margin-left: 45px;
float:left;
}

p.address{
float:right;
text-align: center;
margin-right: 25px;
}

p.about-more{
position:relative;
margin-right: 25px;
float:right;
color:#2175FF;
}

p.contact-more{
position:relative;
float:right;
color:#2175FF;
margin-right: 25px;
margin-top: 15px;
}

.featured-logos{
text-align:center;
margin: 0 auto;
width: 389px;
margin-left: 45px;
margin-top: 15px;
}


/*Footer*/
#footer{	
	clear:both;	
	margin: 0 auto;	
	text-align: center;		
	padding-top: 3px;	
	position:relative;
}

#sitemap{	
text-align:center;
padding: 10px 0;
}

#footer img {	
	margin-left: 3px;	
	margin-top: -5px;	
	float:right;
	display:block;
}

#footer a{
color:#fff;
}

#footer a:hover{
text-decoration:underline;
}

#copyright{	
	clear:both;
	margin-bottom: 10px;
}
/*Featured Works Slider*/

.featured-works{
background: url(images/bg-featured.png);
width: 539px;
height: 320px;
float:right;
margin-right: 15px;
margin-top: 22px;
}

#myslides {	
	width: 500px;	
	height: 250px;    
float:left;
margin-left: 19px;
margin-top: 44px;

} 

#myslides img {    
	width: 500px;    
	height: 250px;    
}

#myslides2 {	
	width: 600px;	
	height: 350px;    
border:2px solid #2175FF;
margin: 0 auto;
} 

#myslides2 img {    
width: 600px;    
height: 350px;
margin: 0 auto;
}

.gallery{
margin: 0 auto;
width: 952px;
}

.thumbnails{
clear:both;
width: 840px;
margin: 0 auto;
margin-top: 30px;
}

.thumbnails img{
margin: 10px 10px;
}

h1.portfolio{
text-align:center;
color:#2175FF;
margin-bottom: 30px;

}

/*Content Pages*/

#content-top{
background: url(images/content-top.png);
height: 20px;
width: 952px;
}

#main-content{
background: url(images/content-main.png) repeat-y;
width: 952px;
min-height: 420px;
}

#content-bottom{
background: url(images/content-bottom.png);
height: 24px;
width: 952px;
}

#main-content p{
width:900px;
margin: 0px 25px;
padding-top: 10px;
}

#contact-address{
float:right;
position:relative;
margin-top: -320px;
margin-right: 50px;
width: 270px;
}

.address-info{
clear:both;
text-align:center;
position:relative;
top: 15px;
font-size:15px;
}

/*Buttons*/

.quote-button{
text-align:center;
}

/*Services*/

.services-wrapper{
width: 952px;
margin: 0 auto;

}

.services-wrapper img{
margin-left: 26px;
margin-bottom: 15px;
margin-top: 10px;
}

.services-wrapper li{
margin-bottom: 15px;
}

#retail{
float:left;
margin-left: 60px;
margin-right: 300px;
}

#commercial{
float:left;
}