/*html{min-height:100%; margin-bottom: 1px;}*/
html{min-height: 100%; padding-bottom: 1px;}

body{
margin:0;
padding:0;
background-color:#333;
color:#555;
font-family:"Trebuchet MS",Arial,Verdana;
font-size:0.75em;
text-align:center;
}
#container{
margin:10px auto;
padding:0px;
width:750px;
text-align:left;
background:#333 url(graphics/navbg.png) repeat-y;
overflow:hidden;
}
#header{
padding-left:10px;
color:#FFF;
font-family:"Century Gothic","Trebuchet MS","Arial Narrow",Arial,sans-serif;
font-weight:lighter;
height:70px;
background:#066 url(graphics/logo.png) 0 0 no-repeat;
}
#header h1{
margin:0;
padding:0;
font-size:2.4em;
position:absolute;
top:10px;
left:-2000px;
}
#header h2{
margin:0;
padding:0;
font-weight:lighter;
font-size:1.6em;
position:absolute;
top:2.5em;
left:-2000px;
}
#header a{
color:#FFF;
text-decoration:none;
}
#navigation{
float:left;
width:140px;
margin:0;
border-top:4px solid #b08c0f;
text-align:center;
font-size:1.1em;
background-color:#333;
}
#navigation ul{
margin:4px 0 0 0;
padding:0;
}
#navigation ul li{
list-style-type:none;
margin:0;
}

#navigation ul li a{
width:120px;
padding:4px 8px;
display:block;
color:#FFF;
text-align:center;
text-decoration:none;
text-transform:lowercase;
background:#066 url(graphics/navbg.png);
border-right:4px solid #333;
border-bottom:4px solid #333;
}
#navigation #active a {
background:#941900 none;
}
#navigation ul li a:hover,#navigation ul li a:active,#navigation ul li a:focus{
background:#b08c0f none;
}
#content{
float:right;
width:590px;
background: #fff url(graphics/logo_background.jpg) right bottom no-repeat;
padding:0px 10px 10px 10px;
border-top:4px solid #B08C0F;
/*min-height:24.15em;
_height:24.15em;*/
min-height:26.65em;
_height:26.65em;
}
#content h1{
clear:left;
margin:5px 0px;
padding:5px 0px;
color:#066;
font-family:"Century Gothic","Trebuchet MS","Arial Narrow",Arial,sans-serif;
font-size:1.6em;
text-align:left;
}
#content h2{
margin:5px 0px;
color:#066;
font-family:"Century Gothic","Trebuchet MS","Arial Narrow",Arial,sans-serif;
font-size:1.2em;
text-align:left;
text-transform:lowercase;
}
#content h3{
margin:5px 0 -5px 0;
font-size:1.1em;
color:#066;
}
#content h4{
margin:5px 0;
font-size:1em;
color:#066;
}
#content h5{
margin:5px 0px;
color:#555;
font-size:1em;
text-align:left;
}
#content p,#content ul,#content address{
margin:5px 0 8px 0;
padding:0;
font-style:normal;
}
#content code{
margin:5px 0px;
color:#066;
font-family:"Times New Roman", Times, serif;
font-size:1.1em;
text-align:left;
}
#content li{
margin:5px 0 5px 30px;
padding:0;
}
#content a{
text-decoration:underline;
}
#content a:link,#content a:visited{
color:#066;
}
#content a:hover,#content a:active,#content a:focus{
color:#B08C0F;
}
#content hr{
width:100%;
height:1px;
color:#B08C0F;
background-color:#B08C0F;
border-style:none;
}
#leftbox{
width:290px;
float:left;
}
#rightbox{
width:290px;
float:right;
}
#footer{
clear:both;
width:750px;
margin:0;
background-color:#333;
}
#footer ul{
overflow:hidden;
margin:0;
padding:0;
list-style:none;
}
#footer li{
clear:right;
margin:0 10px 0 0;
float:left;
background-color:#333;
}
#footer .right{float:right;text-align:right;margin:0;color:#aaaaaf;}
#footer a{
text-decoration:underline;
}
#footer a:link,#footer a:visited{
color:#aaaaaf;
}
#footer a:hover,#footer a:active,#footer a:focus{
color:#B08C0F;
}
.clear{
clear:both;
}
img{
border:none;
}
form{
margin:0;
padding:0;
}
abbr,acronym,.help{
border-bottom:1px dotted #333;
cursor:help;
}
#prices{
font-size:1em;
margin:10px 0 20px 36px;
border-collapse:collapse;
}
#prices td,#prices th{
border:1px solid #D2D2CA;
padding:0 8px;
text-align:center;
vertical-align:top;
}
#content a.external{
padding-right:18px;
background: url(graphics/content-new-window.gif) 100% 60% no-repeat;
}
#content a.external:hover, #content a.external:focus, #content a.external:active{
background: url(graphics/content-new-window-hover.gif) 100% 60% no-repeat;
}
/* contact form */
#contact{
width:100%;
text-align:center;
margin-top:6px;
}
#contact fieldset{
display:inline;
margin:0 auto;
text-align:left;
border:1px solid #D2D2CA;
padding:0 0 10px 0;
}
#contact label{
clear:left;
float:left;
width:180px;
margin:8px 10px 0 10px;
font-size:1em;
}
#contact #name, #contact #company, #contact #email_address, #contact #phone_number, #contact #enquiry{
float:left;
width:370px;
font-size:0.9em;
font-family:Verdana,Arial,Helvetica,sans-serif;
margin:10px 10px 0 0;
border:1px solid #AAAAAF;
padding:1px 2px;
}
#contact #enquiry{
height:120px;
}
#contact #send{
float:left;
width:9em;
font-size:0.9em;
margin:10px 10px 0 0;
}
#formstatus{
margin-left:65px;
color:#066;
}
#links{
font-size:1em;
margin:10px 14px 20px 0px;
text-align:center;
}
#links td{
border:0;
padding:0 0 5px 0;
border-collapse:collapse;
text-align:left;
vertical-align:top;
}
#links th{
border:0;
padding:0 10px 5px 0;
border-collapse:collapse;
text-align:center;
vertical-align:top;
}
#links th img{
border:0;
}
#links th a.external{
padding-right:0;
background-image:none;
}
#links th  a.external:hover, #links th  a.external:focus, #links th a.external:active{
background-image:none;
}
#links fieldset{
border: 1px solid transparent;
_border: 1px solid #fff;
padding:5px 0 0 1px;
margin-left:-1px;
}
#googlesearchbox{
width:285px;
}
#googlesearchbttn{
width:120px;
}
.payment{
margin:10px auto 10px 80px;
width:73px;
height:44px;
}
/* Grandson of Suckerfish drop down menus */
/*#navigation{ define navigation element 
margin:0px;
border-bottom:1px solid #FFF;
text-align:center;
height:2.2em;
font-size:1.1em;
}
#navigation ul{ remove padding and margin from navigation list 
margin:0 0 0 1px;
padding:0;
}
#navigation ul li{ set list elements to display inline 
display:inline;
text-transform:lowercase;
}
#navigation ul li a{ set dimensions of navigation links 
padding:4px 8px;
float:left;
display:block;
color:#FFF;
text-decoration:none;
border:1px solid #066;
}
#navigation ul li a:hover,#navigation ul li a:active,#navigation ul li a:focus{ set navigation hover link state 
background-color:#004848;
border:1px solid #FCF5DC;
}*/



/* hosting order form */
#order{
width:540px;
margin:6px auto;
}
#order fieldset{
width:538px;
margin:10px auto;
text-align:left;
border:1px solid #D2D2CA;
padding:0 0 10px 0;
}
#order h4, #order h5{
margin:5px 10px;
}
#order #domain label{
clear:left;
float:left;
width:160px;
margin:8px 10px 0 10px;
font-size:1em;
}
#order #package label, #order #payment label{
clear:left;
float:left;
width:160px;
margin:8px 10px 0 10px;
font-size:1em;
}
#order #domain_name{
float:left;
width:170px;
font-size:0.9em;
font-family:Verdana,Arial,Helvetica,sans-serif;
margin:10px 0 0 0;
border:1px solid #AAAAAF;
padding:1px 2px;
}
#order #extension{
float:left;
width:75px;
font-size:0.9em;
font-family:Verdana,Arial,Helvetica,sans-serif;
margin:10px 10px 0 5px;
border:1px solid #AAAAAF;
}
#order #register_for, #order #name, #order #address_1, #order #postcode, #order #email_address, #order #phone_number{
float:left;
width:250px;
font-size:0.9em;
font-family:Verdana,Arial,Helvetica,sans-serif;
margin:10px 10px 0 0;
border:1px solid #AAAAAF;
padding:1px 2px;
}
#order #address_2, #order #address_3, #order #address_4, #order #address_5{
clear:left;
float:left;
width:250px;
font-size:0.9em;
font-family:Verdana,Arial,Helvetica,sans-serif;
margin:2px 10px 0 180px;
border:1px solid #AAAAAF;
padding:1px 2px;
}
#order .hosting_package, #order .payment_option{
float:left;
margin:8px 300px 0 0;
}
#order #enquiry{
height:120px;
}
#order #send{
float:left;
width:9em;
font-size:0.9em;
margin:10px 10px 0 180px;
}

#design{
width:540px;
margin:6px auto;
}
#design fieldset{
width:538px;
margin:10px auto;
text-align:left;
border:1px solid #D2D2CA;
padding:0 0 10px 0;
}
#design h4{
margin:5px 10px;
clear: both;
color:#555;
}
#design h5{
margin:5px 10px 0 10px;
clear: both;
color:#555;
font-weight:normal;
}
#design #personal label{
clear:left;
float:left;
width:160px;
margin:8px 10px 0 10px;
font-size:1em;
}
#design #details label{
clear:left;
float:left;
width:160px;
margin:8px 10px 0 10px;
font-size:1em;
}
#design #name, #design #company, #design #email_address, 
#design #phone_number, #design #outline, #design #pages, 
#design #additional_info{
float:left;
width:250px;
font-size:0.9em;
font-family:Verdana,Arial,Helvetica,sans-serif;
margin:10px 10px 0 0;
border:1px solid #AAAAAF;
padding:1px 2px;
}
#design .radio{
float:left;
margin:2px 10px 15px 0;
}
#design #details label.radio{
clear:none;
float:left;
margin:2px 10px 0 10px;
width:auto;
}
#design #outline, #design #additional_info{
height:120px;
margin-bottom:10px;
}
#design #send{
float:left;
width:9em;
font-size:0.9em;
margin:10px 10px 0 180px;
}
#details{
margin:10px auto 10px 80px;
border:1px solid #d2d2ca;
}
#details th, #details td{
padding:2px 16px;
}
.sitethumb{
float:left;
padding:0 30px 0 10px;
width:255px;
height:260px;	
}