/* CSS Document */
/*Website Designed and Developed by Flavia Oleniewski*/

/*Globals*/
* {margin:0; padding:0;}
body {width:100%; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.5em; background:url(images/background.jpg) repeat-x #f9f2df fixed; color:#0c1e56}
#page {width:850px; margin:10px auto; text-align:left; background:#f4e6bd; border:1px solid #000;}
p, h1, h2 {padding:5px 10px;}
h1 {font-size:18px; font-weight:bold;}
h2 {font-size:14px; font-weight:bold;}
a {color:#003399; font-weight:bold;}
a:hover {text-decoration:none;}

/*Header*/
#header {background: url(images/header_bg.gif) no-repeat; height:119px; position:relative; color:#FFFFFF;}
#header p {font-weight:bold; padding-top:0}
#phone {position:absolute; left:649px; top:20px; text-align:right; font-weight:bold; font-size:14px; width:189px;}
#phone2 {position:absolute; left:233px; top:63px; text-align:right; font-weight:bold; font-size:14px; width:166px;}
#box{
	position:absolute;
	width:438px;
	height:204px;
	left:538px;
	top: 340px;
}
#header span {color:#ffbe00;}
.large_phone {color:#ffbe00; font-size:20px;}

/*content*/
#content {clear:both; background:url(images/content_bg.jpg) no-repeat 0% 100%;}
#left {float:left; width:225px; text-align:center; color:#0c1e56}
#right {float:right; width: 624px; padding:0px;}
marquee {font-size:16px; color:#FF0000; font-weight:bold; width:625px; clear:both; display:block; text-align:center; padding:10px 0;}
#button_area {background:url(images/buttonarea_bg.jpg) repeat-x #577fb4 0% 100%;  text-align:center; margin:0 auto;}
#button_area img {margin:15px 20px;}
#showroom {text-align:center; margin:0 auto; padding:5px 0;}
#showroom img {margin-left:2px;}

/*navigation*/
#navigation {text-align:left; text-transform: uppercase; font-weight:14px; font-weight:bold; list-style:none;}
#navigation a {color:#0c1e56; line-height:14px; padding:7px; background:url(images/arrow.png) no-repeat 10px 5px; padding-left:35px; border-top: solid 1px #0c1e56; border-bottom: solid 1px #0c1e56; display:block; text-decoration:none;}
#navigation a:hover {background:url(images/arrow.png) no-repeat 13px 5px;}
#navigation li {display:block; background:url(images/nav_bg.jpg) repeat-y; margin:5px 0; display:block;}
#navigation li:hover {background:url(images/nav_bg_hover.jpg) repeat-y;}

/*Footer*/
#footer {font-size:11px;}
#footer p {padding-bottom:10px;}
#footer a { text-transform: capitalize; padding:0 15px; line-height:11px;}
#footer a+a {border-left:1px solid;}

/*forms*/
#contact_form {width:400px; margin-left:10px; margin-bottom:9px;}
#contact_form label {font-weight:bold; color:#014891; display:block; padding-top:5px;}
#contact_form input {display:block;}
#contact_form .full {width:100%;}
#contact_form .half {width:50%;}
#contact_form .quarter {width:25%;}