@charset "utf-8";

/* CSS Document */





body {

	margin:0px;

	text-align:center;

	padding:0;

	background-color: #858D96;

	background-image: url(../images/background-image.jpg);

	background-repeat: repeat-x;

	background-position: 0px 0px;

 }



.sitemap{

	background-image: url(../images/sitemap-image.jpg);

	background-repeat: no-repeat;

	padding-left: 20px;

	padding-top: 0px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #999999;

	position: absolute;

	left: 829px;

	top: 6px;

	z-index: 5;

}



.sitemap a {

	color: #999999;

	text-decoration: none;

}

#languages {

	height: 30px;

	width: 890px;

	position: relative;

	z-index: 2;

	margin-right: auto;

	margin-left: auto;

	text-align: left;

}



#page {

	text-align:center;

	color: #564b47;

	background-color: #FFFFFF;

	text-align:left;

	width:890px;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	overflow: hidden;

	display: block;

	padding-top: 0;

	padding-right: 0;

	padding-bottom: 0;

	padding-left: 22px;

	position: relative;

 }



#hdr {

	height:50px;

	color: #333333;

	width: 890px;

	position: relative;

	text-align: left;

	padding-top: 20px;

	clear: both;

	padding-bottom: 20px;

	padding-right: 0px;

	padding-left: 0px;

	display: block;

	z-index: 1;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

}



#client-login {
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	line-height: 14px;
	border: 1px solid #CCCCCC;
	padding: 2px;
	left: 810px;
	top: 61px;
	z-index: 200;
	width: 71px;
}



#client-login a {

	color: #7F7F7F;

	text-decoration: none;



}



#client-login a:hover {

	text-decoration: underline;



}



#left-col {



}





#nav {

	width: 201px;

	float: left;

	display: block;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	line-height: 11px;

	color: #424343;

	background-image: url(../images/nav-strip.jpg);

	background-repeat: repeat-x;

	border-right-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-left-style: solid;

	border-left-color: #ABBCCD;

	border-right-color: #ABBCCD;

	background-color: #DEE1E6;

	padding-top: 1px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	margin: 0px;



 }

 

#banner {

	width: 656px;

	position: absolute;

	top: 100px;

	right: 15px;

	height: 232px;

	display: block;

	overflow: hidden;



}



#content {

	width: 655px;

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 11px;

	line-height: 22px;

	color: #717479;

	margin-top: 0px;

	margin-bottom: 20px;

	margin-right: 0px;

	margin-left: 0px;

	padding-top: 0px;

	padding-right: 14px;

	padding-bottom: 0px;

	padding-left: 14px;

	height: auto;

	float: right;

}







#hdr .logo {

	position: absolute;

	left: 38px;

	top: 63px;

}



#hdr h1 {

	position: absolute;

	left: 255px;

	top: 30px;

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 36px;

	line-height: 38px;

	font-weight: normal;

	color: #003847;

	width: 350px;

}



.flash-logo {

	height: 129px;

	width: 656px;

	background-color: #FF0000;

	display: block;

	margin-top: 10px;

	margin-right: 0px;

	margin-bottom: 20px;

	margin-left: 0px;

	clear: both;



}



ul.top {

	margin: 0px;

	padding: 0px;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #E9E9E9;



}



ul.top li {

	list-style-type: none;



}



ul.top li a {

	background-image: url(/images/nav-bullet-01.gif);

	background-repeat: no-repeat;

	background-position: 18px 10px;

	color: #424343;

	text-decoration: none;

	height: 18px;

	padding-top: 10px;

	padding-left: 38px;

	display: block;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #E9E9E9;

}



ul.top li a:hover {

	color: #000000;

	background-color: #F7F7F7;

}



li.active   {

	background-color: #F7F7F7;

}



ul.top span {

	color: #FF661C;

	font-weight: bold;

}



ul.mid {

	margin: 0px;

	padding: 0px;

	background-color: #F7F7F7;

}



ul.mid li {

	list-style-type: none;



}



ul.mid li a {

	background-image: url(/images/nav-bullet-02.gif);

	background-repeat: no-repeat;

	background-position: 30px 7px;

	color: #424343;

	text-decoration: none;

	height: 14px;

	padding-top: 4px;

	padding-left: 40px;

	display: block;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #E9E9E9;



}



ul.mid li a:hover {

	color: #000000;

	background-color: #F7F7F7;

}



ul.mid li ul {

	margin-left:5px;

	padding-left:5px;

}



.column01 {

	float: left;

	margin-right: 22px;



}

.column02 {

}

.panel {

	border-top-width: 10px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-top-style: solid;

	border-right-style: solid;

	border-bottom-style: solid;

	border-top-color: #DBDAD9;

	border-right-color: #DBDAD9;

	border-bottom-color: #DBDAD9;



}



#feature-left {

	display: block;

	top: 100px;

	left: 0px;

	margin: 0px;

	padding: 0px;

	border-right-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #ABBCCD;

	border-left-color: #ABBCCD;

	float: left;

	bottom: 0px;

}



.break {

	clear: both;

}

#ftr-content {

	width: 890px;

	position: relative;

	margin-right: auto;

	margin-left: auto;



}



#ftr {

	height:315px;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

	text-align: center;

	width: 912px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 13px;

	color: #FFFFFF;

	clear: both;

	padding: 0px;

	background-image: url(../images/footer-back.jpg);

	background-repeat: repeat-x;

	background-position: left top;

	position: relative;



 }

 

#ftr-top{

	background-image: url(../images/smart-footer/footer-top.jpg);

	height: 30px;

	background-repeat: repeat-x;

	margin: 0px;

	padding: 0px;

	background-position: center top;

	display: block;

	width: auto;



}



#ftr-line {

	clear: both;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #B2B2B2;

	width: 850px;

	text-align: center;

	display: block;

	margin-top: 10px;

	margin-right: auto;

	margin-bottom: 10px;

	margin-left: auto;

	padding-top: 260px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

}



#ftr h3 {

	font-size: 24px;

	line-height: 28px;

	margin: 0px;

	font-family: Arial, Helvetica, sans-serif;

	color: #D4D6DD;

	text-align: left;

	font-weight: normal;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 20px;

	padding-left: 0px;

}



#ftr h2 {

	font-size: 24px;

	line-height: 24px;

	margin: 0px;

	font-family: Arial, Helvetica, sans-serif;

	color: #E8E8E8;

	font-weight: normal;

	padding-bottom: 8px;

	padding-top: 8px;

}



#ftr h6 {

	font-size: 12px;

	line-height: 24px;

	margin: 0px;

	font-family: Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	text-align: center;

	font-weight: bold;

	padding-top: 20px;

	padding-right: 0px;

	padding-bottom: 10px;

	padding-left: 0px;

}



#ftr p {

	font-size: 12px;

	line-height: 15px;

	margin: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	color: #D4D6DD;

	text-align: left;

}







#ftr ul {

	padding-top: 0px;

	padding-right: 0px;

	padding-left: 2px;

	padding-bottom: 0px;

	margin: 0px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	line-height: 18px;

	color: #E8E8E8;

}



#ftr li {

	padding-bottom: 10px;

	padding-top: 0px;

	padding-right: 0px;

	padding-left: 10px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 13px;

	color: #FFFFFF;

	background-image: url(../images/footer-bullets.gif);

	background-repeat: no-repeat;

	background-position: 0px 3px;

	list-style-type: none;

	margin: 0px;

}



#ftr li a {

	text-decoration: none;

	color: #FFFFFF;

}



#ftr li a:hover {

	text-decoration: underline;

}



#ftr-column1 {

	width: 258px;

	height: 205px;

	position: absolute;

	left: 1px;

	top: 29px;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #708CAB;

	text-align: left;

	float: left;

	margin: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 40px;



}



#ftr-column2 {

	width: 260px;

	height: 205px;

	position: absolute;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #708CAB;

	left: 298px;

	top: 29px;

	float: left;

	display: block;

	margin: 0px;

	text-align: left;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 36px;

}



#ftr-column3 {

	width: 250px;

	height: 205px;

	position: absolute;

	left: 595px;

	top: 29px;

	padding-top: 0px;

	margin: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 40px;

	text-align: center;

	float: left;

	display: block;

}



#ftr .address {

	width: 873px;

	height: 20px;

	position: absolute;

	left: 11px;

	top: 267px;

	margin: 0px;

	text-align: center;

	display: block;

	padding: 0px;

	font-size: 10px;

}



#ftr .address  a {

	color: #D1AC65;



}





.panel  a {

	color: #333333;

	text-decoration: none;



}



.panel  a:hover {

	color: #FF6600;

}

.line {

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #CCCCCC;

	margin-top: 15px;

	margin-bottom: 18px;

}



.portfolio {

	display: block;

	height: 250px;

	width: 215px;

	float: left;

}

.portfolio img {}

.portfolio .discrip {

	padding-left: 12px;

	padding-right: 16px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 16px;

	color: #515151;

}

.portfolio .discrip  a {

	font-weight: bold;

	color: #006384;

	text-decoration: none;

	font-size: 14px;

	display: block;

}

.portfolio .discrip  a:hover {

	color: #3F94BC;

}

.portfolio .discrip span {

	font-size: 11px;

	color: #6F8AA2;

	display: block;

}

.design-panel {

	display: block;

	float: left;

	height: 188px;

	width: 178px;

	margin-bottom: 28px;

	position: relative;

	background-repeat: no-repeat;

	background-position: left top;

	padding-top: 12px;

	padding-left: 12px;

	font-size: 12px;

	line-height: 18px;

}

.design-panel .title {

	font-size: 24px;

	color: #006384;

	font-family: Arial, Helvetica, sans-serif;

	padding-bottom: 6px;

	line-height: 26px;

}

.design-panel p {}

.design-panel a {

	display: block;

	height: 199px;

	width: 190px;

	position: absolute;

	left: 1px;

	top: 1px;

}

.design-spacer {

	display: block;

	height: 200px;

	width: 28px;

	margin-bottom: 28px;

	float: left;

}

.pl-design {

	background-image: url('http://www.webcertain.com/images/panel-web-design.jpg');

}

.pl-veloseo {

	background-image: url('http://www.webcertain.com/images/panel-veloseo.jpg');

}

.pl-hosting {

	background-image: url('http://www.webcertain.com/images/panel-hosting.jpg');

}

.pl-portfolio {

	background-image: url('http://www.webcertain.com/images/panel-portfolio.jpg');

}

.pl-domains {

	background-image: url('http://www.webcertain.com/images/panel-domains.jpg');

}

.pl-proxy {

	background-image: url('http://www.webcertain.com/images/panel-proxy.jpg');

}