@charset "utf-8";

/* CSS Document */

body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,img { margin:0;padding:0;}

/*  --------------------  */
/*  =GENERAL RULES
/*  --------------------  */

/* hide from ie on mac \*/

html {

	height: 100%;
}

#flashcontent {

}

/* end hide */

body {

    background:	#fafafa;
	color: #383838;
	font-size:13px;
	margin: 0;
	padding: 0;
	font-family: "Lucida Sans", Georgia, Tahoma, Arial, "Trebuchet MS";}

#top-menu {

    width:600px;

	height: 14px;

	background-image:url(top_bkg.jpg);

	background-repeat:no-repeat;

	margin:0 auto;

	}

#wrapper {

	margin-left: auto; 
	margin-right: auto;
	padding:0px 0px 0px 0px;
	width:900px;
	position: relative;
	height: auto;
	background-color:#FFF;
}

p {

	color: #383838;

	font-family: "Lucida Sans", Georgia, Tahoma, Arial, "Trebuchet MS";

	font-size: 12px;

	font-style: normal;

	font-weight: normal;

	line-height: 1.5em;

	margin: 0px 0 10px 10px;

}



.style1 {

	font-size: 18px;

	font-weight: bold;}

/*  ----------HEADERS----------  */

h5, h6 {

	color: #383838;

	font-family: "Lucida Sans", Georgia, Tahoma, Arial, "Trebuchet MS";

	font-style: normal;

	font-weight: bold;

	line-height: 1.2em;

	margin: 0px 0 .25em 10px;

}



h1 { font-size: 10px; padding-top:0px; text-align:center;}



h2 {

    font-size:14px;
	padding-bottom:0px;
	margin:5px 0 5px 0px;
	background-color: transparent;
	text-transform: capitalize;

}

h3 { margin: 0;	padding: 5px 0 0 9px; font-size: 14px; color:#0b5292; text-transform: capitalize; text-align:left;}

h5 { font-size: 1.0em; color:#005095; padding:2px 0 2px 1px; margin:0; }

h6 { color:#fafafa;  

	font-size:12px;

	padding-bottom:0px;

	margin:5px 0 5px 0px;

	text-transform: capitalize;}

/*  ----------HEADERS----------  */

a:link {

	color: #383838;

	font-weight: bold;

	text-decoration: none;

}

a:visited {

	color: #383838;

	font-weight: bold;

	text-decoration: none;

}

a:hover {

	color: #015095;

	text-decoration: underline;

}

img{border:none;}

#headerAliante {padding-right:0px; margin:0px auto; width:900px; height:64px;}
#lhead{ float:left; text-align:left; padding:0px; margin:0px 0px 0 5px; width:260px; height:64px; }
#mhead { float:left; text-align:left; padding-right:0px; margin:0px 0px 0 0; width:400px; height:64px; background:url(top_bg.jpg) no-repeat top; }
#mhead a { color:#8c9195; font-style:normal;}
#mhead h1 { font-size: 10px; padding-top:0px; text-align:center; color:#8c9195;}

#mhead ul{

	margin:0 0px 0 20px;
	border:0 none;
	padding-top:2px; 
	list-style:none;
	height:30px;
	line-height:15px; 
}

#mhead li

{
	display:block;
	padding-left:7px;
	float:left;
	margin:0;
}

#rhead{ float:right; text-align:right; padding-right:0px; margin:0px 0px 0 0; width:235px; height:59px; }


#container { width: 894px; padding-top:5px;  margin: 0 auto; position: relative;  }



#main { width: 100%; position: relative; }

#content { padding: 5px 0px; position: relative; color: #333; }

/* layout */

#main #content { padding:0; }

#main .grid3col div.column.first { width:236px; padding:0; }

#main .grid3col div.column.last { width:436px; padding:0; }

#main .grid3col div.column.last img.space { margin-bottom:20px; }

/* GRID */

.column { float: left; background-color:#FFF; }

.grid3col { width: 100%; }



.grid3col .column { width: 86%; }

.grid3col .column { width: 64%; margin-left: 1.0%; }

.grid3col .column { width: 69%; }



.column.first, .column.last { margin-left:5px !important; }

.column.last { float: right !important; }



#main .sidebox { position:relative; overflow:hidden; margin-bottom:11px; padding:0 10px; font-size:13px; line-height:1.4em; background:url(sidebox.png) no-repeat  0 100%; }

#main .sidebox h2 { min-height:25px; _height:25px; margin:0 -10px 7px; padding:0 7px; line-height:25px; font-size:13px; color:#fff; background:#6e7d98 url(titlebg.png) no-repeat 0 0; }

#main .selected {color: #015095; margin-left:-5px; padding-left:5px; background: url(leftarrow.gif) left no-repeat;}



ul{ list-style:none;}

ol{ list-style: none;}

dl { margin:0 0 0px 0px; padding:0; font-size:10px; list-style:none;} 

dl li { padding-bottom:2px; font-weight:bold;}

#AlianteFlash {float:left; height:365px; width:892}

#seo {font-size:10px; padding-top:0px; margin-left:0px;}

#start { width: 340px; height:280px;  float:right; text-align:left; margin-right: 3px; padding-left:1px; padding-top:0px; background:url(../img/home/mainbg.jpg) no-repeat; }

#start p{padding-left:20px; padding-right:30px; padding-top:10px; color:#665665;}

#start h2{ font-size:15px; padding-left:29px; padding-right:25px; padding-top:15px; color:#333333; text-transform: none;}



#contentwrap {padding-right:0px; margin:0px auto; width:900px; height:200px;}
#lcol{ float:left; text-align:left; padding:0px; margin:0px 0px 0 0px; width:450px; border-right:1px solid #CCC; }
#lcol p {margin-right:5px;}
#lcol h1 {font-size:14px;
	padding-bottom:0px;
	margin:5px 0 5px 0px;
	text-align:center;
	text-transform: capitalize;}
#lcol ul {margin-left:20px; padding-left:20px; list-style:disc;}
#lcol ul li {font-size:12px; font-weight:bold; padding-bottom:3px;}

#rcol { float:left; text-align:left; padding-right:0px; margin:0px 0px 0 0; width:440px; }
#rcol h2 {font-size:14px;
	padding-bottom:0px;
	margin:5px 0 5px 0px;
	text-align:center;
	text-transform: capitalize;}
#rcol ul {margin-left:20px; padding-left:20px; list-style:disc;}
#rcol ul li {font-size:12px; font-weight:bold; padding-bottom:3px;}
	
	
#peoplewrap {padding-right:0px; margin:0px auto; width:900px;}
#peopleleft{ float:left; text-align:left; padding:0px; margin:0px 0px 0 0px; width:500px; border-right:1px solid #CCC; }
#peopleleft p {margin-right:5px;}
#peopleright { float:left; text-align:left; padding-right:0px; margin:0px 0px 0 0; width:380px; }

#footer2{text-align:center; font-size:9px; padding-top:0px; margin-left:0px;}

#footer{text-align:center; font-size:9px; padding-top:0px; margin-left:0px;}

#footer a{ color: #004b8c;}

#footer a:hover{ color: #015095; text-decoration:underline;}



#fticon { float:right; text-align:right; padding-right:0px; margin:0px; width:750px; }





#footerwrap {text-align:left; font-size:10px; height: 267px; width:894; padding-top:0px; margin-left:0px; background: url(btmshadow.jpg) no-repeat top;}

#footerwrap img{ padding:0; margin:0;}

#footerwrap a{ color: #666667;}

#footerwrap a:hover{ color: #015095; text-decoration:underline;}

#footerwrap ul{padding-left:0px;}

#footerwrap li{              

			 margin-top: 0em;

             margin-bottom: 0em;

			 font-size:11px;

             padding: 0 0 0 7px;

             background: url("dot.gif") no-repeat left;

}



#footerwrap h4{ font-size: 11px; padding-top:0px; color:#045292;}



#footcol1{ width: 200px; float:left; text-align:left; margin: 0 auto; padding-left:20px; padding-top:0px;}

#footcol2{ width: 300px;  float:left; text-align:left; margin: 0 auto; padding-left:5px; padding-top:0px; }

#footcol3{ width: 350px; float:left; text-align:center; margin: 0 auto; padding-left:5px;}

#footcol4{ width: 205px; float:left; text-align:left; margin: 0 auto; padding-left:5px; }

#footcol5{ width: 200px; float:left; text-align:left; margin: 0 auto; padding-left:100px; padding-top:0px; }

#footercopy{ clear:both; width:896px; text-align:center; margin:-14px 0 0 2px; padding-top:2px; font-size:9px; border-top:1px solid #b7b7b7; }

#footercopy a{ color: #999999;}

#footercopy a:hover{ color: #015095; text-decoration:underline;}
#footercopy img{ padding-top:2px; margin-top:2px; vertical-align:bottom;}


#fticon ul{

	margin:0 0px 0 0px;

	border:0 none;

	padding-top:12px; 

	list-style:none;

}



#fticon li{

	display:block;

	padding-right:55px;

	float:left;

	margin:0;

	background:none;

}

#ftcontent{width:600px; height:600px; margin: 0 auto; text-align:left;}

#ftcontent ul{padding-left:15px;}

#ftcontent li{              

			 margin-top: 0em;

             margin-bottom: 0em;

             padding: 0 0 0 7px;

             background: url("dot.gif") no-repeat left;}

/*----------------------------------------------------------- MAIN NAVIGATION -----------------------------------------------*/

ul#menu

{   

	margin:0;

	border:0 none;

	padding-left:7px;

	min-width:893px; 

	list-style:none;

	height:30px;

	line-height:15px; 

		background:#565b60 url(../img/menu/menuBG.png) no-repeat;

}



ul#menu li

{

	display:block;

	float:left;

	margin:0;

	pading:0;

}

	

ul#menu a

{

	padding:7px 23px 8px 23px;

	float:none !important; /*For Opera*/

	float:left; /*For IE*/

	display:block;

	color:#000000;

	font-family: "Lucida Sans", Georgia, Tahoma, Arial, "Trebuchet MS";

	font-size:12px;

	font-weight:bold;

	background-image:url(../img/menu/border.gif);

	background-position: top right;

	background-repeat:no-repeat;

	text-decoration:none;

	min-width:42px;

	height:auto !important;

	height:1%; /*For IE*/

	z-index:3;

}

ul#menu a:hover{

	color:#034d92;

}



ul#menu a.current

{

	border-bottom:4px solid #013d73;	

	float:left;

	margin:0;

	color:#013d73;

}



ul#menu a.last

{	

	background-image: none;

	border:none;

}



ul#menu span {

	display: none;

	position: absolute;

}

#nav-home span {

	background: url(gotohome.png) no-repeat;

	width: 168px;

	height: 29px;

	top: -100px;

	left: 53px;



}

#nav-design span {

	background: url(design.png) no-repeat;
	width: 231px;
	height: 34px;
	top: -18px;
	left: 150px;
}
#nav-upload span {

	background: url(upload.png) no-repeat;
	width: 231px;
	height: 34px;
	top: -18px;
	left: 405px;
}
#nav-seo span {

	background: url(seo.png) no-repeat;
	width: 168px;
	height: 34px;
	top: -18px;
	left: 25px;
}

#nav-marketing span {
	background: url(marketing.png) no-repeat;
	width: 168px;
	height: 34px;
	top: -18px;
	left: 220px;
}

#nav-graphic span {
	background: url(graphic.png) no-repeat;
	width: 248px;
	height: 34px;
	top: -18px;
	left: 275px;
}


#nav-host span {

	background: url(host.png) no-repeat;

	width: 168px;

	height: 34px;

	top: -18px;

	left: 576px;

}

#nav-portfolio span {

	background: url(portfolio.png) no-repeat;

	width: 266px;

	height: 34px;

	top: -13px;

	left: 595px;

}

#nav-home a:hover span {

	display: block;

}

#nav-design a:hover span {

	display: block;

}

#nav-upload a:hover span {

	display: block;
}

#nav-seo a:hover span {

	display: block;

}

#nav-marketing a:hover span {

	display: block;

}

#nav-graphic a:hover span {

	display: block;

}

#nav-host a:hover span {

	display: block;

}

#nav-portfolio a:hover span {

	display: block;

}

/*-------------------------------------------------------- BIG BOX MAIN ------------------------------------------------------*/



#big_box_top{

background:url(../img/home/topBox_top.jpg) no-repeat;

padding-bottom:0px;

margin-top:5px;

width:898px;

height:7px;

overflow:hidden;

clear:both;

}



#big_box_container{

width:894px;

height:295px;

text-align:center;

margin-left:1px;

border-left:#CCCCCC 1px solid; border-right:#CCCCCc 1px solid;

}

#big_box_container_m{

width:894px;

height:600px;

text-align:center;

margin-left:1px;

border-left:#CCCCCC 1px solid; border-right:#CCCCCc 1px solid;

}

#big_box_container_m p{

padding:0 20px 0 20px;

text-align:left;

font-size:13px;

}



#big_box_container_e{

width:894px;

height:800px;

text-align:center;

margin-left:1px;

border-left:#CCCCCC 1px solid; border-right:#CCCCCc 1px solid;

}



#big_box_container_e p{

padding:0 20px 0 20px;

text-align:left;

font-size:13px;

}



#big_box_container_e ul{

margin:0 20px 0 60px;

text-align:left;

font-size:13px;

list-style:disc;

}





#big_box_container_copy{

width:894px;

height:520px;

text-align:center;

margin-left:1px;

border-left:#CCCCCC 1px solid; border-right:#CCCCCc 1px solid;

}



#big_box_container_copy p{

padding:0 20px 0 20px;

text-align:left;

font-size:13px;

}

#big_box_container_copy h5{

padding:0 20px 0 20px;

text-align:left;

}

#big_box_container_copy ul{

list-style: disc;

text-align:left;

margin-left:50px;

}





#big_box_container_compare{

width:895px;

height:310px;

text-align:center;

border-left:#CCCCCC 1px solid; border-right:#CCCCCc 1px solid;

}

#big_box_container_email{

width:895px;

height:520px;

text-align:center;

border-left:#CCCCCC 1px solid; border-right:#CCCCCc 1px solid;

}

#big_box_container_features{

width:895px;

height:450px;

margin-top:-5px;

text-align:center;

border-left:#CCCCCC 1px solid; border-right:#CCCCCc 1px solid;

}

#big_box_bottom_plan{

margin:0 auto;

margin-top: -20px;

padding-bottom:0px;

}





#big_box_container404{

width:895px;

height:345px;

text-align:left;

border-left:#CCCCCC 1px solid; border-right:#CCCCCc 1px solid;

}

#big_box_container404 dl{font-size:12px;}



#big_box_bottom{

margin:0 auto;

margin-top: -7px;

padding-bottom:0px;

}

/*-------------------------------------------------------- tab menu ------------------------------------------------------*/



a.rollover1 {

	display: block;

	width: 115px;

	height: 22px;

	background: url("button_email.jpg") 0 0 no-repeat;

	text-decoration: none;}

a:hover.rollover1 { background-position: -115px 0;}



a.rollover2 {

	display: block;

	width: 115px;

	height: 22px;

	background: url("button_chat.jpg") 0 0 no-repeat;

	text-decoration: none;}

a:hover.rollover2 { background-position: -115px 0;}



a.rollover3 {

	display: block;

	width:100px;

	height: 22px;

	background: url("button_login.jpg") 0 0 no-repeat;

	text-decoration: none;} 

a:hover.rollover3 {	background-position: -100px 0;}



a.rollover4 {

	display: block;

	width:100px;

	height: 22px;

	background: url("button_bookmark.jpg") 0 0 no-repeat;

	text-decoration: none;}

a:hover.rollover4 {	background-position: -100px 0;}



a.rollover5 {

	display: block;

	width: 123px;

	height: 22px;

	background: url("button_quote.jpg") 0 0 no-repeat;

	text-decoration: none;}

a:hover.rollover5 {	background-position: -123px 0;}



a.rollover10 {

	display: block;

	width:167px;

	height: 113px;

	background: url(glogo.png) 0 0 no-repeat;

	text-decoration: none;}

a:hover.rollover10 { background-position: -167px 0;}



a.rollover11 {

	display: block;

	width:144px;

	height: 113px;

	background: url(usa.png) 0 0 no-repeat;

	text-decoration: none;}

a:hover.rollover11 { background-position: -144px 0;}



a.rollover12 {

	display: block;

	width:117px;

	height: 113px;

	background: url(uptime.png) 0 0 no-repeat;

	text-decoration: none;}

a:hover.rollover12 { background-position: -117px 0;}



a.rollover13 {

	display: block;

	width:117px;

	height: 113px;

	background: url(secure.png) 0 0 no-repeat;

	text-decoration: none;}

a:hover.rollover13 { background-position: -117px 0;}



a.rollover14 {

	display: block;

	width:167px;

	height: 113px;

	background: url(money.png) 0 0 no-repeat;

	text-decoration: none;}

a:hover.rollover14 { background-position: -167px 0;}







/* process */



#foot ul{padding-left:12px;}

#process p {font-size:11px;}

#process span {font-size:12px;}



#process a:hover{text-decoration:none;}

ol{

	list-style: none;

	font-family:  "Lucida Sans", Georgia, Tahoma, Arial, "Trebuchet MS";

  	font-size: 11px;

	margin: 0;

	padding: 0;

}



ol li{

	float: left;

	padding: 10px;	

	display: block;

	margin-right: 10px;	

	color: #665665

	background: transparent url(bg.gif) repeat-x;	

}



ol li p strong{

	color: #000;

	font-size: 13px;

	font-family:  "Lucida Sans", Georgia, Tahoma, Arial, "Trebuchet MS";

}

ol li span strong{

	color: #000;

	font-size: 13px;

	font-family:  "Lucida Sans", Georgia, Tahoma, Arial, "Trebuchet MS";

}

ol li a{	

	display: block;	

	overflow: hidden;

	height: 113px;

	width: 75px;

	cursor: pointer;

	font-size: 11px;	

}



#a1{

	width: 380px;

}



ol li img{	

	z-index: 100;

	position: absolute;

}



ol li p{	

	margin: 0;

	padding: 0;

	width: 230px;

	display: block;

	margin-left: 129px;	

}

ol li span{	

	margin: 0;

	padding: 0;

	width: 230px;

	display: block;

	margin-left: 129px;	

}





/* contactform */

#aliante-container {

	position: relative;

}



#aliante {

	width: 650px;

	display: none;

	margin: 0 auto;

}



#aliante-content {

	width: 650px;

	margin: 0 auto;

	padding-top: 10px;

}



a.close {

	position: relative;

	float:right;

	margin-top:5px;

	background: url(close-btn.png) no-repeat 0 0;

	display: block;

	height: 39px;

	width: 91px;

	text-indent: -9000px;

}



a.close-aliante {

	position: relative;

    float:right;

	background: #FFF;

	border: 2px solid #FFF;

	text-decoration: none;

	padding: 0px 4px 1px 5px;

	font-weight: bold;

	font-size: 1.2em;

}



a.close:hover {

	background-position: 0 bottom;

}

.aliantequickform {cursor: pointer;}
