/*
1. Global
2. Layout and structure
3. Navigation
4. The Magic
5. Hover effects
6. Typography
7. Images
*/


/*1. Global*/
* { margin:0; padding:0; }
body {color:#262626; font:62.5% Arial, Helvetica, sans-serif; background:#333}
img a { border:0}
.clear { clear:both}
.floatleft { float:left}
.floatright { float:right}

/*2. Layout and structure*/ 

#topbar{ border-top:5px solid #333; border-bottom:1px solid #ffcc00}
#header{ background:#ff9900; height:80px; border-bottom:0px solid #ffae00}
#banner { background:#ffcc00 /*url(/images/banner_bg.gif) repeat-x*/}
#content, #banner, #footer { clear:both}
.wrap { width:794px; margin:0 auto}
.left { width:232px; float:left}
.right { width:562px; float:right}

.banner_nav { background: url(/images/nav_bg.gif) no-repeat; height:200px}
.banner_nav, .banner_right{ margin:10px 0}
#content { background:#fff}
.content_right { padding-bottom:20px}
#footer { background-color:#333; border-top:1px solid #ff9900;}

/*Images*/
.logo { margin:5px 0 0 0 }
.enquiryimg { margin:0 15px}
/*banner_nav*/
ul.banner_nav { color:#ff9900; list-style:none; font-size:15px; padding-top:5px }
ul.banner_nav li { border-bottom:1px solid #ff9900;}
ul.banner_nav li.lastli { border-bottom-width:0}
ul.banner_nav  a { text-decoration:none; color:#ff9900; display:block; padding:15px 0 15px 20px; text-transform:capitalize }
ul.banner_nav  a:hover { color: #ffcc00; }

/*6. Typography*/
h1 { font-size:2.6em; margin:10px 0 10px 0; color:#ff9900}
h2 { font-size:2em;color:#fff; margin-bottom:10px}
p { padding:0 0 10px 0; font-size:1.2em; line-height:1.4em}
div.right.content_right p{ line-height:1.6em; font-size:1.3em}
div.right.content_right p.introp { font-size:1.5em; color:#000}
#footer p{ color:#ccc; font-size:1.1em; padding:10px 0;}
#footer p a:hover {color:#fff}
.p_enquiry { margin:0; padding:0 10px 5px; font-size:1.2em; color:#fff;  text-align:right}
.p_enquiry.txtalignL { text-align:left}
.p_enquiry a { color:#fff; }

p a { color:#FF9900}
p a:hover{ color:#262626}
span.bold{ font-weight:bold}

div.demo { float: left; width: 212px; padding: 10px 0;margin:15px 0 5px 0;background: #FF9900;}
div.demo.demo_last { margin-bottom:15px}

.caveat { font-size: 0.8em; color: #888; }