/* CSS Document created by Qualia Digital Ltd - http://www.qualiadigital.com */

/** =Reset
--------------------------------*/
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, b, u, i, center, dl, dt, dd, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
font-style: normal;
vertical-align: baseline;
background: transparent;
text-decoration: none;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
:focus {
outline: 0;
}
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* Tables still need cellspacing="0" in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}

/** =Clearfix
--------------------------------*/

.clearfix:after, #wrapper-inner:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}


/** =Links
--------------------------------*/

a:link, a:visited { color: #c8132c; text-decoration: underline;}
a:hover, a:active { color: #fff; text-decoration: none;}


/** =Main
--------------------------------*/

body { background: #000; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #ccc;}

#wrapper { background: #222 url(../images/bg.png) repeat-x top; width: 100%; border-bottom: #333 solid 2px;}
#wrap-inner { width: 740px; margin:  0 auto; min-height: 600px; padding-bottom: 25px;}

#header { width: 100%; margin: 11px 0 0 0; position: relative; float: left;}
#header img { float: left; margin-top: 10px;}
#logo { background: url(../images/logo.png) no-repeat top left; width: 500px; height: 85px; margin: 17px 0 0 0;}
#logo h1, #logo p { text-indent: -999em;}
#header p { position: absolute;}
#header p.phone { top: 45px; right: 0; font-size: 1.5em; color: #fff;}
#header p.email { top: 70px; right: 0;}

#content { width: 740px; float: left; padding: 30px 0 0 0;}
.col1 { width: 360px; margin: 0 20px 0 0; float: left;}
.col1 h2, .col2 h2, .colwide h2, .col1 h3 { font-size: 1.6em; color: #fff; font-weight: normal;}
.col1 h3 { margin-top: 25px;}
.col2 { width: 360px; float:  left;}
.col1 p, .colwide p { margin-top: 15px;}
.col2 p { margin-top: 10px;}
.col2 img { border: #000 solid 3px; float: left; margin: 10px 10px 0 0;}
.col2 img.large { margin: 0;}
.col2 img.last { margin: 10px 0 0 0!important;}
.colwide { width: 100%;}
.colwide img { border: #000 solid 3px;}
.colwide ul { }
.colwide ul li { list-style-type: none; float: left; margin: 10px 12px 0 0;}
.colwide ul li.last { margin: 0;}

.colwide ol li { list-style-type: decimal; margin-bottom: 15px;}

.col1 dl { margin: 15px 0 0 0;}
.col1 dl dt { color: #fff;}
.col1 dl dd { background: #111; padding: 10px; font-size: 0.9em; margin: 3px 0 15px 0;}

input, textarea { padding: 1px; width: 336px; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-size: 12px; font-weight: bold;}

#enquiry_form p strong { color: #ff0000; margin-left: 5px;}


#footer-inner { width: 740px; margin: 0 auto;}
/** =Main Nav
--------------------------------*/

#nav-main { margin-top: 30px;}
#nav-main li { display: inline;}
#nav-main li a { display: block; height: 23px; padding: 4px 15px 0 15px; color: #fff; text-decoration:  none; float: left;}
#nav-main li a:hover, #nav-main li a.selected { background: #111;}


/** =Footer Nav
--------------------------------*/

#nav-secondary { margin-top: 8px; display: block;}
#nav-secondary li {display: inline;}
#nav-secondary li a { display: block; height: 23px; margin-right: 13px; font-size: 0.8em; color: #fff; float: left;}

/* My Comment */
#nav-secondary li a:hover { color: #c8132c; text-decoration: none;}
