/**
 * Main CSS Stylesheet
 *
 */

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{
	margin:0;
	padding:0;
}
ul{
	list-style:none;
}
h1,h2,h3,h4,h5,h6{
}
a{
	color:#8d8d8d;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
a img, fieldset{
	border:0;
}
.clear{
	clear:both;
}
.replace{
	position:relative;
	margin:0;
	padding:0;
	/* \*/
	overflow:hidden;
	/* */
}
.replace span{
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
html{
	background:#333333
}
body{
	margin:0;
	padding:0;
	font:62.5% Arial, Helvetica, sans-serif;
	color:#8d8d8d;
	background-color: #333333;
	background-image: url(images/topbg-header.jpg);
	background-position: center top;
	background-repeat: repeat-x;
}

#index{
	background-color: #333333;
	background-image: url(images/topbg-header-index.jpg);
	background-repeat: repeat-x;
}

.page{
	width:950px;
	margin:0 auto;
}

.wrapper{
	width:100%;
}

#sub .wrapper{
}

.wrapper2{
	width:900px;
	margin:0 0 0 22px;
}

/* MENU */

#menu{
	width:100%;
	height:41px;
	background:url(images/menu_bg.gif) repeat-x;
	overflow:hidden;
}

#menu h3{
	float:left;
	font-size:9pt;
	font-weight:normal;
	padding:13px 0 0 14px;
}

#menu h3 a{
	color:#636363;
}

#menu ul{
	float:right;
	padding:0px 0 0 0;
}

#menu ul li{
	float:left;
	background:url(images/menu_li.gif) repeat-y left top;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:9pt;
	text-transform:uppercase;
	padding:0px 0px 0px 1px;
}

#menu ul li.last{
	background:url(images/menu_li.gif) repeat-y left top;
}

#menu ul li a{
	float:left;
	color:#FFFFFF;
	display:block;
	padding:12px 10px 12px 10px;
}

/* HEADER */

#header{
	width:100%;
	height:136px;
	background:url(images/header_bg.png) no-repeat;
}

#sub #header{
	background:url(images/header2_bg.png) no-repeat;
}

#header h1{
	float:left;
}

#header h2{
	float:right;
	font-size:1.8em;
	font-weight:normal;
	color:#674040;
	padding:103px 10px 0 0;
}

#header h2 span{
	color:#9d8080;
}

#logo{
	width:225px;
	height:61px;
	text-indent:-5000px;
	position:relative;
	overflow:hidden;
	display:block;
	margin:15px 0 0 45px;
}

#logo span{
	background:url(images/logo.png) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;
}

/* board2 */

#board2{
	width:100%;
	height:88px;
	background:url(images/board2_bg.png) no-repeat;
}

#board2 h2{
	float:left;
	color:#d9cccc;
	font-size:2.0em;
	font-weight:normal;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:1.1em;
	padding:23px 0 0 25px;
}

#board2 div{
	float:right;
	padding:0 130px 0 0;
}

#board2 div h3{
	text-indent:-5000px;
	position:absolute;
	overflow:hidden;
	display:block;
}

#board2 div h3 span{
	position:absolute;
	width:100%;
	height:100%;
}

#p_about{
	width:72px;
	height:89px;
	top:184px;
}
#p_about span{
	background:url(images/p_about.png) no-repeat;
}

#p_solutions{
	width:104px;
	height:100px;
	top:180px;
}
#p_solutions span{
	background:url(images/p_solutions.png) no-repeat;
}

#p_contact{
	width:105px;
	height:100px;
	top:180px;
}
#p_contact span{
	background:url(images/p_contact.png) no-repeat;
}

#p_chosting{
	width:85px;
	height:82px;
	top:185px;
}
#p_chosting span{
	background:url(images/p_chosting.png) no-repeat;
}

#p_portfolio{
	width:119px;
	height:104px;
	top:179px;
}
#p_portfolio span{
	background:url(images/p_portfolio.png) no-repeat;
}

/* board */

#board{
	width:100%;
	height:234px;
	background:url(images/board_bg.png) no-repeat;
}

#board h2{
	color:#d9cccc;
	font-size:2.1em;
	font-weight:normal;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:18px 0 5px 135px;
}

#board p{
	color:#936666;
	font-size:1.2em;
	padding:0 0 0 135px;
	line-height:1.7em;
	width:465px;
}

#board h3{
	color:#e4cccc;
	font-size:2.2em;
	font-weight:normal;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:15px 0 5px 224px;
	line-height:1.2em;
}

#board h3 span{
	color:#fff;
	font-size:1.1em;
	font-weight:bold;
	display:block;
}

#b_getstarted{
	width:119px;
	height:49px;
	text-indent:-5000px;
	position:relative;
	overflow:hidden;
	display:block;
	margin:0 0 0 223px;
}

#b_getstarted span{
	background:url(images/b_getstarted.png) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;
}

/* BODY */

#body{
	width:100%;
	background:#2b2b2b url(images/body_bg.gif) no-repeat;
	overflow:hidden;
}

#sub #body{
	background:#2b2b2b url(images/body2_bg.gif) no-repeat;
}

/* SUB */

.content{
	width:825px;
	margin:25px 0 30px 30px;
	overflow:hidden;
}

.content h2{
	color:#FFFFFF;
	font-size:2.1em;
	font-weight:normal;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.content p{
	font-size:1.2em;
	line-height:1.7em;
	padding:8px 0 12px 0;
}

.content p.line{
	background:url(images/dotted_grey.gif) repeat-x left bottom;
}

/* hostings */

#hostings{
	width:852px;
	overflow:hidden;
	background:url(images/dotted_grey.gif) repeat-x left bottom;
	padding:0 0 15px 0;
	margin:0 0 0 30px;
	position:relative;
	top:-20px;
}

#hostings div{
	float:left;
	width:277px;
	background:url(images/hostings_bg.png) no-repeat;
	margin:0 7px 0 0;
	padding:8px 0 15px 0;
	overflow:hidden;
}

#hostings div h3{
	color:#fff;
	font-size:2.1em;
	font-weight:normal;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:0 0 0 22px;
}

#hostings div h3 span{
	color:#ed1c24;
}

#hostings div ul{
	width:247px;
	padding:6px 0 0 16px;
}

#hostings div ul li{
	color:#a5a5a5;
	font-size:1.2em;
	background:url(images/dotted_grey.gif) repeat-x left bottom;
	padding:7px 0 7px 3px;
}

#hostings div ul li.last{
	background:none;
}

#hostings div ul li span{
	display:block;
	background:url(images/i02.gif) no-repeat left 4px;
	padding:0 0 0 13px;
}

/* contact */

#contact{
	width:100%;
	overflow:hidden;
	padding:35px 0 0 0;
}

#contact ul{
	float:left;
	width:100%;
}

#contact ul li{
	float:left;
	width:100%;
	padding:0 0 15px 0;
}

#contact ul li label{
	float:left;
	color:#aaaaaa;
	font-size:1.2em;
	width:128px;
	text-align:right;
	display:block;
	margin:7px 0 0 0;
}

#contact ul li label span{
	padding:0 10px 0 10px;
}

.c_input{
	float:left;
	font-size:1.2em;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background:#818181;
	border:3px solid #494949;
	padding:5px;
	width:256px;
}

textarea.c_input{
	width:372px;
	height:130px;
	overflow:hidden;
}

/* solutions */

.solutions_box{
	background:url(images/dotted_grey.gif) repeat-x left bottom;
	padding:0 0 18px 0;
	margin:14px 0 0 0;
}
.solutions_box a{
	text-decoration: none;
	padding: 5px;
	background-color: #000000;
	color: #FFFFFF;
	margin: 15px;
}
.solutions_box_last{
	padding:0;
	background:none;
}

.solutions_box h2{
	background:url(images/i01.gif) no-repeat left 5px;
	padding:0 0 3px 25px;
}

.solutions_box p{
	padding:0 0 0 25px;
}

/* portfolio */

#portfolio{
	width:100%;
	overflow:hidden;
}

#portfolio ul{
	float:left;
	padding:10px 0 50px 0;
}

#portfolio ul li{
	float:left;
	padding:0 16px 16px 0;
}

#portfolio ul li.last{
	float:left;
	padding:0 0 16px 0;
}


#portfolio ul li img{
	float:left;
	width:188px;
	height:125px;
	border:3px solid #fff;
}

/* INDEX */

#index_data{
	width:859px;
	overflow:hidden;
	margin:27px 0 0 26px;
	background:url(images/dotted_grey.gif) repeat-x left bottom;
	padding:0 0 19px 0;
}

#index_left{
	float:left;
	width:562px;
}

#index_right{
	float:right;
	width:277px;
	background:url(images/dotted_grey2.gif) repeat-y left top;
	padding:0 0 0 20px;
}

#index_left h2{
	padding:0 10px 0 4px;
	color:#FFFFFF;
	font-size:2.1em;
	font-weight:normal;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#index_left p{
	font-size:1.2em;
	line-height:1.7em;
	padding:8px 10px 12px 4px;
}

#design_portfolio{
	background:#1e1e1e url(images/design_portfolio_bg.png) no-repeat;
	width:275px;
	overflow:hidden;
}

#design_portfolio ul{
	float:left;
	padding:52px 0 15px 2px;
}

#design_portfolio ul li{
	float:left;
	padding:0 0 10px 10px;
}

#design_portfolio ul li img{
	float:left;
	width:73px;
	height:73px;
	border:2px solid #353535;
}

/* serv */

#serv{
	width:100%;
	overflow:hidden;
	width:859px;
	margin:13px 0 40px 26px;
}

#serv h2{
	padding:0 10px 10px 4px;
	color:#FFFFFF;
	font-size:2.1em;
	font-weight:normal;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#serv ul{
	width:178px;
	float:left;
	margin:0 34px 0 0;
}

#serv ul li{
	float:left;
	width:100%;
	border-bottom:1px solid #414141;
	color:#aaaaaa;
	font-size:1.2em;
	padding:6px 0 6px 0;
}

#serv ul li.last{
	border-bottom:0;
}

#serv ul li span{
	display:block;
	background:url(images/li.gif) no-repeat left 3px;
	padding:0 0 0 14px;
	margin:0 0 0 5px;
}

#serv ul li a{
	color:#aaaaaa;
}

/* FOOTER */

#footer{
	height:192px;
	background:url(images/footer_bg.png) no-repeat;
	overflow:hidden;
}

#logo2{
	width:167px;
	height:49px;
	text-indent:-5000px;
	position:relative;
	overflow:hidden;
	display:block;
	margin:17px 0 0 43px;
}

#logo2 span{
	background:url(images/logo2.png) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;
}

#footer h2{
	float:left;
}

#footer div{
	float:right;
	padding:25px 40px 0 0;
	text-align:right;
}

#footer div ul{
}

#footer div ul li{
	display:inline;
	color:#c89999;
	font-size:1.3em;
	padding:0 2px 0 3px;
}

#footer div ul li a{
	color:#c89999;
}

#footer div p{
	color:#c89999;
	font-size:1.3em;
	padding:5px 2px 0 0;
}

#footer div p a{
	color:#c89999;
}


/**/

#thanks_msg{
	color:#CCCCCC;
	font-size:1.2em;
	padding:40px 0 40px;
	text-align:center;
}

.solutions-nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
	margin-bottom: 30px;
}
.solutions-nav a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #FFFFFF;
	margin-left: 15 px;
	margin-right: 15px;
	background-color: #333333;
	padding: 10px;
	text-decoration: none;
}
.solutions-nav a:hover{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #610000;
	text-decoration: none;
}
.solution-item {
	margin-left: 30px;
	margin-right: 50px;
}
.pageIndex {
	width:1000px;
	margin:0 auto;
	background-image: url(images/topbg-header-index-arrow.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	padding-left: 48px;
}
.div-footer {
	margin-right: 50px;
}
#menu ul li a:hover {
	float:left;
	color:#CCCCCC;
	display:block;
	background-color: #990000;
	text-decoration: none;
	background-image: url(images/hover-bg.jpg);
	background-repeat: repeat-x;
}