@charset "UTF-8";
/* CSS Document */


/*////////////////////////////////// RESET COMMON THINGS */
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-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
ol, ul { list-style: none; margin-bottom:20px; }
/*////////////////////////////////// LAYOUT */	

body { background:#FFF url(../images/bg.gif) repeat-x; font-family: "Arial", "Helvetica", "Tahoma", sans-serif; color:#003366; font-size:62.5%; text-align:left }
#numbers { width:920px; height:21px; padding: 25px 30px 20px; margin:auto; text-transform:uppercase; color:#fff; font-size:1.3em; text-align:center; letter-spacing:1px }
#banner { width:960px; height:151px; padding: 20px; margin:auto; background:url(../images/banner.gif) no-repeat }
#banner img { float:left; display:inline; width:143px }
#nav { width:946px; height:43px; padding: 0 27px; margin:auto }
#flash { width:663px; height:301px; margin:0 0 0 30px; display:inline; float:left; border-left:#fff 2px solid; border-right:#fff 2px solid }
#tabs { width:684px; height:248px; padding:10px 0 0 20px; float:left; display:inline }
#enquire { width:220px; height:238px; padding:30px 0 0; float:right; display:inline; color:#003366; line-height:1.3; font-size:1.2em }
#showroom { width:170px; height:238px; padding: 20px 50px 0 0px; float:right; display:inline }
#wrapper { width:1000px; margin:auto }
#main { width:640px; float:left; display:inline; padding:30px }
.outerCol { width:170px; height:100%; display:inline; padding:15px; font-size:1.2em; line-height:1.2; float:left; color:#505050 }
.innerCol { width:170px; display:inline; padding:15px; font-size:1.2em; line-height:1.2; border-left: #003366 2px dotted; border-right: #003366 2px dotted; float:left }
#sidebar { width:180px; margin: 0 10px; padding: 20px 30px; float:right; display:inline; background:#162f64; color:#fff; }
#feed { font-size:1.3em  }
#footer, #foot2 { width:935px; margin:auto; clear:both; padding:10px 0; font-size:1.3em }
.imgPad { margin: 0 0 20px }
.imgLPad { margin: 10px 0 10px 20px; float:right }
/*////////////////////////////////// TYPOGRAPHY */	
#banner p { float:right; display:inline; text-align:right; width:240px }
#banner p span { color:#003366; font-family:Futura, Century Gothic, MS Trebuchet, "Arial"; font-size:1.6em; font-weight:800; letter-spacing:-1px; text-transform:uppercase; margin:10px 0 0; display:block }
#main p, #showroom p { line-height: 1.3; margin:15px 0; font-size:1.3em }
#main ul li { font-size:1.3em }
#showroom p { margin: 0 0 10px; color:#FFF }
strong { font-weight:800 }
h1, .head1 { text-transform:uppercase; font-style:italic; font-weight:800; color:#990000; display:inline; font-size:2em; display:inline }
h2, .head2 { color:#990000; display:inline; font-size:1.5em; font-style:italic; font-weight:bold; text-transform:uppercase; }
.sub2 { font-size:80% }
h3, .head3 { color:#990000; font-size:1.3em; font-style:italic; display:inline; font-weight:normal; text-transform:none }
.subTitle { text-transform:uppercase; font-style:italic; color:#990000; font-size:1.5em; margin:5px 0 10px; }
#sidebar h1, #sidebar h2, #sidebar h3 { color:#CCC }
#numbers span { width:auto; margin-right:30px }
#main a, #footer a, #foot2 a { text-decoration:none; color:#666666 }
#sidebar a { color:#CCC; text-decoration:none;  }
#main a:hover, #sidebar a:hover, #footer a:hover, #foot2 a:hover { text-decoration:none; color:#900 }
#showroom a { color:#999; text-decoration:none }
#showroom a:hover { color:#FFF }
#footer ul { padding:0; margin:20px 0; list-style:none }
#footer li { padding:0 8px; list-style:none; display:inline }
address { font-size:1.5em; color:#900; line-height:1.7 }
address span { font-size:1.1em; font-weight:800 }
ul#sitemap { padding:0; margin:20px 0; list-style:none }
ul#sitemap li { padding:5px 0; list-style:none }
#linkBox { padding:15px; background:#CCC; border:#666 1px dotted; display:block; width:99% }
.dots { border-bottom:#333 1px dotted; padding: 0 0 10px; margin: 10px 0 }
.innerCol ul { margin:0; padding:0 0 20px; }
.innerCol ul li { padding: 0 0 20px 20px; background:url(../images/arrow2.gif) 0 0 no-repeat }
.red { color:#990000 }
/*////////////////////////////////// FEED STYLING */	

/*///////////////// NEWS and INFO (includes/rss.php) */
#rss ul { margin:0; padding:0 0 20px; }
#rss ul li { padding: 0 0 20px 20px; background:url(../images/arrow.gif) 0 0 no-repeat; font-size:1.3em }
/*///////////////// TESTIMONIALS (includes/testimonials.php) */
#testimonials ul { margin:0; padding:0 0 20px; clear:both }
#testimonials ul li { padding: 5px 0 20px 30px; background:url(../images/speech-marks.gif) 0 0 no-repeat; font-size:1.3em }
/*///////////////// WORDPRESS (includes/testimonials.php) */
#feed ul { margin:0; padding:0 0 10px; }
#feed ul li { padding: 0 0 10px 10px;}

/*////////////////////////////////// FORM STYLING*/	

/*///////////////// MINI FORM (includes/form.php) */
.form1, .submit1 { border:0; outline:0; display:block; text-align:left; margin: 5px 0 0; font-size:1.15em; padding:3px }
.form1 { background:#003366; color: #fff; width:197px; border:#8591a9 1px solid }
.submit1 { background:#e2e2e2; color:#003366; width:204px; border:#e2e2e2 1px solid }
.form1:focus, .form1:hover { background:#8591a9; border: #FFF 1px solid }
.submit1:focus, .submit1:hover { color:#CCC }
/*///////////////// CONTACT US (contact-us.php) */
#pref { margin: 0 0 50px }
input, textarea, legend { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif }
label { clear:both; color:#000000; display:inline; float:left; font-size:125%; font-weight:bold; margin:5px 30px 5px 0; width:200px; }
#sidebar label {color:#FFF}
label span.below { color:#036; font-weight:100; font-style:italic }
.text { font-size:120%; }
fieldset { border: 1px solid #dddddd; width: 570px; padding:10px; margin:10px 0 }
legend { margin: 10px 0 15px 0; font-size:1.3em; font-weight:bold; color: #333333; background: #fff; border: 0; padding: 6px; line-height:200%; }
.form2, .form2b, .indent, textarea { background: #fff; width:220px; padding: 3px 5px; color:#000; margin-bottom:30px; border:#333366 1px solid }
textarea { font-size:1em }
.indent { margin:10px 0 15px 220px; }
.form2:focus, .form2b:focus, .indent:focus { background:#fff; color:#333366; border:#99ccff 1px solid }
.req { color:#a40a2e }
.sent { color:#090 }
.submit2 { background:#a40a2e; width:230px; padding: 5px; color:#fff; margin:0 0 15px 220px; text-align:left; font-style:italic; border:0; font-size:1.3em }
.submit2:hover, .submit2:focus { background:#660033 }
/*////////////////////////////////// MIDDLE TABS SPRITE CSS */	
#tabs ul { margin:0; padding:0; }
#tabs li { display:inline; list-style-type:none; overflow:hidden; }
#tabs li a { color:#fff; text-indent:-9999px }
#tabs li a:hover { text-indent:-9999px }
#tabs li.t-sect a { float:left; height:122px; width:227px; background:transparent url(../images/tabs.gif) no-repeat 0 0; }
#tabs li.t-sect a:hover { background-position: 0 -244px; }
#tabs li.t-up a { float:left; height:122px; width:231px; background:transparent url(../images/tabs.gif) no-repeat -227px 0; }
#tabs li.t-up a:hover { background-position: -227px -244px; }
#tabs li.t-roller a { float:left; height:122px; width:226px; background:transparent url(../images/tabs.gif) no-repeat -458px 0; }
#tabs li.t-roller a:hover { background-position: -458px -244px; }
#tabs li.t-side a { float:left; height:122px; width:227px; background:transparent url(../images/tabs.gif) no-repeat 0 -122px; }
#tabs li.t-side a:hover { background-position: 0 -366px; }
#tabs li.t-auto a { float:left; height:122px; width:231px; background:transparent url(../images/tabs.gif) no-repeat -227px -122px; }
#tabs li.t-auto a:hover { background-position: -227px -366px; }
#tabs li.t-front a { float:left; height:122px; width:226px; background:transparent url(../images/tabs.gif) no-repeat -458px -122px; }
#tabs li.t-front a:hover { background-position: -458px -366px; }
/*////////////////////////////////// TOP NAVIGATOIN SPRITE CSS */	
#nav ul, #nav ul li { margin:0; padding:0; line-height:1 }
#nav li { display:inline; list-style-type:none; overflow:hidden; }
#nav li a { color:#fff; text-indent:-9999px }
#nav li a:hover { text-indent:-9999px }
#nav li.n-home a { float:left; height:43px; width:60px; background:transparent url(../images/navigation.gif) no-repeat -38px 0; }
#nav li.n-home a:hover { background-position:-38px -43px; }
#nav li.n-sect a { float:left; height:43px; width:93px; background:transparent url(../images/navigation.gif) no-repeat -98px 0; }
#nav li.n-sect a:hover { background-position:-98px -43px; }
#nav li.n-up a { float:left; height:43px; width:90px; background:transparent url(../images/navigation.gif) no-repeat -191px 0; }
#nav li.n-up a:hover { background-position:-191px -43px; }
#nav li.n-roller a { float:left; height:43px; width:75px; background:transparent url(../images/navigation.gif) no-repeat -281px 0; }
#nav li.n-roller a:hover { background-position:-281px -43px; }
#nav li.n-side a { float:left; height:43px; width:106px; background:transparent url(../images/navigation.gif) no-repeat -356px 0; }
#nav li.n-side a:hover { background-position:-356px -43px; }
#nav li.n-auto a { float:left; height:43px; width:110px; background:transparent url(../images/navigation.gif) no-repeat -461px 0; }
#nav li.n-auto a:hover { background-position:-461px -43px; }
#nav li.n-doors a { float:left; height:43px; width:123px; background:transparent url(../images/navigation.gif) no-repeat -571px 0; }
#nav li.n-doors a:hover { background-position:-571px -43px; }
#nav li.n-info a { float:left; height:43px; width:171px; background:transparent url(../images/navigation.gif) no-repeat -693px 0; }
#nav li.n-info a:hover { background-position:-693px -43px; }
#nav li.n-contact a { float:left; height:43px; width:108px; background:transparent url(../images/navigation.gif) no-repeat -863px 0; }
#nav li.n-contact a:hover { background-position:-863px -43px; }
