/* CSS Document 2008 Mezzanine Creative www.mezzaninecreative.co.uk */
/*=================MAIN START==============*/

html { background:#333333}

body {font: 13px/1.5 Myriad, Arial, sans-serif; color:#666; letter-spacing:1px;} /*GREY COLOUR*/

a:focus {outline: 1px dotted invert;}

a:link {color:#952A25; text-decoration: underline;}
a:visited {color:#952A25; text-decoration: underline;}
a:hover {color:#3A3A3C; text-decoration:underline;}
a:active {color:#3A3A3C; text-decoration:underline;}

hr {border-color: #ccc; border-style: solid; border-width: 1px 0 0; clear: both; height: 0;}

p { }

h1 {font-size: 20px; text-transform:uppercase;}
h2 {font-size: 12px; text-transform:uppercase;letter-spacing:0px;}
h3, h4, h5, h6 {font-size: 14px; text-transform:uppercase;}

h1.mainImageTextHeader { margin:0; padding:0; font-size:18px;}

.xxsmall {font-size: 10px;}
.xsmall {font-size: 12px;}
.small {font-size: 14px;}
.medium {font-size: 16px;}
.large {font-size: 22px;}
.xlarge {font-size: 26px;}
.xxlarge {font-size: 32px;}

ol {list-style: decimal;}
ul {list-style: square;}
li {margin-left: 15px;}

p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset {margin-bottom: 10px;}

#wrapper {overflow:hidden; background:#FFFFFF; margin-top:20px; margin-bottom:20px;}

.marginLeft {margin-left:20px;}
.marginLeftHalf {margin-left:10px;}
.marginRight {margin-right:20px;}
.marginRightHalf {margin-right:10px;}
.marginTop {margin-top:20px;}
.marginTopHalf {margin-top:10px;}
.marginBottom { margin-bottom:30px;}

.alignTop {vertical-align:top;} 
.hidden {overflow:hidden;}

.contentImageLeft {float:left;}
.contentImageRight {float:right;}

.colorOne { color:#666;} /*Lighter Grey COLOUR*/
.colorTwo { color:#952A25;} /*RED*/
.colorThree { color:#F17A28;} /*ORANGE*/

/*=================MAIN END==============*/

/*=================HEADER START==============*/

#headerTop { font-size:10px; margin-bottom:20px; color:#952A25;}
#headerTop a { color:#444; text-decoration:none;}
#headerTop a:hover { color:#952A25;}


#adwordsImage { float:left; margin-right:70px;}

.textAboveImage {background:#F07724 url(../_images/mainImageTextHeader.jpg) no-repeat; padding:5px 15px; color:#FFFFFF; width:680px;}


/*=================HEADER END==============*/

/*=================CONTENT START==============*/

#content { }

/*======LEFT COLUMN START======*/

#leftColumn { }

#menuSide {float:left;}
#menuSide ul {float:left; width:190px; list-style:none;  margin-left:0px; padding-left:10px;}
#menuSide ul li {float:left; width:200px; margin:6px 0px; padding:0px;}
#menuSide ul li a {width:200px; display:block; margin-left:0px; padding:0px; text-decoration:none; color:#444; font-weight:bold; text-transform:uppercase; font-size:15px;}
#menuSide ul li a:hover { color:#952A25;  background:#eee;}
#menuSide ul li a.colorTwo {color:#952A25;} 

#content #menuSide ul {list-style:none;} 
#content #menuSide ul li {font-size:16px;}

/*======LEFT COLUMN END======*/

/*======MAIN COLUMN START======*/

#mainColumn {float:left;}
div.quoteBox {background:#DDD;margin-top:45px;padding:10px;}

/*======MAIN COLUMN END======*/


/*======RIGHT COLUMN START======*/

#rightColumn {margin-right:0;}

/*======RIGHT COLUMN END======*/

/*=================CONTENT END==============*/

/*=================FOOTER START==============*/

#footer { text-align:center; background:#999; margin:20px 0 0 0; padding:10px 0; width:960px; color:#EEE; }

/*=================FOOTER END==============*/