
BODY {
	PADDING-BOTTOM: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-RIGHT: 0px; 
	PADDING-TOP: 0px;
	MARGIN: 0px; 
	BACKGROUND: url(http://www.silverark.co.uk/images/page_background.gif) #fff repeat-y 50% 0px; 
	COLOR: #333;
}

DIV#wrapper {
       margin-left: auto;
       margin-right: auto;
       width: 964px;
}
DIV#justify-wrap {
	margin-left:2px;
}

DIV#topline {
	width: 962px;
	height: 16px;
	BACKGROUND: url(http://www.silverark.co.uk/images/topbar.png) #fff repeat-y 50% 0px;

}

DIV#header {
	height: 86px;
	overflow: hidden;
}

DIV#headerlogo {
	POSITION: relative; 
	padding-left:15px;
	PADDING-TOP: 15px;
	float:left;
	width:400px;
}

DIV#headerlinks {
	POSITION: relative; 
	FLOAT: right; 
	COLOR: #666
	width:300px;
	height:40px;
}
DIV#headerlinks A.txtmedium {
	FONT-SIZE: 110%
}
DIV#headerlinks A.txtlarge {
	FONT-SIZE: 120%
}
DIV#headerlinks A {
	COLOR: #666; TEXT-DECORATION: none
}
DIV#headerlinks A:hover {
	TEXT-DECORATION: underline
}
DIV#headerlinks UL {
	FLOAT: right
}
DIV#headerlinks LI {
	PADDING-BOTTOM: 0px; MARGIN: 0px 20px 0px 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT: 10px Verdana, Arial, Helvetica, sans-serif; FLOAT: left; PADDING-TOP: 0px
}
DIV#headerlinks LI.txtsize {
	MARGIN-TOP: -2px
}
DIV#search {
	float:right;
	TEXT-ALIGN: right; MARGIN: 0px; 
	PADDING-LEFT: 0px; PADDING-RIGHT: 20px; FONT: 10px Verdana, Arial, Helvetica, sans-serif; PADDING-TOP: 0px
}
DIV#search INPUT.checkbox {
	MARGIN-TOP: 0px
}


DIV#mainnav {
	width: 962px;
	height:30px;
	overflow:hidden;
	clear: both;
}
DIV#mainnavwrap {
	background: url(http://www.silverark.co.uk/images/menu-bg.png) repeat-x left bottom;
	height:31px;
}
ul {
	margin: 10px 0;
	padding: 10px;
	line-height:18px;
	list-style: none;
}
#cssmenu {
	float: left;
	list-style: none;
	margin: 0px;
	padding-top: 0px;
	background: url(http://www.silverark.co.uk/images/menu-sep.gif) no-repeat left bottom;

}
#cssmenu li {
	background: url(http://www.silverark.co.uk/images/menu-sep.gif) no-repeat right bottom;
	cursor: pointer;
	float: left;
	margin: 0 2px 0 0;
	padding: 0 2px 0 0;
}
#cssmenu li a {
	display: block;
	color: #333333;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;

}
#cssmenu li a span {
	display: block;
	padding: 8px 15px 4px;
}
#cssmenu li:hover a {
	/*background: url(../images/tab-right.gif) no-repeat right top #030303;*/
	color: #B05800
}
#cssmenu li a.active,
#cssmenu li a.active:hover,
#cssmenu li a.active:active,
#cssmenu li a.active:focus {
	background:none;
	
}

#cssmenu li a.active span,
#cssmenu li a.active:hover span,
#cssmenu li a.active:active span,
#cssmenu li a.active:focus span{
	background:none;
	color: #E37407;
	
}
/* MainPage CSS Info */
DIV#mainpage {
	width: 940px;
	clear: both;
	margin-left: 10px;
}

DIV#leftsection{
	width: 640px;
	float:left;
}

DIV#sidebar {
	width: 290px;
	float:right;
	margin-left: 10px;
}

/* Rounded Box Info */
div.box-center {
	width: 635px;
}

div.box-right {
	width: 290px;
}




div.boxTop-L1 {background-image: url(http://www.silverark.co.uk/images/cl_border_pixel.png); background-position: 0 0; background-repeat: repeat-x;}
div.boxTop-L2 {background-image: url(http://www.silverark.co.uk/images/cl_box_LT.png); background-position: 0 0; background-repeat: no-repeat; }
div.boxTop-L3 {background-image: url(http://www.silverark.co.uk/images/cl_box_RT.png); background-position: 100% 0; background-repeat: no-repeat; }

div.boxTitle {
	font-size: 5px;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	padding-top: 5px;
	height: 100%;
}

div.boxText { text-align: left; padding: 5px 12px;}
div.boxscroll { text-align: left; padding: 0px 0px; margin-left:5px;}

div#scroll1 {
	background-image: url(http://www.silverark.co.uk/images/scroll_webdesign.jpg); background-position: 0 0;
	width:600px;
	height:81px;
	padding-top:40px;
	padding-left:10px;
}
div#scroll2 {
	background-image: url(http://www.silverark.co.uk/images/scroll_webhosting.jpg); background-position: 0 0;
	width:600px;
	height:81px;
	padding-top:40px;
	padding-left:10px;
}


div.scroll2 {
	
}

div.boxscroll UL { 	
	margin: -5px 0px;
	padding: 0px;
	line-height:18px;
	list-style: none;
}



div.boxCenter-L1 {background-image: url(http://www.silverark.co.uk/images/cl_border_pixel.png); background-position: 0 0; background-repeat: repeat-y;}
div.boxCenter-L2 {background-image: url(http://www.silverark.co.uk/images/cl_border_pixel.png); background-position: 100% 0; background-repeat: repeat-y; }
div.boxBottom-L1 {height: 6px; background-image: url(http://www.silverark.co.uk/images/cl_border_pixel.png); background-position: 0 100%; background-repeat: repeat-x;}
div.boxBottom-L2 {height: 6px; background-image: url(http://www.silverark.co.uk/images/cl_box_LB.png); background-position: 0 0; background-repeat: no-repeat;}
div.boxBottom-L3 {height: 6px; background-image: url(http://www.silverark.co.uk/images/cl_box_RB.png); background-position: 100% 0; background-repeat: no-repeat;}

#boxleft {width:298px; float:left; }
#boxright {width:298px; float:right;}

#hostingbox1 {width:202px; height:201px; float:left; background: url('http://www.silverark.co.uk/images/package_starter.png') no-repeat top center; color:#0000CC; font-weight:bold;}
#hostingbox2 {width:202px; height:201px; float:left; background: url('http://www.silverark.co.uk/images/package_expert.png') no-repeat top center; color:#d86b1b; font-weight:bold;}
#hostingbox3 {width:202px; height:201px; float:left; background: url('http://www.silverark.co.uk/images/package_business.png') no-repeat top center; color:#e62322; font-weight:bold;}
#hostingtext {width:150px; padding-left:28px; padding-top:96px; overflow:hidden;}

#hostingtext UL {
	FLOAT: right
}
#hostingtext LI {
	PADDING-BOTTOM: 0px; MARGIN: 0px 20px 0px 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT: 10px Verdana, Arial, Helvetica, sans-serif; FLOAT: left; PADDING-TOP: 0px
}


/* Resseller hosting */
#hostingreseller1 {width:202px; height:201px; float:left; background: url('http://www.silverark.co.uk/images/package_reseller1.png') no-repeat top center; color:#e62322; font-weight:bold;}
#hostingreseller2 {width:202px; height:201px; float:left; background: url('http://www.silverark.co.uk/images/package_reseller2.png') no-repeat top center; color:#e62322; font-weight:bold;}
#hostingreseller3 {width:202px; height:201px; float:left; background: url('http://www.silverark.co.uk/images/package_reseller3.png') no-repeat top center; color:#e62322; font-weight:bold;}
#hostingresellertext {width:150px; padding-left:28px; padding-top:70px; overflow:hidden;}


/* Formatting and Style - titleheaders */
H1 {BORDER-BOTTOM: #aeb4ba 1px solid; TEXT-ALIGN: left;  COLOR: #666666; FONT-SIZE: 4px; FONT-WEIGHT: bold; margin-top:0px; margin-bottom:5px;}
.headertext1 { color: #f27f25; text-align: left; font-weight:bold; font-size: 18px;}
.headertext2 { color: #5e615e; text-align: left; font-weight:bold; font-size: 18px;}


.h31 { color: #f27f25; text-align: left; font-weight:bold; font-size: 16px; text-decoration: none;}
.h31 a {color: #f27f25; text-decoration: none;}

.h32 { color: #5e615e; text-align: left; font-weight:bold; font-size: 16px; text-decoration: none;}
.h32 a {color: #5e615e; text-decoration: none;}

.clearme{
	clear: both;
}
/* Clearfix */
.clearfix:after {
	clear: both; content: "."; display: block; height: 0; visibility: hidden;
}

* html > body .clearfix {
	display: block; width: 100%;
}
* html .clearfix {
	height: 1%;
}

/* Admin Area */
.contact_menuselect {
	BORDER-BOTTOM: #848284 1px solid; TEXT-ALIGN: center; BACKGROUND-COLOR: #eeeeee; WIDTH: 18%; HEIGHT: 20px; BORDER-RIGHT: #848284 1px solid;CURSOR: pointer;
}
.contact_menu {
	BORDER: #848284 1px solid; TEXT-ALIGN: center; BACKGROUND-COLOR: #cccccc; WIDTH: 18%; HEIGHT: 20px; BORDER-RIGHT: #848284 1px solid;CURSOR: pointer;
}



/* Messages */
DIV.error-message {
	BORDER-BOTTOM: #cc0000 1px solid; BORDER-LEFT: #cc0000 1px solid; PADDING-BOTTOM: 5px; BACKGROUND-COLOR: #ffd9d0; PADDING-LEFT: 5px;
	PADDING-RIGHT: 5px; FONT-FAMILY: Arial, Helvetica, sans-serif; MARGIN-BOTTOM: 15px; COLOR: #333333; 
	BORDER-TOP: #cc0000 1px solid; BORDER-RIGHT: #cc0000 1px solid; PADDING-TOP: 5px
}
DIV.error-message UL {
	PADDING-BOTTOM: 10px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 4px
}
DIV.error-message UL LI {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 18px; PADDING-RIGHT: 0px; BACKGROUND: url(../images/note-error.gif) no-repeat 0px 2px;
	VERTICAL-ALIGN: middle; PADDING-TOP: 0px
}

DIV.generic-message {
	BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; PADDING-BOTTOM: 10px; BACKGROUND-COLOR: #f1f1f1; PADDING-LEFT: 10px; PADDING-RIGHT: 5px; FONT-FAMILY: Arial, Helvetica, sans-serif; MARGIN-BOTTOM: 15px; COLOR: #333333; BORDER-TOP: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid; PADDING-TOP: 10px
}
DIV.success-message {
	BORDER-BOTTOM: #a9d392 1px solid; BORDER-LEFT: #a9d392 1px solid; PADDING-BOTTOM: 10px; BACKGROUND-COLOR: #dee6e3; PADDING-LEFT: 10px; PADDING-RIGHT: 5px; FONT-FAMILY: Arial, Helvetica, sans-serif; MARGIN-BOTTOM: 15px; COLOR: #333333; BORDER-TOP: #a9d392 1px solid; BORDER-RIGHT: #a9d392 1px solid; PADDING-TOP: 10px
}
DIV.notice-message {
	BORDER-BOTTOM: #ffcc00 1px solid; BORDER-LEFT: #ffcc00 1px solid; PADDING-BOTTOM: 10px; BACKGROUND-COLOR: #ffffcc; PADDING-LEFT: 10px; PADDING-RIGHT: 5px; FONT-FAMILY: Arial, Helvetica, sans-serif; MARGIN-BOTTOM: 15px; COLOR: #333333; BORDER-TOP: #ffcc00 1px solid; BORDER-RIGHT: #ffcc00 1px solid; PADDING-TOP: 10px
}

DIV.hmenu {
	BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; PADDING-BOTTOM: 10px; BACKGROUND-COLOR: #f1f1f1; PADDING-LEFT: 10px; PADDING-RIGHT: 5px; FONT-FAMILY: Arial, Helvetica, sans-serif; MARGIN-BOTTOM: 15px; COLOR: #333333; BORDER-TOP: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid; PADDING-TOP: 0px
}


DIV.generic-message UL {
	PADDING-BOTTOM: 10px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 4px; 
}
DIV.success-message UL {
	PADDING-BOTTOM: 10px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 4px
}
DIV.notice-message UL {
	PADDING-BOTTOM: 10px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 4px
}


DIV.generic-message UL LI {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 18px; PADDING-RIGHT: 0px; VERTICAL-ALIGN: middle; PADDING-TOP: 0px
}
DIV.success-message UL LI {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 18px; PADDING-RIGHT: 0px; BACKGROUND: url(../images/note-success.gif) no-repeat 0px 2px; VERTICAL-ALIGN: middle; PADDING-TOP: 0px
}
DIV.notice-message UL LI {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 18px; PADDING-RIGHT: 0px; BACKGROUND: url(../images/note-notice.gif) no-repeat 0px 2px; VERTICAL-ALIGN: middle; PADDING-TOP: 0px
}




P.notice-message {
	BORDER-BOTTOM: #ffcc00 1px solid; BORDER-LEFT: #ffcc00 1px solid; PADDING-BOTTOM: 10px; BACKGROUND-COLOR: #ffffcc; PADDING-LEFT: 10px; PADDING-RIGHT: 5px; FONT-FAMILY: Arial, Helvetica, sans-serif; MARGIN-BOTTOM: 15px; COLOR: #333333; BORDER-TOP: #ffcc00 1px solid; BORDER-RIGHT: #ffcc00 1px solid; PADDING-TOP: 10px
}

P.generic-message {
	BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; PADDING-BOTTOM: 10px; BACKGROUND-COLOR: #f1f1f1; PADDING-LEFT: 10px; PADDING-RIGHT: 5px; FONT-FAMILY: Arial, Helvetica, sans-serif; MARGIN-BOTTOM: 15px; COLOR: #333333; BORDER-TOP: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid; PADDING-TOP: 10px
}
P.success-message {
	BORDER-BOTTOM: #a9d392 1px solid; BORDER-LEFT: #a9d392 1px solid; PADDING-BOTTOM: 10px; BACKGROUND-COLOR: #dee6e3; PADDING-LEFT: 10px; PADDING-RIGHT: 5px; FONT-FAMILY: Arial, Helvetica, sans-serif; MARGIN-BOTTOM: 15px; COLOR: #333333; BORDER-TOP: #a9d392 1px solid; BORDER-RIGHT: #a9d392 1px solid; PADDING-TOP: 10px
}
P.error-message {
	BORDER-BOTTOM: #cc0000 1px solid; BORDER-LEFT: #cc0000 1px solid; PADDING-BOTTOM: 5px; BACKGROUND-COLOR: #ffd9d0; PADDING-LEFT: 10px; PADDING-RIGHT: 5px; FONT-FAMILY: Arial, Helvetica, sans-serif; MARGIN-BOTTOM: 15px; COLOR: #333333; BORDER-TOP: #cc0000 1px solid; BORDER-RIGHT: #cc0000 1px solid; PADDING-TOP: 5px
}



/* Latest Articles formatting */
.latest_articles {FONT: 11px Verdana, Arial, Helvetica, sans-serif;}
.latest_articles a {color:#f27f25; text-decoration: none;}
.latest_articles a:hover {text-decoration: underline;}

/* Knowledge Groups */
.knowledge_groups {FONT: 11px Verdana, Arial, Helvetica, sans-serif;}
.knowledge_groups a {FONT: 13px Verdana, Arial, Helvetica, sans-serif;color:#f27f25; text-decoration: none; font-weight:bold;}
.knowledge_groups a:hover {text-decoration: underline;}


/* Footer Menu    */

div#footer { position: relative; margin: 0; padding:5px 0 10px 0; clear: both;}




div#footeraddress {position: relative; padding:5px 10px 0 10px; margin:0; color: #666;}
div#footeraddress hr {color:#f39600;background-color:#f39600;height:1px;border:none;}
div#footeraddress p {font: 1.1em/1.7em Verdana, Arial, Helvetica, sans-serif;}
div#footeraddress a {color:#666}
div#footeraddress a:hover {text-decoration: underline; color:#f57e20}
div#footeraddress ul {margin:0; padding:0; list-style:none;}
div#footeraddress li {margin:0 15px 0 0; padding:0; font: 1em/1.7em Verdana, Arial, Helvetica, sans-serif; }
div#footeraddress li.icon {margin:1px 0 3px 0; padding:2px 0 0 30px; height:24px; }
div#footeraddress li.legal {float:left;}
div#footeraddress li.other {float:right;}
.footeraddresscol1 { float:left; width:150px; border:0px solid red;}
.footeraddresscol2 { float:left; width:200px; border:0px solid red; margin-right:120px;}
.footersocialmedia { float:left; width:115px; border:0px solid red;}


/* Tables */
TABLE.tabular {
	TEXT-ALIGN: left; WIDTH: 100%
}
TABLE.tabular THEAD TR TD.off {
	BACKGROUND-IMAGE: url(../images/table-head-off.gif); BORDER-BOTTOM: #9d9d9d 1px solid; BORDER-LEFT: #9d9d9d 1px solid; PADDING-BOTTOM: 2px; FONT-STYLE: normal; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; FONT-FAMILY: Arial, Helvetica, sans-serif; WHITE-SPACE: nowrap; HEIGHT: 15px; COLOR: #000000; FONT-SIZE: 12px; OVERFLOW: hidden; BORDER-TOP: #9d9d9d 1px solid; FONT-WEIGHT: bold; BORDER-RIGHT: medium none; PADDING-TOP: 2px
}
TABLE.tabular THEAD TR TD {
	BACKGROUND-IMAGE: url(../images/table-head-off.gif); BORDER-BOTTOM: #9d9d9d 1px solid; BORDER-LEFT: #9d9d9d 1px solid; PADDING-BOTTOM: 2px; FONT-STYLE: normal; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; FONT-FAMILY: Arial, Helvetica, sans-serif; WHITE-SPACE: nowrap; HEIGHT: 15px; COLOR: #000000; FONT-SIZE: 12px; OVERFLOW: hidden; BORDER-TOP: #9d9d9d 1px solid; FONT-WEIGHT: bold; BORDER-RIGHT: medium none; PADDING-TOP: 2px
}
TABLE.tabular THEAD TR TD.on {
	BACKGROUND-IMAGE: url(../images/table-head-on.gif)
}
TABLE.tabular THEAD TR TD.on.close {
	BACKGROUND-IMAGE: url(../images/table-head-on.gif); BORDER-BOTTOM: #9d9d9d 1px solid; BORDER-LEFT: #9d9d9d 1px solid; BORDER-TOP: #9d9d9d 1px solid; BORDER-RIGHT: #9d9d9d 1px solid
}
TABLE.tabular THEAD TR TD.off.close {
	BORDER-BOTTOM: #9d9d9d 1px solid; BORDER-LEFT: #9d9d9d 1px solid; BORDER-TOP: #9d9d9d 1px solid; BORDER-RIGHT: #9d9d9d 1px solid
}
TABLE.tabular THEAD TR TD.close {
	BORDER-BOTTOM: #9d9d9d 1px solid; BORDER-LEFT: #9d9d9d 1px solid; BORDER-TOP: #9d9d9d 1px solid; BORDER-RIGHT: #9d9d9d 1px solid
}
TABLE.tabular TFOOT TR TD {
	PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; PADDING-TOP: 2px
}
TABLE.tabular TBODY TR TD {
	PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; PADDING-TOP: 2px
}
TABLE.file-attachments TBODY TR TD {
	BORDER-BOTTOM: #cccccc 1px dotted; PADDING-BOTTOM: 6px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; PADDING-TOP: 6px
}
TABLE.manage-fields TBODY TR TD {
	BORDER-BOTTOM: #cccccc 1px dotted; PADDING-BOTTOM: 6px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; PADDING-TOP: 6px
}
TABLE.file-attachments TBODY TR.na {
	BACKGROUND-COLOR: #ffd9d0
}
TABLE.file-attachments TBODY TR.na TD A {
	COLOR: #333333
}
TABLE.file-attachments TBODY TR.na TD {
	BORDER-BOTTOM: #cc0000 1px dotted; COLOR: #333333
}
.cursor {
	CURSOR: pointer
}

ol, ol li {
	list-style-type : none;
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
	width:525px;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}
.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	}

.thread-alt {
	background-color: #f8f8f8;
}
.thread-even {
	background-color: white;
}
.depth-1 {
border: 1px solid #ddd;
}
.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

h3.comments {
	padding: 0;
	margin: 20px auto 20px ;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */

