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

body, div, span, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th 
{margin:0; padding:0;font-family:Arial, Helvetica, sans-serif;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal; clear:both;}
p{padding:0 0 4px 0px;}
img {border:0;}
caption,th {text-align:left;font-weight:bold;}
label{cursor:pointer;}
a{
outline:none;
}
a:active{
outline:none;
}
ul, ul li { margin:0; padding:0; list-style:none;}

html {
font-size:11px; 
font-family:Arial, Helvetica, sans-serif; 
color:#434343;

height:100%; 
/*background-color: #d1cfcc;*/

}
body {
background:url(../images/bg_top.gif) repeat-x left top  #fff;
font-size:11px; 
font:Arial, Helvetica, sans-serif; 
color:#434343;
height: 100%;


}
.left{ float:left;}
.right{ float:right;}

.wrapper{
/*height:100%;
height: auto !important;*/

width:1000px;
margin: 0px auto 0px auto;
background:url(../images/bg_wrapper.gif) repeat-x 0px 41px;
min-height:800px;
}
a{
outline:none;
}
a:hover{
outline:none;
}
#header{
width:1000px;
position:relative;
overflow:hidden;
height:256px;
float:left;
background:url(../images/header_separator.gif) center bottom no-repeat;
}

.topportion{
width:1000px;
height:41px;
float:left;
position:relative;

}
.login_sprt{
width:575px;
height:24px;
float: right;
padding-top:12px;
position:relative;
color:#000000;
font-size:12px;
text-align:right;
margin:0px 25px 0px 0px;
}
.login_sprt a{
font-size:12px;
color:#ffffff;
text-decoration:none;
}
.login_sprt a:hover{
color:#ffffff;
text-decoration:underline;
}
.logo{
	position:absolute;
	width:255px;
	height:198px;
	left: 24px;
	top: 0px;
	
}

.cup_container{
	position:absolute;
	width:402px;
	height:227px;
	left: 536px;
	top: 30px;
	z-index:1;
	
	
}
/******menu-----start*******/
ul.menu{
width:697px;
height:30px;
float:right;
position:relative;
margin-right:25px;
font-size:13px 94%;
font-weight:bold;
color:#fff;
z-index:3;
}
ul.menu li.home{
width:102px;
height:30px;
float:left;
color:#fff;
position:relative;
margin-right:5px;
background:url(../images/bg_button1.gif) no-repeat 0 0 ;
line-height:30px;
text-align:center;
}

ul.menu li.home a{
width:102px;
height:30px;
float:left;
color:#fff;
position:relative;
background:url(../images/bg_button1.gif) no-repeat 0 0 ;
text-decoration:none
}
ul.menu li.home a:hover{
width:102px;
height:30px;
float:left;
color:#fff;
position:relative;
background:url(../images/bg_button1.gif) no-repeat 0px -30px ;
}

ul.menu li.how{
width:132px;
height:30px;
float:left;
color:#fff;
position:relative;
margin-right:5px;
background:url(../images/bg_button2.gif) no-repeat 0 0 ;
line-height:30px;
text-align:center;

}

ul.menu li.how a{
width:132px;
height:30px;
float:left;
color:#fff;
position:relative;
background:url(../images/bg_button2.gif) no-repeat 0 0 ;
text-decoration:none
}
ul.menu li.how a:hover{
width:132px;
height:30px;
float:left;
color:#fff;
position:relative;
background:url(../images/bg_button2.gif) no-repeat 0 -30px ;
text-decoration:none
}
ul.menu li.features{
width:102px;
height:30px;
float:left;
color:#fff;
position:relative;
margin-right:5px;
background:url(../images/bg_button3.gif) no-repeat 0 0 ;
line-height:30px;
text-align:center;
}

ul.menu li.features a{
width:102px;
height:30px;
float:left;
color:#fff;
position:relative;
background:url(../images/bg_button3.gif) no-repeat 0 0 ;
text-decoration:none
}
ul.menu li.features a:hover{
width:102px;
height:30px;
float:left;
color:#fff;
position:relative;
background:url(../images/bg_button3.gif) no-repeat 0 -30px ;
text-decoration:none
}

ul.menu li.design{
width:132px;
height:30px;
float:left;
color:#fff;
position:relative;
margin-right:5px;
background:url(../images/bg_button4.gif) no-repeat 0 0 ;
line-height:30px;
text-align:center;
}

ul.menu li.design a{
width:132px;
height:30px;
float:left;
color:#fff;
position:relative;
background:url(../images/bg_button4.gif) no-repeat 0 0 ;
text-decoration:none
}
ul.menu li.design a:hover{
width:132px;
height:30px;
float:left;
color:#fff;
position:relative;
background:url(../images/bg_button4.gif) no-repeat 0 -30px ;
text-decoration:none
}

ul.menu li.about{
width:102px;
height:30px;
float:left;
color:#fff;
position:relative;
margin-right:5px;
background:url(../images/bg_button5.gif) no-repeat 0 0 ;
line-height:30px;
text-align:center;
}

ul.menu li.about a{
width:102px;
height:30px;
float:left;
color:#fff;
position:relative;
background:url(../images/bg_button5.gif) no-repeat 0 0 ;
text-decoration:none
}
ul.menu li.about a:hover{
width:102px;
height:30px;
float:left;
color:#fff;
position:relative;
background:url(../images/bg_button5.gif) no-repeat 0 -30px ;
text-decoration:none
}

ul.menu li.contact{
width:102px;
height:30px;
float:left;
color:#fff;
position:relative;
background:url(../images/bg_button6.gif) no-repeat 0 0 ;
line-height:30px;
text-align:center;
}

ul.menu li.contact a{
width:102px;
height:30px;
float:left;
color:#fff;
position:relative;
background:url(../images/bg_button6.gif) no-repeat 0 0 ;
text-decoration:none
}
ul.menu li.contact a:hover{
width:102px;
height:30px;
float:left;
color:#fff;
position:relative;
background:url(../images/bg_button6.gif) no-repeat 0 -30px ;
text-decoration:none
}

/****************menu end********************/

#footer{
width:1000px;
height:180px;
float:left;
position:relative;
overflow:hidden;
background:url(../images/footer_separartor.gif) no-repeat center top;

background-color: #FDFDFD;
}

#footer .lftsec{
width:399px;
height:160px;
float:left;
position:relative;
background:url(../images/footer_lftimg.gif) no-repeat left top;
margin: 1px 0px 0px 25px;
}

#footer .lftsec ul{
width:170px;
height:165px;
float:right;
position:relative;
margin-top:18px;
border-right:1px dashed #dadada;
}
#footer .lftsec ul li{
width:120px;	
color:#c45e47;
font-size:12px;
border-bottom:1px dashed #dadada;
padding:0px 0px 4px 0px;
margin-bottom:4px;
}
#footer .lftsec ul li a{
color:#c45e47;
text-decoration:none;
}
#footer .lftsec ul li a:hover{
color:#31120b;
text-decoration:none;
}

.social_networkicon{
width:16px;
height:75px;
float:left;
position:relative;
margin:18px 0px 0px 18px;
}
.social_networkicon img{
margin-bottom:15px;
}

.footer_copyright{
color:#9d9d9d;
font-size:12px;
float:right;
position:relative;
width:317px;
height:32px;
margin:10px 30px 0px 0px;
}

/*********************footer ends******************/

/****Main Portion**********/

.main_container{
width:1000px;
float:left;
position:relative;
overflow:hidden;
}
.option_div{
width:900px;
float:left;
position:relative;
height:30px;
margin:30px 0px 0px 50px;
}

.option_div li{
width:260px;
height:17px;
float:left;
position:relative;
margin-right:60px;
}
.option_div li.last{
width:260px;
height:17px;
float:left;
position:relative;
margin-right:0px !important;
}
#domain{
width:900px;
float:left;
position:relative;
overflow:hidden;
margin:30px 0px 0px 50px;
height:320px;
}


#domain ul{
width:387px;
float:left;
position:relative;
overflow:hidden;

margin-right:25px;
font-size:15px;
color:#7a5641;
/*
background:#999;*/
background:url(../images/demarc_new.gif) no-repeat right top;
font-weight: normal;
}

#domain ul li{
width:360px;
float:left;
position:relative;
margin-bottom:37px;
}
#domain ul li span{
color:#458830;
font-size: 13px;
}
#domain ul li .radio{
float:left;
position:relative;
width:26px;
height:30px;
border: 0px solid #999999;
margin-top: 2px;
}
#domain_name1{
	width:392px;
	height:91px;
	position:absolute;
	background:url(../images/bg_domain.gif) no-repeat left top;
	font-size:14px;
	color:#043349;
	padding:30px 12px 21px 40px;
	left: 443px;
}

#domain_name2{
	width:392px;
	height:91px;
	position:absolute;
	background:url(../images/bg_domain.gif) no-repeat left top;
	font-size:14px;
	color:#043349;
	padding:30px 12px 21px 40px;
	top: 86px;
	left: 443px;
}
#domain_name3{
	width:392px;
	height:91px;
	position:absolute;
	background:url(../images/bg_domain.gif) no-repeat left top;
	font-size:14px;
	color:#043349;
	padding:30px 12px 21px 40px;
	top: 171px;
	left: 443px;

}


div.shown{
display:block;
}

.txtfld{
width:214px;
height:21px;
padding:4px 6px;
background:url(../images/bg_txtbox.gif) no-repeat left top;
border:none;
color:#043349;
font-size:13px;
}
.but_tn{
	width:147px;
	height:27px;
	background:url(../images/button_bg.gif) no-repeat left top;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	border:none;
	padding-bottom:3px;
}
.error{
font-family: arial;
color:red;
font-size:12px;
background:url(../images/err.png) no-repeat left;
padding-left:17px;


}