/* ************************************************
 *
 * Ottomotive Homologation Consultants
 * 
 * Monitor/projection stylesheet
 * v0.1 - 24/07/2006
 * 
 * /styles/ottomotive_screen.css
 *
 * ************************************************ */


/* BASIC FORMATTING: RESETTING AND MAIN ELEMENTS
 *
 */
html, body, div, h1, h2, h3, p, a, label, dl, dt, dd, form, ul, ol, address
{
	margin: 0;
	padding: 0;
	border: 0;
}

body
{
	background: #FFF url(../images/bg_body_smal.png) repeat-x top center;
	font: 11px/150% Verdana, Geneva, Arial, sans-serif;
}

h1
{
	padding: 12px 18px 12px 12px;
	color: #006;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size: 225%;
	font-weight: normal;
	line-height: 120%;
}

h2
{
	margin: 15px 12px 0;
	color: #C00;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size: 150%;
	font-weight: normal;
	line-height: 150%;
}

h3
{
}

p
{
	margin-bottom: .5em;
	padding: 0 12px;
	color: #006;
	line-height: 150%;
}

.intro p
{
	padding: 12px 18px 12px 12px;
	color: #006;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size: 150%;
	line-height: 150%;
}

.lead p
{
	margin: 0 12px 12px;
	padding: 0 6px 6px 0;
	border-bottom: 1px solid #C00;
	color: #C00;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size: 100%;
	font-weight: bold;
	text-transform: uppercase;
}

p.img-wide
{
	padding: 0;
}

address
{
	margin: 0 0 .5em 0;
	padding: 0 12px;
	font-style: normal;
	color: #006;
}


a:link, a:visited
{
	padding-bottom: 2px;
	background: url(../images/bg_a_link.png) repeat-x bottom left;
	color: #006;
	text-decoration: none;
}

a:hover, a:focus
{
	padding-bottom: 2px;
	background: url(../images/bg_a_hover.png) repeat-x bottom left;
	color: #C00;
	text-decoration: none;
}

.chopchop
{
	position: absolute;
	top: -10000px;
	left: 0;
}




/* MAIN LAYOUT: CANVAS, TOPBAR, SIDEBAR, CONTENT
 *
 */
#canvas
{
	width: 737px;
	position: relative;
	margin: 0 auto;
	background: #FFFFFF url(../images/bg_canvas.png) repeat-y top left;
}

#topbar
{
	position: relative;
	height: 235px;
	background: #FFF;
}

#sidebar
{
	width: 319px;
	float: left;
	padding: 0 0 40px 1px;
}

#content
{
	margin-left: 321px;
}

#footer
{
	clear: both;
	width: 737px;
	padding: 10px 0;
	border-bottom: 1px solid #9C3;
	border-bottom: 1px solid #AD4;
}


/* SITEMENU
 *
 */
#search
{
	display: block;
	height: 25px;
	border-left: 1px solid #C00;
	border-right: 1px solid #C00;
	background: url(../images/bg_sitemenu.png) repeat-x top center;
}

#search ul
{
	height: 25px;
	margin-left: 319px;
	border-left: 1px solid #C00;
}

#search li
{
	display: block;
	float: left;
	margin: 0;
	padding: 3px 13px 0 12px;
	color: #C00;
}

#search label
{
	color: #C00;
	font-weight: bold;
}

#search #q
{
	margin: 0;
	padding: 0 3px;
	border-left: 1px solid #AD4;
	border-top: 1px solid #AD4;
	border-right: 1px solid #EFB;
	border-bottom: 1px solid #EFB;
	background: #DF8 url(../images/bg_q.png) repeat-x;
	color: #350;
}

#search #submit
{
	vertical-align: baseline;
}

#search a
{
	text-decoration: none;
	color: #C00;
	font-weight: bold;
}

#search a:link, #search a:visited
{
	background-image: none;
}

#search a:hover, #search a:focus
{
	background: url(../images/bg_a_hover.png) repeat-x bottom left;
}

#search em
{
	font-style: normal;
	color: #350;
}


/* MAIN MENU
 *
 */
#mainmenu
{
	position: absolute;
	left: 0;
	top: 25px;
	z-index: 10;
	height: 104px !important;
	width: 735px;
	border-left: 1px solid #C00;
	border-right: 1px solid #C00;
	padding: 1px 0 0;
}

#mainmenu li
{
	display: block;
	font-weight: bold;
}

#mainmenu a
{
	margin-left: 10px;
	background-image: none;
	color: #C00;
	text-decoration: none;
}

#mainmenu ul a
{
	margin-left: 0;
}

#mainmenu-0, #mainmenu-1, #mainmenu-2, #mainmenu-3, #mainmenu
{
	display: block;
	width: 735px;
	height: 23px;
	position: absolute;
	left: 0;
	color: #C00;
}

#mainmenu ul
{
	display: block;
	margin-left: 9em;
	margin-top: -1.5em;
	padding: 0 40px 0 10px;
}

#mainmenu ul li
{
	float: left;
	margin: 0 0 .5em 0;
	padding: 0 11px;
	background: url(../images/bg_li_mainmenu.png) no-repeat;
	list-style: none;
}

#mainmenu a:link, #mainmenu a:visited,
#mainmenu a:hover, #mainmenu a:focus
{
	color: #C00;
	text-decoration: none;
}

#mainmenu ul a:link, #mainmenu ul a:visited
{
	background: url(../images/bg_a_link.png) repeat-x bottom left;
	color: #006;
	text-decoration: none;
}

#mainmenu ul a:hover, #mainmenu ul a:focus
{
	background: url(../images/bg_a_hover.png) repeat-x bottom left;
	color: #C00;
	text-decoration: none;
}

#mainmenu-0
{
	top: 4px;
	z-index: 23;
}

#mainmenu-1
{
	top: 30px;
	z-index: 22;
}

#mainmenu-2
{
	top: 56px;
	z-index: 21;
}

#mainmenu-3
{
	top: 82px;
	z-index: 20;
}

#mainmenu-bg
{
	width: 734px;
	height: 105px;
	padding: 0;
	z-index: 15;
	background: url(../images/bg_mainmenu.png) repeat-x;
	opacity: .90;
	-khtml-opacity: .90;
}

.base ul                    { visibility: hidden; }
.hide ul, #mainmenu-bg.hide { visibility: hidden; }
#mainmenu .hide a           { color: #006; }
.show ul, #mainmenu-bg.show { visibility: visible; }



/* TOPBAR PHOTOS
 *
 */
#photo-l
{
	width: 319px;
	height: 100px;
	position: absolute;
	top: 135px;
	left: 1px;
	z-index: 1;
}

#photo-r
{
	width: 495px;
	height: 166px;
	position: absolute;
	top: 69px;
	left: 321px;
	z-index: 2;
}



/* SIDEBAR
 *
 */
#sidebar h2
{
	margin: 0;
	padding: 12px 12px 0;
	border-bottom: 1px solid #9C3;
	background-color: #E6FDB7;
	color: #360;
}

#sidebar dl
{
	border-bottom: 1px solid #9C3;
	background-color: transparent;
}

#sidebar dl.over
{
	cursor: pointer;
	background-color: #E6FDB7;
}

#sidebar dt
{
	width: 50px;
	float: left;
	margin: 5px 0 0 -1px;
	border-left: 1px solid #FFF;
	padding: 0 0 0 12px;
	text-transform: uppercase;
	color: #006;
	font-weight: bold;
}

#sidebar dl.over dt
{
	color: #C00;
}


#sidebar dd
{
	padding: 5px 6px 6px 12px;
	color: #003;
}

#sidebar p
{
	padding-top: 5px;
}

#sidebar b
{
	color: #C00;
}

#sidebar address
{
	color: #003;
}

#sidebar a:hover, #sidebar a:focus
{
	background: #FFF url(../images/bg_a_hover.png) repeat-x bottom left;
}

#sidebar ul
{
	
}

#sidebar li
{
	display: block;
	border-bottom: 1px solid #9C3;
	padding: 5px 6px 6px 12px;
	background-color: transparent;
	list-style: none;
	font-weight: bold;
}

#sidebar li.on
{
	background: #E6FDB7 url(../images/bg_li_sidebar_on.png) repeat-y top left;
}

#sidebar li a, #sidebar li a:link, #sidebar li a:visited,
#sidebar li a:hover, #sidebar li a:focus
{
	background: transparent;
}

#sidebar li.on a, #sidebar li.on a:link, #sidebar li.on a:visited
{
	color: #C00;
}

/* FOOTER
 *
 */
#footer hr
{
	height: 0;
	border: 0;
	color: #FFF;
}


/* HOMEPAGE
 *
 */
body.home
{
	background-image: url(../images/bg_body.png);
}

.home #topbar
{
	height: 309px;
}


/* VERVOLGPAGINA PROFILE
 *
 */
.news-intro
{
	font-weight: bold;
}

.news-intro b
{
	color: #C00;
	font-weight: normal;
	text-transform: uppercase;
}


/* ACHTERGRONDEN TOPBAR
 *
 */
.home #photo-l
{
	height: 174px;
	background: url(../images/photos/photo_l_02.jpg) no-repeat;
}

.home #photo-r
{
	height: 240px;
	background: url(../images/photos/photo_r_07.jpg) no-repeat;
}

.profile #photo-l
{
	background: url(../images/photos/photo_l_05.jpg) no-repeat;
}

.profile #photo-r
{
	background: url(../images/photos/photo_r_02.jpg) no-repeat;
}

.services #photo-l
{
	background: url(../images/photos/photo_l_01.jpg) no-repeat;
}

.services #photo-r
{
	background: url(../images/photos/photo_r_01.jpg) no-repeat;
}

.projects #photo-l
{
	background: url(../images/photos/photo_l_04.jpg) no-repeat;
}

.projects #photo-r
{
	background: url(../images/photos/photo_r_05.jpg) no-repeat;
}

.homologation #photo-l
{
	background: url(../images/photos/photo_l_05.jpg) no-repeat;
}

.homologation #photo-r
{
	background: url(../images/photos/photo_r_04.jpg) no-repeat;
}


/* CONTENT TYPOGRAFIE
 *
 */
#content ul
{
	margin: 0 0 .5em 0;
	padding: 0 12px;
	color: #006;
	line-height: 150%;

}

#content ul li
{
	margin 0 0 .5em;
	padding: 0 1em;
	background: url(../images/bg_li_bullet.gif) no-repeat 0 .6em;
	list-style: none;
}