
*	{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; height:420px; float:right; background: url(/images/hours-bg.jpg) center bottom no-repeat;  margin: 30px 0 0 0}

.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:  275px 0 0 100px;
}

#logo-scroller	{ position:absolute; width: 879px; height: 53px; z-index: 1000; clear:both}

/**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 0 0 0}

#footer		{ width: 992px; height: 153px; clear:both; margin: 0 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		{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; width: 145px; height: 20px; float:right; text-transform:uppercase; color:#FFFFFF; margin: 15px 0 0 0}

#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;}