/*
Theme Name: OHM Cycles
Theme URI: http://ohmcycles.com
Description: A custom theme for OHM Cycles designed by Coastline Creative and developed by Design Format.
Version: 1.0
Author: Hans Vedo
Author URI: http://designformat.com
Tags: custom
*/

@import url("css/homepage.css");
@import url("css/layout.css");
@import url("css/ourbikes.css");
@import url("css/support.css");
@import url("css/windows.css");

/* Below windows.css so it can overwrite. */
@import url("css/technology.css");

/* Global */
.float, .float_left{
	float:				left;
}
.float_right{
	float:				right;
}
.clear {
	clear: 				both;
}
.no_padding{
	margin:				0px;
	padding:			0px;
}

/* Headers */
h1, h2, h3 {
	color: 				#000000;
	font-family: 		'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 			1.3em;
	font-weight: 		bold;
	margin: 			0px 0 0;
}
#homepage_page_title{
	color: 				#000000;
	font-family: 		'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 			22px;
	font-weight: 		bold;
	margin: 			0px 0 0;
}

p{
	margin:				0px 0px 20px 0px;
}

/* Links */
a{
	color: 				#F28018;
	text-decoration: 	none;
}

a:hover {
	color: 				#F28018;
	text-decoration: 	underline;
}
a.header_contact{
	color: 				#ffffff;
	text-decoration: 	none;
}
a.header_contact:hover{
	color: 				#ffffff;
	text-decoration: 	underline;
}

/* Highlight Text Colors */
.orange{
	color: 				#F28018;
}
.blue{
	color: 				#054093;
}

.uppercase{
	text-transform: 	uppercase;
}

/* A slightly larger caption text. */
.caption{
	color: 				#636466;
	font-size: 			16px;
	line-height: 		20px;
}
.caption_dark{
	color: 				#333333;
	font-size: 			16px;
	line-height: 		20px;
}

/* Page Titles */
#page_title{
	float:				left;
}
#page_title_hr{
	float:				right;
	padding: 			5px 0px 0px 0px;
}
.page_title_div{
	background-image: 	url("images/title-hr-top.png");
	float:				right;
	height: 			9px;
	margin: 			25px 20px 0px 0px;
	width: 				500px;
}
#page_title_hr_left{
	float:				left;
	padding: 			25px 0px 0px 15px;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

/* Dealers */
.dealers_table th{
	text-align: 		left;
	width: 				200px;
}
.dealers_table td{
	padding:			0px 10px 0px 0px;
}
.dealers_table .underline{
	background-color: 	#A7A8AB;
	height: 			2px;
}