/* 
MAIN STYLES
*/

body {
	margin:0px;
	padding:0px;
	font-family:verdana, arial, sans-serif;
	font-size:80%;
	color:#51443A;
	text-align:center;
	background:url(http://diygokarts.com/images/templateimages/bgmain.gif) repeat-x top;
}

h1 {
	padding:0; 
	margin:0;
	font-size:22pt; 
	font-weight:normal; 
	font-style:italic; 
	color:#614022; 
	font-family:Verdana, arial, sans-serif;
}

h2 {
	background-color:#DDDDDD;
	color:#000000;
	font-size:100%; 
	font-weight:normal;
	margin:0.2em; 
	padding:0; 
	font-style:italic; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

h4 {
	color:#7B654F;
	font-size:90%;
	font-weight:normal;
	font-style:normal;
	font-family: verdana, arial, sans-serif;
	margin: 0px;
	padding: 0px;
	line-height: 80%;
}



a:link {
	color: #3B4471;
	text-decoration: underline;
}

a:visited {
	color: #3B4471;
	text-decoration: underline;
}

a:hover {
	color: #999999;
	text-decoration: none;
}

a:active {
	color: #999999;
	text-decoration: none;
}

.container {
	background-color:#FFFFFF;
	margin:0 auto;
	padding:0px;
	width:766px;
	background: #fff; border: solid #eaeaf0; border-width: 0 4px; position: relative;
}

/*
###############
HEADER STYLES
###############
*/

.titleblock {
	height:70px;
	padding: 0 0em 0 85px;
	margin: 0px 5px 0px 5px;
	text-align:left;
	background-image: url(images/templateimages/diy-title4.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border: 1px solid #666666;
	border-bottom:none;
}

.titleblock p {
	text-indent:4em; 
	color:#7B654F;
	margin:0em; 
	padding:0.2em 0.2em 0em;
	font-size:10pt;
}

.titleblock img {
	margin:0em;
	padding:0;
    

}

.titleblock a:link {
	color: #3B4471;
	text-decoration:none;
}
	
.titleblock a:visited {
	color: #3B4471;
	text-decoration:none;
}

.titleblock a:hover {
	color: #3B4471;
	text-decoration:none;
}

.titleblock a:active {
	color: #3B4471;
	text-decoration:none;
}

.navbar {
	background-color:#dddddd;
	margin: 0px 5px 0px 5px;
	padding:0;
	border: 1px solid #666666;
	height: 17px;	
}

/*
###############
CONTENT STYLES
###############
*/

.mainbody {
margin:0px 5px 0px 5px;}



.content {
	text-align:left;
	clear: both;
	float: right;
	width: 590px;
	padding-bottom: 5px;
	margin: 0px;
}

.content h2 {
	color:#614022;
	font-size:130%;
	font-weight:bold;
	font-style:normal;
	font-family:"Trebuchet MS", verdana, arial, sans-serif;
	margin: 0px;
	margin-top:5px;
	padding: 0px;
	background-color: #FFFFFF;
}

.content h3 {
	font-size:110%;
	font-style:italic; font-family:"Trebuchet MS", verdana, arial, sans-serif;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	color: #000000;
}

.content p {
	color:#000000;
	margin:.5em 0em; 
	padding:.2em 0em;
}

.content a:link {
	text-decoration:underline;
	color: #3B4471;
}
	
.content a:visited {
	text-decoration:underline;
	color: #3B4471;
}

.content a:hover {
	color:#999999; text-decoration:none;
}

.content a:active {
	color:#999999; text-decoration:none;
}

/*
###############
CONTENT SUB STYLES
###############
*/

.rightcol {
	float:right;
	margin-top:5px;
	width:150px;


}

.contentmain {
	padding-right: 0px;
	padding-top: 0px;
	margin-right: 165px;
}
.contentmain img {
	margin: 5px;
}
.contentmainfooter {
	line-height: normal;
}


/*
###############
LEFT NAV STYLES
###############
*/

.leftnav {
float:left;
	
	width:155px;
	margin-top:5px;
	padding:0px;
	text-align: left;
	border: 1px solid #666666;
}

.leftnav h2 {
	font-size: 90%;
	padding: 0 0 0 5px;
	height:110%;
	margin:5px;
}

.leftnav p {
	margin: 0px;
	padding: 0px 0px 0px 1.3em;
	line-height: 15px;
	font-size: 80%;
}



/*
###############
OTHER STYLES
###############
*/


.top-ads {
	margin-bottom: 5px;
	border: 1px none #666666;
	position: relative;
	clip:   rect(auto auto auto auto);
	clear: both;
	float: left;
	width: 319px;
}

.sidephotos {
	width: 150px;
	font-size: 10px;
	margin: 0px 5px 0px 3px;
	padding: 5px 0px 0px;

	text-align: center;
;
}
.sidephotos img {
	padding:0;
	margin-bottom: 5px;
	border: 1px solid #000000;
}

.sideproducts {
	font-size: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 150px;
	border: 1px none #CCCCCC;
	float: right;
	clear: right;
	margin: 0px 5px 0px 3px;
}



.widesky {
	border: 0px solid #00CC00;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}


/*
###############
FOOTER STYLES
###############
*/


.footer {
color:#999999; font-size:75%; margin:2.5em 0.2em 0.5em 0.5em; padding:0.8em; 
border-top:1px solid #999999; text-align:left; clear:both;}

.footer .right {
float:right; clear:right; text-align:right;}

.footer p {margin:0;}