@charset "utf-8";
/* CSS Document */

/*==== reset ====*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*==== end reset ====*/

/*==== common ====*/
@font-face {
 font-family: 'BMWTypeCondensedRegular';
 src: url('fonts/bmwtypecondensedregular-webfont.eot');
 src: url('fonts/bmwtypecondensedregular-webfont.eot?#iefix') format('embedded-opentype'),  url('fonts/bmwtypecondensedregular-webfont.woff') format('woff'),  url('fonts/bmwtypecondensedregular-webfont.ttf') format('truetype'),  url('fonts/bmwtypecondensedregular-webfont.svg#BMWTypeCondensedRegular') format('svg');
 font-weight: normal;
 font-style: normal;
}
html, body {
	background:#333;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	line-height:0;
}
.clearer {
	clear:both;
	font-size:0;
	line-height:0;
}
.clearfix:after, .wrap:after, .bx-wrap:after, .row:after, .content:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	width:100%;
}
.clearfix, .wrap, .bx-wrap, .row, .content {
	min-height:1px;
}
/* Hides from IE-mac\*/
* html .clearfix, * html .wrap, * html .bx-wrap, * html .row, * html .content {
	height:1%;
}
/* End hide from IE-mac */

h1 {
	font:18px/1.1 BMWTypeCondensedRegular, Arial, Helvetica, sans-serif;
	margin-bottom:10px;
}
h2 {
	font:16px/1.1 BMWTypeCondensedRegular, Arial, Helvetica, sans-serif;
	margin-bottom:5px;
}
h3 {
}
h4 {
}
h5 {
}
p {
	font-size:14px;
	line-height:23px;
	margin-bottom:20px;
}
p a {
	color:#09C;
	text-decoration:none;
}
p a:hover {
	text-decoration:underline
}
#main-wrapper {
}
.wrap {
	width:850px;
	margin:0 auto;
}
/*==== end common ====*/


/*==== header ====*/
#header {
	background:#fff;
	padding:15px 0;
	margin:20px 0 15px;
}
#logo {
	float:left;
	margin-bottom:0;
}
#logo a {
	display:block;
	background:url(../images/logo-rabit.gif) no-repeat;
	width:230px;
	height:118px;
	text-indent:-999px;
	overflow:hidden;
}
#header-info {
	float:right;
	text-align:right;
	margin-top:20px;
}
#header-info .phone {
	color:#d12b3c;
	font-size:28px;
	line-height:1.1;
	letter-spacing:1px;
}
#header-info .phone a{
	color:#d12b3c;	
	text-decoration:none;
}
#header-info .phone span {
	display:block;
	font-size:22px;
	letter-spacing:5px;
}
#header-info .email {
	font-size:18px;
	line-height:1.1;
	text-decoration:none;
	color:#333;
}
#header-info .phone a:hover, #header-info .email:hover {
	text-decoration:underline;
}
/*==== end header ====*/


/*==== content ====*/
#content {
}
#main-content {
	overflow:hidden;
}
#main-content .column-1 {
	width:222px;
	float:left;
	margin-right:15px;
}
#main-content .column-2 {
	width:222px;
	float:right;
	margin-left:15px;
}
#main-content .column-2 h2 {
	color:#eee;
	margin-top:12px;
}
.primary-content {
	background:#fff;
	padding:15px;
	overflow:hidden;
	margin-bottom:15px;
}
.primary-content h1 {
	color:#08538c;
}
.box-1, .box-2 {
	background:#e1e1e1;
	padding:15px;
	margin-bottom:15px;
	overflow:hidden;
}
.box-1 h1, .box-2 h1 {
	color:#666;
}
.box-1 li {
	padding:17px 0;
}
.box-2 {
	background:#000;
}
.box-2 li {
	float:left;
	font-size:0;
	padding:22px 0;
}
.link-email {
	display:block;
	background:#d22027;
	font:24px/1 BMWTypeCondensedRegular, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#fff;
	text-align:center;
	padding:10px 0;
	margin-bottom:10px;
}
.link-email span {
	background:url(../images/arrow-1.png) right 5px no-repeat;
	padding-right:25px;
}
.link-email:hover {
	background:#e61e25;
}
.map{
	background:#fff;
	height:225px;
	padding:3px 3px 27px 3px;
	position:relative;
}
.map a{
	font-size:11px;
	line-height:2.2;
	text-decoration:none;
	margin-left:5px;
	position:absolute;
}
.map iframe{
	margin:0;
	border:0;
	width:100%;
	height:100%;
}
#foot-image {
	margin-bottom:15px;
}
/*==== end content ====*/


/*==== footer ====*/
#footer {
	font-size:12px;
	line-height:1.4;
	color:#e0e0e0;
}
#footer .wrap {
	border-top:1px solid #e0e0e0;
	padding:10px 0;
}
#footer a {
	color:#e0e0e0;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}
#footer-nav {
	float:left;
}
#footer-info {
	float:right;
	text-align:right;
}
#footer-info .site-by {
	text-decoration:underline;
}
#footer-info .site-by:hover {
	text-decoration:none;
}
/*==== End footer ====*/


.box-1, .box-2, .link-email, .primary-content{
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	border-radius:10px;
	behavior:url(PIE.htc);/*url related to html*/
	position:relative;
}