/**********************************************************/
/*                HF-Racing stylesheet                    */
/*                                                        */
/* Design by GRAFICAL:please contact via info@grafical.be */
/*                                                        */
/*             LAST UPDATE : 13-10-2011                   */
/*                                                        */
/**********************************************************/


/************************* 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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
/************************* END RESET ***********************/

/************************ COLORS USED **********************/
/*grey #ACACAC 
lightblue #00BAE8
darkblue #133399
white #fff
black #000*/
/************************** GENERAL ************************/
body {
	background:url(../images/bodybg.gif) repeat scroll 0 0;
	color :#000;
	font-family:Arial,sans-serif;
	font-size : 12pt;
}

h1 {font-size:28px;}
h2 {font-size:25px;font-weight:normal;font-family: 'Questrial', sans-serif;margin-left: 10px; color:#133391;}
h3 {font-size:16px; margin-bottom:10px;font-family: 'Questrial', sans-serif;}
h4 {font-size:12px;}

p {font-size:14px;line-height:1.3em;margin-bottom:20px;}

a, a:visited {font-size:12px; color:#fff; text-decoration:none;line-height:1.3em}
a:hover {font-size:12px;color:#00BAE8}

.float-left{float:left;}
.float-right{float:right;}
.clear{clear:both;}
.button{background-color:#5c5c5c;}
.indent{text-indent:-9999px}
.rounded-corners {
     -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}
.warning{color:#bf0202;}
.center{text-align:center;margin:0}

.w960 {
margin: 0 auto;
width:960px;
}
/*********************** END GENERAL ***********************/

/************************* HEADER **************************/
.header {
background : url(../images/hf-racing-header.jpg);
height:245px;
width:960px;
margin: 0 auto;
}
h1#logo{height:145px}
/*********************** END HEADER ************************/

/************************* NAVBAR *************************/
#navbar{height:40px;margin:17px 0;}
#main-nav{width:960px;height:35px}
ul#main-menu{list-style:none;}
ul#main-menu li{display:inline}
ul#main-menu li a {font-family: 'Orbitron', sans-serif;
text-transform: uppercase;
float:left;
display:block;
text-align:center;
margin:5px 15px;
font-size:16px;
color:#F1F1F1;
text-decoration:none;
}
ul#main-menu li a:hover{
color:#00BAE8;
}
ul#main-menu li.active a {}
/********************* END NAVBAR *************************/

/******************** Main content  *********************/

#main-content {background:#ACACAC;min-height:700px;}
#content-section{width:900px; margin:20px 30px;}
.center img {border: 1px solid #000}

a.button {
background:#5c5c5c;
width:162px;
height:22px;
padding:5px 0px;
font-weight:bold;
font-size:16px;
text-align:center;
font-style:italic}
.content-txt{}
.content_btns{padding-top:10px;padding-bottom:45px;border-bottom:2px solid #5c5c5c;}
#contactform, #adres {width:460px; margin:20px 10px;}
#adres p, #adres a{font-size:16px;}
#adres h2, #contactform h2{margin-left:0;margin-bottom:10px;}

/*+++++ Contactform +++++ */
form{width:350px}
label{width:100px;float:left;}
.row input, .row textarea {width:220px}
.row{margin-bottom: 5px;}
#submit input{cursor:pointer;margin-right:26px}

img.rel-foto {margin:10px;border:1px solid #000;}
/****************** End main content ********************/

/********************** SIDE NAV ***********************/
#side-nav{width:240px; margin:30px 38px 30px 0px;}
#side-nav h3{
background:url(../images/subnav-h3-bg.gif) no-repeat;
display:block;
text-align:center;
letter-spacing:0.05em;
font-style:italic;
font-weight:bold;
color:#abc5c4;
padding-top:8px;
height:22px;
width:240px;}
ul.subnav {list-style-type:disc;margin:10px 10px 10px 40px;}
ul.subnav li a{text-decoration:none;color:#484848;line-height:1.5em;font-size:14px;}
ul.subnav li a:hover{text-decoration:underline;color:#484848}
/********************** END SIDE NAV ********************/

/******************* Footer  ***************************/
#footer{
background : #5c5c5c repeat scroll 0 0;
height:30px;
padding-top:10px;
text-align:center;
border-top:2px solid #133391;
}
#footer a:hover{color:#63c9f9;}

/******************End footer ***************************/