* {
margin: 0;
padding: 0;
}
html, body {
margin: 0;
padding: 0;
font-family: 'Lucida Grande', Verdana, Sans-Serif;
line-height: 1.6;
background-color:#e5e5e5;
}

/********** main **********/
#container {
margin: 0 auto;
width: 960px;
}
#main {
}
#content {
font-family: 'Lucida Grande', Verdana, Sans-Serif;
font-size: 8pt;
color: #a8a8a8;
padding: 20px 0 20px 0;
}

#fitbanner {text-align:center; margin-top:30px; display:block;}
#textbanner {margin-bottom:20px;}

.image-right {display:block; float:right; margin: 0 0 10px 10px;}
.bigslogan {font-size:26pt; font-weight:700; font-style: italic;}
.italicbold {font-style: italic; font-weight:700;}
.italic {font-style: italic; }
/******************** top *************************/
#top {
background: url(../img/bg_top.png) repeat-x top left;
height: 230px;
width: 960px;
margin-top:20px;
display:block;
}
#topleft {
float: left;
width: 350px;
height: 230px;
position:relative;
display:block;
}
#topright {
float: right;
width: 350px;
height: 230px;
display:block;
}
#number {font-size: 26pt;  text-align:right; display:block; margin-top:130px;}
#number a, #number a:visited {texxt-dectoration:none; font-size: 26pt; color:#000;}
#number a:hover {color: #ff1f00;}
/******************** lists *************************/
#leftmenu {
list-style-type:none;
margin:0;
padding:0;
}
#leftmenu li {
font-size: 8pt;
line-height: 1.6;
color: #a8a8a8;
text-align: left;
margin-bottom: 10px;
background: url(../img/bg_menu.png) no-repeat top left;
width:257px;
height:43px;
display:block;
}
#leftmenu a, #leftmenu a:visited {
font-family: 'Lucida Grande', Verdana, Sans-Serif;
font-size: 16pt;
text-transform:uppercase;
color: #000;
padding-left:40px;
width:200px;
display:block;
}
#leftmenu a:hover {
color: #ff1f00;
}

#leftmenu a.active {
font-weight:700;
}

/******************** links *************************/
a, a:visited{
font-family: 'Lucida Grande', Verdana, Sans-Serif;
line-height: 1.6;
font-size: 9pt;
color: #ff1f00;
text-decoration: none;
border:0;
}
a:hover {
color: #000;
border:0;
}
/********** misc **********/
h2 {
color: #f9980a;
border-bottom: 1px solid #a8a8a8;
font: 20px Impact, "Arial Black", Arial, Helvetica, sans-serif;
text-transform:uppercase;
margin-bottom:10px;
}
h2 .biggray {
color: #a8a8a8;
font: 20px Impact, "Arial Black", Arial, Helvetica, sans-serif;
text-transform:uppercase;
}

h3 {
color: #f9980a;
border-bottom: 1px solid #a8a8a8;
font: 20px Impact, "Arial Black", Arial, Helvetica, sans-serif;
text-transform:uppercase;
margin-bottom:10px;
}
.bigorange {
color: #f9980a;
border-bottom: 1px solid #a8a8a8;
font: 20px Impact, "Arial Black", Arial, Helvetica, sans-serif;
text-transform:uppercase;
}
.biggray {
color: #a8a8a8;
font: 20px Impact, "Arial Black", Arial, Helvetica, sans-serif;
text-transform:uppercase;
}
.clearer {
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
display: block;
}
* html.clearfix {
height: 1%;
}
img {border: 0;}
.left {
text-align:left;
}
.right {
text-align: right;
}
.center {
text-align: center;
}

#accessibility {left:14px;position:absolute;width:30em; list-style-type: none;}
#accessibility li {left:-2500px;position:absolute;width:1px;}
#accessibility a:focus, #accessibility a:active{outline:none;color:#fff;cursor:pointer;left:2486px;padding:2px;position:absolute;text-decoration:none;width:966px; }
/********** info **********/
.footer {font-size: 8pt; text-align:center; display:block; margin-bottom:20px;}

.info {
background: url(../img/bg_bottom.png) repeat-x top left;
height: 210px;
width: 960px;
}
.info a, .info a:visited {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 7pt;
color: #c0c0c0;
text-decoration: none;
}
.info a:hover {
border-bottom: 1px dotted #c0c0c0;
}
#infoleft {
float:left;
vertical-align: top;
text-align:left;
height: 209px;
}
#inforight {
float:right;
vertical-align: top;
text-align: right;
height: 209px;
width:239px;
background: url(../img/footer_logo.png) no-repeat top right;
}

/********** content **********/
.col1 {
float:left;
width: 250px;
vertical-align: top;
}
.col2 {
float:right;
width: 640px;
font-family: 'Lucida Grande', Verdana, Sans-Serif;
font-size: 11pt;
line-height: 1.6;
color: #000;
vertical-align: top;
}
.col2 p {margin-bottom:10px;}
.col2 ul {
list-style-type:none;
margin:0;
padding:0;
}
/* ****************** forms ************** */
#enquiry input, #enquiry textarea {
background: #434343 url(serdelia.png) repeat-x 0px -361px;
border-right: #292929 1px solid;
border-left: #292929 1px solid;
border-top: #575757 1px solid;
border-bottom: #575757 1px solid;
vertical-align: top;
font-size: 8pt;
color : #989898;
font-family: thoma, verdana, arial, helvetica, sans-serif;
padding:5px 10px 5px 10px;
}
#enquiry input:focus, #enquiry textarea:focus {border: 1px solid #a8a8a8;}

#enquiry .button, a.button:link, a.button:visited, a.button:hover, a.button:active{
border-right: #292929 1px solid;
border-left: #292929 1px solid;
border-top: #575757 1px solid;
border-bottom: #575757 1px solid;
vertical-align: top;
font-size: 8pt;
color: #ff9d00;
font-family: thoma, verdana, arial, helvetica, sans-serif;
margin-top:20px;
padding:5px 10px 5px 10px;
background: #434343 url(serdelia.png) repeat-x 0px -361px;
outline:none;
}
#enquiry label {
display: block;
margin: 2px 0 3px;
font-size: 8pt;
color: #e66600;
font-family : thoma, verdana, arial, helvetica, sans-serif;
font-weight:bold;
}
#enquiry fieldset {border:0; padding:0; margin:0;}
#enquiry p {margin:0; padding:0;}
#enquiry ol {list-style-type:none; margin:0; padding:0;}
#enquiry label.error {font-weight:400; color:#fff;}
#enquiry input.error, #enquiry textarea.error {border: 1px dotted #fff;}
/* ****************** buttons ************** */
.con {
border: 0px;
}
.con a, .con a:visited {
background: #434343 url(serdelia.png) repeat-x 0px -361px;
border-right: #292929 1px solid;
border-left: #292929 1px solid;
border-top: #575757 1px solid;
border-bottom: #575757 1px solid;
vertical-align: top;
font-size: 8pt;
color: #ff9d00;
font-family: thoma, verdana, arial, helvetica, sans-serif;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 10px;
padding-right: 10px;
}
.con a:hover {
background: #434343 url(serdelia.png) repeat-x 0px -361px;
border-right: #292929 1px solid;
border-left: #292929 1px solid;
border-top: #575757 1px solid;
border-bottom: #575757 1px solid;
vertical-align: top;
font-size: 8pt;
color: #fff;
font-family: thoma, verdana, arial, helvetica, sans-serif;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 10px;
padding-right: 10px;
}