
*	{margin: 0; padding:0}

img		{ border: none}

body { background: url(/images/design-bg.jpg) repeat-x top #004a8d }

#container	{ width: 982px; height:auto; margin: 0 auto;}

#header		{ width: 992px; height: 144px; float:left; overflow: hidden}

#logo		{background: url(/images/brooklyn-logo.jpg) center no-repeat; width: 465px; height: 70px; float:left; margin: 50px 0 0 0}

#top-tel		{background: url(../images/top-tel.jpg) center no-repeat; width: 275px; height: 90px; float:right; margin: 30px 0 0 0}


h1	{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF;  text-transform:uppercase; font-weight:bold; margin: 0 0 10px 0}

em	{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#0099FF; font-weight:bold; padding: 0 0 20px 0}

h2		{ font-size:11px; color:#FFFFFF; text-transform:uppercase}

ul#top-nav		{ list-style-type:none; width: 962px; height: 50px; float:left; margin: 0 0 0 20px}

ul#top-nav li		{ display: inline; text-transform:uppercase; float: left; margin: 0 0 0 2px; text-align: center; font-family: Helvetica, sans-serif; padding: 0 0px 0 0px;}

ul#top-nav li a		{color: #333333; text-decoration:none; font-size:12px; font-weight: bold; line-height: 50px; width:auto;  padding: 0 10px 0 10px; height: 49px;  float: left; margin: 0 0 0 0}

ul#top-nav li a:hover	{background: url(../images/nav-hover-bg.jpg) center bottom repeat-x; height:50px; width: auto; color:#FFFFFF; border-style:none;  padding: 0 10px 0 10px; }



ul#top-nav  li#HO a		{ background: url(/images/home.jpg) center top no-repeat; width: 40px; height: 50px; margin-top: 1px; float:left}

ul#top-nav  li#HO a:hover	{background: url(/images/home-over.jpg) center top no-repeat ; display:block }

body#HOM ul#top-nav li#HO a {background: url(/images/home-over.jpg) center top no-repeat ; display:block; padding: 0 0 0 0 }

body#HOM ul#top-nav li#HO a:hover {background: url(/images/home-over.jpg) center top no-repeat ; display:block; width: 40px }


#SAL li#SA a, #VEH li#SA a, #ABO li#AB a, #CLO li#CL a, #CON li#CU a, #LOC li#LO a, #SYC li#SY a, #FIN li#FI a, #WAR li#WA a, #AFT li#AF a {background: url(../images/nav-hover-bg.jpg) center bottom repeat-x; height:50px; width: auto; color:#FFFFFF; border-style:none;  padding: 0 10px 0 10px; }



#logo-scroller		{}

#right-col {
width: 222px;
min-height:420px;
height:auto;
float:right;
background:url(/images/hours-bg.jpg) center bottom no-repeat;
margin: 30px 0px 0px 0px;
}

* html #right-col {
height:420px;
}

#similarvehicles {
width:222px;
float:right;
clear:right;
}

#similarvehicles li {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
list-style:none;
width:215px;
height:270px;
background:url(../images/bground_similarvehicle.gif) no-repeat;
margin:20px 0px 0px 5px;
}

#similarvehicles a {
color:#333333;
text-decoration:none;
display:block;
height:270px;
}

.SimCarImage {
display:inline-block;
padding-left:7px;
margin-top:45px;
}

.SimMake {
display:block;
width:205px;
text-align:right;
margin-bottom:5px;
}

.SimPrice {
display:block;
width:205px;
text-align:right;
color:#0099ff;
}

.special	{ border-style: none}

.hyundaiLink  { border-style: none}


.right-add	{ font-family:Arial, Helvetica, sans-serif; font-size: 11px; text-align:right; margin: 10px 30px 0 0; color:#333333}



#content		{ width: 740px; height:auto; float:left; margin: 30px 0 0 0;}

#text		{ width: 400px; height: auto; float:left}

#normText  { width: 700px; height:auto; float:left; margin: 30px 0 0 0}

.normP		{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; line-height: 16px; margin: 10px 0 10px 0}

ul#services		{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; margin: 0 0 0 20px}

ul#services li	{ list-style: url(/images/bullet-point.jpg); margin: 5px 0 0 0 }

#spy		{ width: 340px; height: 345px; float:right;}



#im-tran-wrap		{ width: 987px; height:348px; float:left; position:relative}


/** outer container **/
#scrollerContainerlogo{
   background: url(/images/logo-scroller-bg.gif) 0 0 no-repeat ;
   color:#fff;
   width: 779px;
   height: 53px; 
   padding: 10px 0 0 0;
   margin:  0px;
}

#logo-scroller {
    clear: both;
    height: 50px;
    left: 100px;
    overflow: hidden;
    position: absolute;
    top: 299px;
    width: 779px;
    z-index: 10;
}
/**individual make names, displayed when an image doesn't exist**/
#scrollerContainerlogo a{
}

/**individual make images**/
#scrollerContainerlogo a img{ border-style: none
}







#footer-full {
width: 100%;
height: 145px;
float:left;
background: url(/images/footer-bg.jpg) repeat-x;
margin: 20px 0px 0px 0px;
}

#footer {
width: 992px;
height: 153px;
clear:both;
margin: 0px auto
}

#footer-nav		{ display: inline; list-style: none; float:left; width: 992px; height: 20px;  margin: 30px 0 0 0}

ul#footer-nav li		{ display: inline; text-transform:uppercase; float: left; margin: 0 0 0 0; text-align:center; font-family: Helvetica, sans-serif; padding: 0 30px 0 0;}

ul#footer-nav li a		{ text-align:center; font-family: Helvetica, sans-serif; font-size:11px; color:#FFFFFF; padding: 0 0 0 0; text-transform:uppercase; text-decoration:none; font-weight:bold}

ul#footer-nav li a:hover	{ font-family: Helvetica, sans-serif; font-size:11px; color: #0099FF;  font-weight:bold}

#ukwebs {
background: url("../images/ukw-globe.png") no-repeat right top;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
width:165px;
height:20px;
float:right;
text-transform:uppercase;
color:#FFFFFF;
margin:15px 0px 0px 0px;}

#ukwebs	a {
text-transform:uppercase;
color:#FFFFFF;
text-decoration:none;
}

#ukwebs	a:hover	{
color:#0099FF;
}

#footeradd	{ width: 700px; height: 25px;}

.footer-add		{ font-family:Arial, Helvetica, sans-serif; font-size:11px; width: 450px; height: 20px; float:left; text-transform:uppercase; color:#FFFFFF; padding: 10px 0 0 0}

#footer-logos		{ background: url(/images/footer-logos.jpg) right no-repeat; width: 992px; height: 45px; float:right; margin: 10px 0 0 0}


/** Warranty page **/

.smallP		{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; line-height: 15px; margin: 10px 0 10px 0}

.capsP		{ width: 700px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; line-height: 15px; margin: 130px 0 10px 0; text-transform:uppercase}

.normList		{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; line-height: 15px; margin: 0 0 10px 30px}


#rac-link		{ width: 200px; height: 135px; float:right; text-align:center;  margin: 0px 0 10px 30px}

.link-text		{ text-align: center; font-family:Arial, Helvetica, sans-serif; font-size:11px; color: #FF9900; float:right; text-transform:uppercase; font-weight:bold; text-decoration:none}

.rac-logo		{ float:right;}

.happyfamily	{ float:right; margin: 0 0 10px 20px}



/** About us page **/

#team		{ width: 700px; height: auto; float:left; margin: 30px 0 20px 30px; text-align:justify}

.teampic	{ float:left; margin: 0px 20px 20px 0;}



/** Warranty page **/

#brooklynMotors		{ width: auto; height: auto; float:right; padding: 60px 0 0 0}


.day		{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; color:#333333;}

.hours 		{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; color: #0099FF;}
