html,body{height:100%;}
body {
	font-family:Arial, Helvetica, FreeSans, Sans-serif;
	font-size:11px;
	margin:0 auto;
	padding:0;
	color:#434141;
	height:100%;
	background-color:#f7f7f7;
}
* {
	margin:0;
	padding:0;
}
*:focus {
	outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
					 if you want to keep it! */
}
.clr{clear:both}
form{margin:0; padding:0;}
hr {
	border: 0;
	color: #434141;
	background-color: #434141;
	height: 1px;
	margin:0px 0px 10px 0px;
	padding:0px;
}

/* heading */
h1, h2{margin-bottom:12px;	font-family : Arial, Helvetica, FreeSans, Sans-serif;	font-weight:normal; color:#434141}
h3, h4, h5 {margin-bottom:12px;	font-family : Arial, Helvetica, FreeSans, Sans-serif;	font-weight:normal;}
h1 {font-size:24px; line-height:26px;}
h2 {font-size:20px; line-height:18px;}
h3 {font-size:18px; line-height:18px;}
h4 {font-size:16px; line-height:15px;}
h5 {font-size:12px; line-height:15px;}

/* links */
a {color:#272727; font-weight: normal; text-decoration:underline;}
a:hover{color:#272727; text-decoration:underline;}

a img{border:none}
.border{ border:1px solid #c5c5c5; padding:3px;}
.imgleft{float:left; margin-right:20px;}
.imgright{float:right; margin-left:20px;}
.imgmiddle{vertical-align:middle; padding-right:6px}
/* lists, blockquotes and paragraphs */
ul, ol, blockquote {
	font-size:12px;
	line-height:18px;
	margin-bottom:15px;
	color:#434141;
}

p {
	font-size:12px;
	line-height:20px;
	margin-bottom:20px;
	color:#434141;
}

ul, ol {
	margin:10px 0 35px 30px;
}
li ol,
li ul
{
	list-style:square;
	margin-bottom:0;
	margin-top:0;
}
li ol {list-style:decimal;}
blockquote {
	margin:0px 0 0px 0px;
	color:#c6c5c5;
	padding:0px 20px 10px 25px;
	background-image:url(../images/quoleft.png);
	background-repeat:no-repeat;
	font-size:12px;
}

/* code */
code {
	font-family:Verdana, Arial;
	letter-spacing:1px;
	margin:25px 0 25px 0px;
	display:block;
	font-size:0.9em;
	border-left:4px solid #434141;
	padding:15px 10px;
}


#main_container{background-image:url(../images/bg_top_container.gif); background-color:#f7f7f7; background-repeat:repeat-x;min-height:90% !important; height:auto;}
#main_container_inner{background-image:url(../images/bg_top_container_inner.png); background-color:#f7f7f7; background-repeat:repeat-x;min-height:90% !important; height:auto;}
#footer_container{background-image:url(../images/bg_bottom_container2.gif); background-repeat:repeat-x; height:75px; clear:both; margin-top:30px;}

#centercolumn{width:975px; margin:0px auto 0px auto;}

#top{height:94px}
#top ul, #top p, #top a, #top a:visited{color:#616060;}
#top ul{list-style-type:none; margin:0px; padding:0px;}
#logo{
	width:631px;
	float:left;
	padding-top:20px;
	padding-left:10px;
	
	}
#topcontact{width:300px; float:right; padding:0px 0px 0px 0px; text-align:right;}
ul#top-nav{ list-style-type:none; font-size:11px; margin:5px 0px 13px 0px;}

ul#support {
	position: relative;
	top: 100px;
}

/* manu nav */
#topmenu{
	height:36px;
	float:left;
	}

#menu {
	position: relative;
	top: 6px;
	left: 0px;
}


#header{width:975px; height:324px;}
#header_inner{width:975px; background-image:url(../images/bg_header_inner2.png); background-repeat:no-repeat; height:140px; background-position: 98px 0px;}


#box-sidebar{ width:291px; float:left;}

.box-white-r{ width:291px; background-image:url(../images/box_white_r.gif); background-repeat:repeat-y; margin-bottom:20px}
.box-white-t{ width:291px; background-image:url(../images/box_white_t.gif); background-repeat:no-repeat; background-position:top;}
.box-white-b{ width:291px; background-image:url(../images/box_white_b.gif); background-repeat:no-repeat; background-position:bottom;}

.sidebox{ padding:10px 20px;}
.sidebox ul{ margin:0px; padding:0px; list-style-type:none; }
.sidebox ul li { border-bottom:1px solid #ebeaea; padding:16px 0px 16px 60px; font-size:15px; }
.sidebox ul li.uptime{ background-image:url(../images/icon-2.png); background-repeat:no-repeat; background-position:9px 8px; }
.sidebox ul li.testi{ background-image:url(../images/heart.png); background-repeat:no-repeat; background-position:9px 17px;}
.sidebox ul li.twitter{ background-image:url(../images/twitter.png); background-repeat:no-repeat; background-position:9px 8px;}
.sidebox ul li.fb{ background-image:url(../images/fb.png); background-repeat:no-repeat; background-position:9px 8px; border:0px;}
.sidebox ul li a {font-weight: normal}
.sidebox ul li a:visited{ color:#333333;}
.sidebox ul li a:hover{ color:#636262; text-decoration:underline;}



.sidebar{ padding:20px 20px;}
.sidebar ul{ margin:0px; padding:0px; list-style-type:none; }
.sidebar ul li { border-bottom:1px solid #ebeaea; padding:10px 0px 10px 18px; font-size:14px; font-weight:bold; background-image:url(../images/arrow.png); background-repeat:no-repeat; background-position:7px 14px; }
.sidebar ul li a, .sidebar ul li a:visited{ color:#434141;}
.sidebar ul li a:hover{ color:#636262; text-decoration:none;}

.box-grey-t{ width:288px; background-image:url(../images/box_grey_t.gif); background-repeat:no-repeat; background-position:top;}
.box-grey-b{ width:288px; background-image:url(../images/box_grey_b.gif); background-repeat:no-repeat; background-position:bottom;}
.testibox{ width:288px; background-color:#4a4a4a; margin-top:20px;}
.pad-testi{ color:#fff; padding:20px 21px;}
.pad-testi h2{ color:#fff; font-weight:bold;}
.pad-testi p{ color:#c6c5c5; margin-bottom:0px; font-size:12px;}


#main-content-full{ width:950px; float:left; margin-left:0px;}
#main-content{ width:648px; float:left; margin-left:35px;}
#content{ margin:10px 0px; width: 900px;}

#footer_container{color:#fff;}
#foot{text-align:center; padding:30px 0px 0px 0px;}
/* footer links */
#foot a {color:#ffca1f; font-weight:normal; text-decoration:none;}
#foot a:hover{color:#ffca1f; text-decoration:underline;}
