@charset "utf-8";
/* CSS Document */

body {
margin-top:0;
background-color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

#wrapper {
min-width: 790px;
max-width: 1024px;
margin: 10px auto;
background: #fff url(../images/body_shadow_L.gif) repeat-y left top;
}

.wrapper {
margin: 0;
padding: 25px 40px; /*--Padding inside of the main content--*/
overflow: hidden;
font-size: 1.2em;
}

#banner {
margin-left:10px;
height: 135px;
background-image:url(http://www.ldhosts.co.uk/host/test/images/banner.jpg);
background-repeat:no-repeat;
background: #FFFFFF url(../images/body_shadow_R.gif) repeat-y right top;
}

#banner_footer{
min-width: 770px;
max-width: 1024px;
height: 2px;
margin-left: 10px;
background: #666 url(../images/body_shadow_R.gif) repeat-y right top;
padding-bottom:0;
margin-bottom:0;
}

#topmenu {
margin-left:10px;
height:30px;
background: #999 url(../images/body_shadow_R.gif) repeat-y right top;
}

#topmenu_right {
padding-left: 150px;
float:right;
}

.topmenu_space {
margin-left: 150px;
}

.topmenu_space2 {
margin-left: 10px;
}

#content {
margin-left:10px;
min-width: 770px;
max-width: 1024px;
line-height: 1.2;
background: #F4F4F4 url(../images/body_shadow_R.gif) repeat-y right top;
padding: 0;
}

#content p {
font-size: 100%;
margin-left: 10px;
margin-right: 10px;
padding: 0;
}

#content h1{
	font-size: 130%;
	margin: 0 10px;
	padding-bottom: 5px;
}

#content h2 {
font-size: 120%;
margin-top: 5px;
margin-left: 10px;
padding: 0;
}

#content h3 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 130%;
}

/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin-left:10px;
	width: 28%; /* ems so it will grow */
	float:left;
	background: url(../images/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(../images/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(../images/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(../images/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}

#column1 {float: left; width: 30%; margin-left:10px; margin-top:0; display: inline; padding: 0;}
#column1 p {padding: 0; padding-left:0px; font-size: 90%; margin-top: 0; margin-left:0px;}
#column1 h3 { text-align:center; font-size: 120%; margin: 0; padding: 0; font-family:Georgia, "Times New Roman", Times, serif;}
.column1_header {border: 1px solid #000; margin: 0; padding: 0; height: 30px; background-color:#C26168;}
.column1_header h3 { text-align:center; font-size: 120%; font-family:Georgia, "Times New Roman", Times, serif; color:#FFFFFF;}
.column1_content {margin-top: 0;border: 1px solid #000; padding-bottom: 0px; padding-right:0; margin-right:0}
.column1_footer {margin-top:0; height: 25px; margin-right:0; padding-right:0; background-color:#666666;}

#column2 {float: left; width: 30%; margin-left:2%; margin-top:0; display: inline; padding: 0;}
#column2 p {padding: 0; padding-left:0px; font-size: 90%; margin-top: 0; margin-left:0;}
#column2 h3 {text-align:center; font-size: 120%; margin: 0; padding: 0; font-family:Georgia, "Times New Roman", Times, serif;}
.column2_header {border: 1px solid #000; margin: 0; padding:0; height: 30px; background-color:#509C6C;}
.column2_header h3 {color:#FFFFFF; text-align:center; margin-top: 10px; font-size: 120%; padding: 0; font-family:Georgia, "Times New Roman", Times, serif;}
.column2_content {margin-top: 0;border: 1px solid #000; padding-bottom: 0px;}
.column2_footer {margin-top:0; height: 25px; margin-right:0; padding-right:0; background-color:#666666;}

#column3 {float: left; width: 30%; margin-left:2%; margin-top:0; display: inline; padding: 0;}
#column3 p {padding: 0; padding-left:0px; font-size: 90%; margin-top: 0; margin-left:0;}
#column3 h3 { text-align:center; font-size: 120%; margin: 0; padding: 0; font-family:Georgia, "Times New Roman", Times, serif;}
.column3_header {border: 1px solid #000; margin: 0; padding:0; height: 30px; background-color:#E59863;}
.column3_header h3 {color:#FFFFFF; text-align:center; margin-top: 10px; font-size: 120%; padding: 0; font-family:Georgia, "Times New Roman", Times, serif;}
.column3_content {margin-top: 0;border: 1px solid #000; padding-bottom: 0px;}
.column3_footer {margin-top:0; height: 25px; margin-right:0; padding-right:0; background-color:#666666;}

.img {border:1px solid #000000; padding: 0; margin: 2px auto; }
.img1 {float:left; margin-left: 20px; margin-right:15px; margin-top: 0; padding:0;}

/*#column2 { float: left; width: 28%; margin-left: 5%; padding: 0;} 
#column2 h1 { font-size: 120%; margin: 10px 0px; padding: 0;}
#column2 p {padding: 0; padding-left:0px; margin-top:5px; font-size: 90%;}

#column3 { float: left; width: 28%; margin-left: 5%; background-color:#990000; padding: 0;}
#column3 h1 { font-size: 120%; margin: 10px 0px; padding: 0;}
#column3 p {padding: 0; padding-left:0px; margin-top:10px; font-size: 90%;}*/

#space {
height: 10px;
background: #F4F4F4 url(../images/body_shadow_R.gif) repeat-y right top;
margin-left:10px;
}

#domain_check {
margin-left:10px;
margin-top: 0;
min-width: 770px;
max-width: 1024px;
line-height: 1.2;
background: #F4F4F4 url(../images/body_shadow_R.gif) repeat-y right top;
padding: 0;
}

.domain_check {
padding-top:5px;
margin-left: 30px;
margin-bottom: 10px;
width: 90%;
border: 1px solid #666666;
}

#user_title {
margin-left:10px;
height:40px;
background: #00FF00 url(../images/body_shadow_R.gif) repeat-y right top;
}

#user_title h1{
font-size: 120%;
margin: 0 10px;
padding-top: 10px;
}

#user_menu {
margin-left:10px;
background: #999999 url(../images/body_shadow_R.gif) repeat-y right top;
}

#user_menu ul{
display:block;
padding:0;
padding-bottom: 5px;
margin: 0;
text-align:center;
}

#user_menu ul li{
display:inline;
}

#user_menu ul li a{
color:#000;
text-decoration:none;
padding: 0px 15px 0px 15px;
width: 9em;
}

#user_menu ul li a:hover{
color:#000000;
background-color:#CCCCCC;
}

#footer {
background: #666 url(../images/body_shadow_R.gif) repeat-y right top;
height: 15px;
padding: 0;
margin-top: 10px;
}

#footer p{
padding: 0;
margin: 0 10px;
color:#CCCCCC;
}

#footer p.right{
float:right;
}

#clearit{
clear:both;
}
