@charset "utf-8"; 



@font-face 								{ font-family: ff-candara; src: url("fonts/candarab.eot"); }

@font-face 								{ font-family: ff-candara; src: url("fonts/candarab.ttf") format("truetype"); }



/*

------------------------------------------------------------------------------------------------------------------------------------------------------

Modify this section of styles will affect site_header.tpl and site_footer.tpl

------------------------------------------------------------------------------------------------------------------------------------------------------

*/

#mainbody 								{ width:960px; margin:auto; padding-right:20px; }   



#header_top								{ height:105px; }



#company_logo a							{ float:left; height:95px; width:350px; background:url(images/logo.jpg) left top no-repeat; }

#topnav									{ float:right; }

#topnav .link 							{ float:left;font-weight:normal;color:#fff; height:23px; padding-top:2px; background-color:#666;background-image:url(images/nv_01.gif); background-position:left top; background-repeat:no-repeat; padding-left:0px }

#topnav .link a							{ font:700 11px Candara, ff-candara, "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode"; color:#fff; text-transform:uppercase; padding:0 15px ;}

#topnav .link a:hover					{ color:#FFFF99;}

#topnav .link_right 					{ float:left; background-image:url(images/nv_02.gif); background-position:right top; background-repeat:no-repeat; height:25px; width:10px; margin-left:-10px;}

#topnav .language						{ float:left; padding:5px 24px 0 0; background-repeat:no-repeat; background-position:right 9px; margin-left:8px }

#topnav .language select 				{ font:400 11px "Trebuchet MS", "Lucida Sans Unicode"; color:#666; height:20px;}

#header_left							{ width:220px; float:left;  }

#header_right							{ width:730px; float:right; background:url(images/container_1.gif) top no-repeat; background-color:#fff; }

#innertube								{ width:704px; margin:0 auto;height:auto!important; height:700px; min-height:700px;   }



#breadcrumb								{ color:#999; padding:11px 18px; }	

#breadcrumb	a							{ color:#999; }

#breadcrumb	a:hover						{ color:#666; } 



#footer 								{ width:730px; background:url(images/container_2.gif) no-repeat bottom; text-transform:uppercase;  }

#footer .link							{ color:#aaa; font-size:10px; text-align:center; text-transform:uppercase; padding:50px 15px 10px 0; }

#footer .link a							{ color:#aaa; padding:0 10px }

#footer .link a:hover					{ color:#666; }

#footer .link li 						{ display:inline }



#copyright 								{ background-color:#1a1a1a; width:100%; text-align:center;  }

#copyright 								{ color:#aaa; font-size:10px; text-align:center; text-transform:uppercase; padding:12px 0 10px 0; }

#copyright a							{ color:#aaa; }

#copyright a:hover						{ color:#666; }



#loginbox								{ float:left; padding-left:15px; padding-right:25px; padding-top:36px; text-align:left; width:190px; height:198px; color:#ddd; line-height:1.8; }

#loginbox dt 							{ font-weight:700}

#loginbox dd 							{ height:25px;}



#loginbox ul							{ list-style:none ;margin:0 0 10px; font-weight:bold; list-style-position: outside; }

#loginbox li 							{ background:url(images/sidemenu_separate.gif) repeat-x bottom; padding:7px 0px; line-height:1.6;}

#loginbox li a 							{ color:#ddd; background-repeat: no-repeat;	background-position:left 0px; padding: 0 0 0 23px; }

#loginbox li a:hover 					{ color:#fff; }

#loginbox a 							{ color:#ddd; }

#loginbox a:hover	 					{ color:#fff; }

#loginbox h1							{ font:700 14px Candara, ff-candara, "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode"; color:#C93; text-transform:uppercase; margin:0 0 2px; line-height:1.8; }

#loginbox .greeting 					{ padding:0; margin:0 0 8px 0; font-weight:700}

#loginbox .inputbox1					{ width:185px; }



/*

------------------------------------------------------------------------------------------------------------------------------------------------------

Modify this section of styles will affect sidemenu_common.tpl

------------------------------------------------------------------------------------------------------------------------------------------------------

*/

#sidemenu								{ float:left; padding-left:15px; padding-right:25px; text-align:left; width:190px; }

#sidemenu ul							{ list-style:none;margin:0 0 10px; font-weight:700; list-style-position: outside; }

#sidemenu li 							{ background:url(images/sidemenu_separate.gif) repeat-x left bottom; padding:7px 0px; line-height:1.6; color:#ccc;}

#sidemenu li a 							{ color:#ddd; background-repeat: no-repeat;	background-position:left 0px; padding: 0 0 0 23px; }

#sidemenu li a:hover 					{ color:#c60; }

#sidemenu h1							{ font:700 14px Candara, ff-candara, "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode"; color:#C93; text-transform:uppercase; margin:20px 0 5px; line-height:1.8; }

#sidemenu dd 							{ padding:3px 0; }

#sidemenu select 						{ font:400 11px "Trebuchet MS", "Lucida Sans Unicode"; color:#666; height:20px; }

#sidemenu .inputbox1 					{ width:185px; }



/*

------------------------------------------------------------------------------------------------------------------------------------------------------

Modify this section of styles will affect clientareahome.tpl

------------------------------------------------------------------------------------------------------------------------------------------------------

*/

#clientareahome .title					{ height:35px; }

#clientareahome h1 						{ background:url(images/title_icon.gif) no-repeat 18px 12px; font:700 12px Candara, ff-candara, "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode"; color:#666 line-height:1.8; padding:11px 0px 0px 54px; }



#lastlogin								{ background:url(images/lastlogin.gif) no-repeat bottom; height:26px; text-align:center; padding:5px 0 0 0; margin-bottom:10px; color:#fff}

#clientinfo 							{ float:left; width:260px; }

#clientinfo .address					{ line-height:1.8; font-weight:bold; color:#858585; padding:10px 0 0 35px;}

 

#clientstats		 					{ float:left; width:340px; padding:15px 0px 5px 55px; height:auto!important; height:200px; min-height:200px; background:url(images/clientstats.jpg) no-repeat top; }

#clientstats .topic						{ font-weight:bold; padding:5px 0 5px 2px; font-size:12px;font-family:Candara, ff-candara,"Trebuchet MS", Tahoma; color:#930}

#clientstats dl 						{ padding:5px 0 8px 0; line-height:2; border-top:1px #ddd solid; width:320px;  }

#clientstats dt 						{ float:left; width::auto!important; width:250px; min-width:250px; white-space:nowrap; padding:0 0 0 3px; }

#clientstats a							{ color:#C60; display:block}

#clientstats a:hover					{ color:#930; }



/*

------------------------------------------------------------------------------------------------------------------------------------------------------

Modify this section of styles will affect homepage.tpl

------------------------------------------------------------------------------------------------------------------------------------------------------

*/
/*-- Added by Network Vista - START --------------------------------------------------------*/
#innertube .intro_shared				{ padding:37px 0 0 65px; width:170px; }
#innertube .intro_vps				{ padding:37px 0 0 40px; width:170px; }
#innertube .intro_dedicated				{ padding:37px 0 0 40px; width:170px; }
#innertube .intro_feature_joomla				{ padding:30px 0 0 180px; width:400px; }


#innertube .intro_image_shared			{ padding: 35px 0 0 60px;}
#innertube .intro_image_vps			{ padding:15px 0 0 40px; }
#innertube .intro_image_dedicated	{ padding:33px 0 0 40px; }

#nv_page_content .general_content		{ padding: 0 0 0 40px; }
#nv_page_content h1						{ font:700 20px "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode"; color:#999; line-height:1.8;}
#nv_page_content h2						{ font:700 14px "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode"; color:#aaa; line-height:1.6; margin:6px 0 0 1px; }
#nv_page_content h3						{ font:700 12px "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode"; color:#aaa; line-height:1.6; margin:6px 0 0 1px;  }	
#nv_page_content h4						{ font:700 11px "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode"; color:#aaa; line-height:1.6; margin:6px 0 0 1px; }	
/*--- Added by Network Vista - END -------------------------------------------------------*/

#homepagetopic							{ background:url(images/headline_homepage.jpg) no-repeat left top; height:210px; }

#homepagetopic .slogan					{
	padding:20px 0 0 110px;
	width:350px;
}
#homepagetopic .slogan h1				{
	color:#0052A4;
}
#homepagetopic .slogan_bottom			{ padding:0px 0 0 110px; width:280px; }
#homepagetopic .slogan_support_staff      { padding:50px 0 0 453px; width:280px; } /* added by Network Vista */
#homepagetopic .slogan_support_staff a     { color:#909090; } /* added by Network Vista */
#homepagetopic .slogan_support_staff a:hover      { color:#005BC1; } /* added by Network Vista */

#homepagetopic h1						{ font:700 20px "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode"; color:#005BC1; line-height:1.8; border-bottom:1px #ddd solid;}

#homepagetopic h2						{ font:700 14px "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode"; color:#aaa; line-height:1.6; margin:6px 0 0 1px; }	

#homepagetopic h4						{ font:700 12px "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode"; color:#838383; line-height:1.5; margin:6px 0 0 1px; }	

#homepagetags 							{ width:100%; margin:0 0 15px 0}

#homepagetags ul						{ list-style:none; cursor:pointer; padding-left:5px}

#homepagetags li 						{ float:left; width:220px; height:auto!important; height:60px; min-height:60px; background-position:10px 2px; background-repeat:no-repeat; margin:0 10px 18px 0; color:#666 }

#homepagetags p 						{ padding:0 0 0 10px; margin:0 0 0 60px; border-left:1px #ddd solid; line-height:1.5; }

#homepagetags p.title					{ font:700 12px Candara, ff-candara, "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode"; padding-bottom:5px; }



/*

------------------------------------------------------------------------------------------------------------------------------------------------------

Modify this section of styles will affect homepage.tpl & contact.tpl

------------------------------------------------------------------------------------------------------------------------------------------------------

*/

#contact .padding 						{ padding:30px 0 0 0 }

#contactform							{ margin:0 0 20px 0;}

#contactform							{ clear:both; width:100%; height:auto!important; height:280px; min-height:280px; background:url(images/contact_form.jpg) no-repeat; }

#contactform dl							{ float:right; padding:15px 0 0 0; width:400px;}

#contactform dt							{ float:left; clear:left; width:90px; padding:4px 8px 0 0; text-align:right; white-space:nowrap; }

#contactform dd							{ padding:3px 0; }



#contactinfo							{ float:left; padding:25px 0 0 95px; }

#contactinfo p.addr_title				{ font:700 12px Candara, ff-candara, "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode"; color:#666; text-transform:uppercase; padding:15px 0 }



/*

------------------------------------------------------------------------------------------------------------------------------------------------------

Modify this section of styles will affect $template/specific/headline_common.tpl

------------------------------------------------------------------------------------------------------------------------------------------------------

*/

#headline_common						{ margin-bottom:-70px; background: no-repeat; height:150px;}

#headline_common .slogan				{ padding:18px 0 0 90px; width:380px; }

#headline_common h1						
{ font:700 20px "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode"; color:#005BC1; line-height:1.8; border-bottom:1px #ddd solid;  text-transform:uppercase;}

#headline_common h2						{ font:400 12px "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode"; color:#777; line-height:1.5; margin-left:1px; }	


/*---------------------------------*/


/*

------------------------------------------------------------------------------------------------------------------------------------------------------

Modify this section of styles will affect $template/specific/headline_clientarea.tpl

------------------------------------------------------------------------------------------------------------------------------------------------------

*/

#headline_clientarea1					{ background-image:url(images/headline_clientarea1.jpg); background-repeat:repeat-x; background-position:left top; height:150px; margin:0;padding:0;margin-bottom:-25px;}

#headline_clientarea1 .slogan			{ padding:30px 0 0 35px;width:400px; }

#headline_clientarea1 h1				{ font-size:20px; font-weight:bold; color:#999; line-height:1.8; margin:0; padding:0; border-bottom:1px #ddd solid; color:#005BC1; }

#headline_clientarea1 h2				{ font-size:14px; font-weight:bold; color:#aaa; line-height:1.6; margin:0; padding:0;}	



#headline_clientarea					{ background:url(images/headline_clientarea.jpg) repeat-x left bottom; height:210px; margin:0;padding:0;  }

#headline_clientarea .slogan			{ height:100px; padding:30px 0 0 35px; margin:0px;width:400px;  }

#headline_clientarea h1					{ font-size:20px; font-weight:bold; color:#999; line-height:1.8; margin:0; padding:0; border-bottom:1px #ddd solid;}

#headline_clientarea h2					{ font-size:14px; font-weight:bold; color:#aaa; line-height:1.6; margin:0; padding:0; }

 

#headline_clientarea .shortcut 			{ text-align:center; font-size:10px;font-family: "Trebuchet MS", Tahoma; padding-left:6px}

#headline_clientarea .shortcut ul		{ list-style:none;}

#headline_clientarea .shortcut li 		{ float:left; margin:2px 3px;padding:0px;width:80px;height:70px;line-height:1.3;background:url(images/clientarea_icon.gif) no-repeat ;}

#headline_clientarea .shortcut li a 	{ color:#858585; margin:0px 0 0 0; padding:42px 0px 0px 0px;display:block;  }

#headline_clientarea .shortcut li a:hover{ color:#CC9900; text-decoration:underline; }





/*

------------------------------------------------------------------------------------------------------------------------------------------------------

Below styles are used for handle all buttons for this template

------------------------------------------------------------------------------------------------------------------------------------------------------

*/

button 									{ position: relative; border: 0; padding: 0; cursor: pointer; #overflow: visible; text-align:center; vertical-align:top; font:700 11px Candara, ff-candara, "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode"; text-transform:uppercase; }

button::-moz-focus-inner				{ border: none; } /* overrides extra padding in Firefox */

button span 							{ position: relative; display: block; white-space: nowrap;}



button.BtnSubmit 						{ padding: 0 12px 0 0; margin:0 0 0 -3px; #margin:0; color:#444; } 

button.BtnSubmit span 					{ padding: 6px 0 0 13px; width:auto!important; width:55px; min-width:55px; height:19px; #margin:0 0 -2px 0; #padding-right:3px; }

button.BtnSubmit:hover, button.BtnSubmitHover { background-position: right -150px;  color:#777; }

button.BtnSubmit:hover span, button.BtnSubmitHover span { background-position: 0 -50px; }



button.BtnSmall 						{ padding: 0 7px 0 0; margin:0 0 0 -3px; #margin:0; color:#fff; }

button.BtnSmall span 					{ padding: 3px 0 0 8px; width:auto!important; width:40px; min-width:40px; height:17px; #margin:0 0 -2px 0; #padding-right:3px; }

button.BtnSmall:hover, button.BtnSmallHover { background-position: right -150px; color:#eee; }

button.BtnSmall:hover span, button.BtnSmallHover span { background-position: 0 -50px; }



button.BtnSearch 						{ padding: 0 7px 0 0; margin:0 0 0 -3px; #margin:0; color:#fff; }

button.BtnSearch span					{ padding: 3px 0 0 8px; width:auto!important; width:40px; min-width:40px; height:17px; #margin:0 0 -2px 0; #padding-right:3px; }

button.BtnSearch:hover, button.BtnSearchHover { background-position: right -150px;  color:#eee; }

button.BtnSearch:hover span, button.BtnSearchHover span { background-position: 0 -50px; }



button.BtnGo							{ height:20px; width:28px; margin:0; }

button.BtnGo span 						{ display:none; }

button.BtnGo:hover, button.BtnGoHover 	{ background-position: right -50px; }



button.BtnHeaderLogin					{ padding: 0 10px 0 0; margin:0 0 0 -3px; #margin:0; color:#666; } 

button.BtnHeaderLogin span				{ padding: 6px 0 0 10px; width:auto!important; width:40px; min-width:40px; height:18px; #margin:0 0 -2px 0; #padding-right:3px; } 

button.BtnHeaderLogin:hover, button.BtnHeaderLoginHover { background-position: right -150px;  color:#333; }

button.BtnHeaderLogin:hover span, button.BtnHeaderLoginHover span { background-position: 0 -50px; }

 

/* Safari and Google Chrome only - fix margins */

@media screen and (-webkit-min-device-pixel-ratio:0) {

	button span { margin-top: -1px;

	}

}