/* CSS 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,
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-weight: inherit;
	font-style: inherit;
	font-size: 12px;
	font-family: Helvetica Narrow, sans-serif;
	vertical-align: baseline;
}

/* GENERAL */
body { background: url("images/background.jpg") repeat; text-align: justify; }
#masthead-image { margin: 28px 28px; border: 1px solid #000;  }
#bodycontent p { margin: 10px 20px; line-height: 20px;}
a {  color: #211a17; }
a:hover { color: white; }
.clear { padding: 20px;}
.contact_bold { font-size: 14px; font-weight: bold; }
iframe { margin: 20px;}

/* LAYOUT */
#wrapper { margin: 0px auto; width: 980px; display: table; background: url("images/wrapper_background.jpg") repeat; border: 1px solid #000; }
#logo_wrapper { margin: 0px auto; width: 980px; display: table; background: url("images/logo_wrapper_background.png") no-repeat; }
#side_left { width: 260px; float: left; }
#side_right { width: 200px; float: right; }
#bodycontent { width: 520px; float: left; position: relative;}


/* HEADERS */
h1#logo { margin: 20px 0px 20px 25px; float: right; height: 110px; width: 500px; background: url(images/logo.png) no-repeat; 	text-indent: -9999px; overflow: hidden; }
h1#home { margin: 0px 0px 20px 18px; height: 18px; width: 660px; background: url(images/home-header.png) no-repeat; 	text-indent: -9999px; overflow: hidden; }
h1#services { margin: 0px 0px 20px 18px; height: 18px; width: 660px; background: url(images/services-header.png) no-repeat; 	text-indent: -9999px; overflow: hidden; }
h1#fleet { margin: 0px 0px 20px 18px; height: 18px; width: 660px; background: url(images/fleet-header.png) no-repeat; 	text-indent: -9999px; overflow: hidden; }
h1#useful { margin: 0px 0px 20px 18px; height: 18px; width: 660px; background: url(images/useful-header.png) no-repeat; 	text-indent: -9999px; overflow: hidden; }
h1#contact { margin: 0px 0px 20px 18px; height: 18px; width: 660px; background: url(images/contact-header.png) no-repeat; 	text-indent: -9999px; overflow: hidden; }
h2#quickcontact  { font-size: 26px; height: 40px; width: 136px; background: url(images/lside_brownbox_title.png) no-repeat; 	text-indent: -9999px; overflow: hidden; color: #37c1f5; margin: 5px 20px; }
h2#skype  { font-size: 26px; height: 40px; width: 136px; background: url(images/lside_brownbox_skypetitle.png) no-repeat; 	text-indent: -9999px; overflow: hidden; color: #37c1f5; margin: 5px 20px; }
h3 { font-size: 18px; margin: 5px 20px;  }
h4 { font-size: 14px; margin: 10px 20px; border-bottom: 1px solid #211a17; }



/* NAVIGATION */
ul#nav { width: 260px; height: 200px;  overflow: hidden; list-style: none; }
#nav span { display: none; }
#nav a { height: 40px; display: block;   }
ul#nav li#nav-home a { background: url("images/navigation.png") no-repeat 0px 0px; width: 260px; }
ul#nav li#nav-services a { background: url("images/navigation.png") no-repeat 0px -40px; width: 260px; }
ul#nav li#nav-fleet a { background: url("images/navigation.png") no-repeat 0px -80px; width: 260px; }
ul#nav li#nav-useful a { background: url("images/navigation.png") no-repeat 0px -120px; width: 260px; }
ul#nav li#nav-contact a { background: url("images/navigation.png") no-repeat 0px -160px; width: 260px; }
#homepage ul#nav li#nav-home a, ul#nav li#nav-home a:hover { background: url("images/navigation.png") no-repeat -260px 0px; width: 260px; }
#servicespage ul#nav li#nav-services a, ul#nav li#nav-services a:hover { background: url("images/navigation.png") no-repeat -260px -40px; width: 260px; }
#fleetpage ul#nav li#nav-fleet a, ul#nav li#nav-fleet a:hover { background: url("images/navigation.png") no-repeat -260px -80px; width: 260px; }
#usefulpage ul#nav li#nav-useful a, ul#nav li#nav-useful a:hover { background: url("images/navigation.png") no-repeat -260px -120px; width: 260px; }
#contactpage ul#nav li#nav-contact a, ul#nav li#nav-contact a:hover { background: url("images/navigation.png") no-repeat -260px -160px; width: 260px; }


/* MASTHEAD */
#slideshow { position:relative; height:371px; width: 920px; margin: 30px; }
#slideshow img { position:absolute; z-index:8; opacity:0.0; }
#slideshow img.active { z-index:10; opacity:1.0; }
#slideshow img.last-active { z-index:9; }


/* right: SIDEBAR */
#side_right img { border: 1px solid #211a17; margin: 0px 0px 20px 0px; border: 0px solid #ebd077; }


/* left: SIDEBAR */
.lside_brownbox  { width: 233px; margin: 30px 25px 10px; background: url("images/lside_brownbox_background.jpg") repeat; border: 1px solid #211a17; -moz-border-radius: 5px;-webkit-border-radius: 5px; }
.lside_brownbox p { color: white; padding: 5px 20px; font-size: 14px; font-family: georgia; }
.skype_callme { margin: 5px 20px;}

/* FLEET page: */
.fleet_body { position: relative; padding: 20px 0;}
#bodycontent img { position: absolute; margin: 20px 20px;}


/* SERVICES page: */
#servicespage ul#body_list { margin: 5px 20px; list-style-type: none;  }
#servicespage ul#body_list li { padding: 10px 20px; }
#fleetpage ul#body_list li { padding: 4px 30px; list-style-type: none;  }
#fleetpage ul#body_list { text-align: right; clear: both;}

/* USEFUL LINKS */
ul.useful-links { list-style-type: none; margin: 10px 20px; }
ul.useful-links li { padding: 5px 0px; }
ul.useful-links a { float: right; }

/* FOOTER */
.footer_skyline { }
#footer { width: 922px; margin: 0px auto; background: url("images/footer_background.jpg") repeat; text-align: right; padding: 20px 30px 20px; margin-top: -10px; color: white;  }
.highlight { color: #37c1f5;}