@charset "utf-8";

/*---------------------------
04 August 2010
Copyright. Online Webhosting.
---------------------------*/


/*---------------------------
RESET :
---------------------------*/

html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, 
em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend
{margin:0;padding:0;border:0;outline:0;font-weight:normal;font-style:normal;font-size:100%;font-family:inherit;vertical-align:baseline;}

/*---------------------------
GLOBAL :
---------------------------*/

html	{ margin-bottom: 1px; min-height: 100%; }
body	{ margin:0;padding:0;border:0;font: .75em/1.5 "Arial", "Helvetica", sans-serif;color:#666;background:url(../images/background.png) repeat-x #efefef;}

a	{ text-decoration:none;font-weight:normal;}
li	{ list-style:none;}
	

TEXTAREA, INPUT, SELECT, OPTION, OPTGROUP, BUTTON
{
	background: #FFF;
	font: 1em Arial, Helvetica, sans-serif;
}
BUTTON, INPUT.radio, INPUT.checkbox, LABEL, SELECT
{
	cursor: pointer;
}
BUTTON
{
	overflow: visible;
	border: none;
	background: none;
	white-space: nowrap;
}
FIELDSET
{
	padding: 0;
	border: none;
}
LEGEND
{
	display: none;
}
.uppercase
{
	text-transform: uppercase;
}


/*	.pngfix {
		behavior:url(css/iepngfix.htc);
		}
*/


/*---------------------------
HEADER
---------------------------*/

#header				{ width:960px;height:142px;margin:0 auto;}
#header img			{ float:left;margin-top:46px;}

ul#menu				{ float:right;margin-top:60px;}
ul#menu li			{ display:inline;float:left;}
ul#menu li a			{ display:inline-block;padding:3px 20px 10px 20px;font:11px Arial, Helvetica, sans-serif;color:#999;}

ul#menu li a:hover, 
ul#menu li a.active		{ color:#ccc;background:url(../images/bg-menu.jpg) center no-repeat;overflow:visible;}
ul#menu li a.home:hover, 
ul#menu li a.homeactive		{ background:url(../images/bg-menu-home.jpg) center no-repeat;}


/*---------------------------
FOOTER
---------------------------*/

.footer1			{ padding:35px 0;background:#231F20;}
.footer1 .content		{ width:950px;height:120px;margin:0 auto;padding-left:10px;background:#231F20;}
.footer1 H4			{ height:auto;margin-top:0;color:#ED8630;}
.footer1 FORM			{ float:left;width:250px;height:116px;padding-right:50px;background: url(../images/dots-v.gif) repeat-y right;}
.footer1 FORM P			{ color:#CCC;}
.footer1 FORM INPUT		{ width:178px;padding:4px 0 4px 10px;border:none;background: url(../images/newsletterbg.png) no-repeat 0 0;color: #777;font-size: 0.917em;vertical-align: middle;}
.footer1 FORM BUTTON		{ width:61px;height:22px;padding-bottom:4px;border:none;background: url(../images/newsletterbg.png) no-repeat 100% 0;color:#FFF;font-size: 0.9167em;line-height: 18px;text-transform: uppercase;text-align: center;vertical-align: middle; }
.footer1 FORM BUTTON:hover	{ background-position: 100% 100%;}
.footer1 UL.social		{ float:left;list-style: none;width: 130px;height: 120px;margin: 0;padding: 0 20px;background: url(../images/dots-v.gif) repeat-y right;}
.footer1 UL.social LI		{ margin:0;}
.footer1 UL.social A, .footer1 UL.social A:visited
				{ display:block;height:32px;padding: 15px 0 15px 45px;border: none;color:#777;font-size: 0.917em;}
.footer1 UL.social A.facebook, .footer1 UL.social A.facebook:visited
				{ padding-top: 0;border-bottom: 1px solid #2E2A2B;background: url(../images/facebook.jpg) no-repeat 0 0;}
.footer1 UL.social A.twitter, .footer1 UL.social A.twitter:visited
				{ background: url(../images/twitter.jpg) no-repeat 0 15px;}
.footer1 UL.social A:hover	{ color: #FFF;}


.links				{ float:left;overflow:hidden;width:130px;padding:0 10px 0 20px;}
.links.last			{ width:140px;padding-right:0;}
.links UL			{ list-style:none;margin:0;padding:0;}
.links UL LI			{ margin:0;border-bottom:1px solid #2E2A2B;font-size:0.917em;}
.links UL LI.last		{ border-bottom:none;}
.links H4			{ color:#FFF;margin-bottom:10px;}
.links A, .links A:visited	{ display:block;padding:5px 0;border-bottom:none;color:#777;}
.links A:hover			{ color:#FFF;}

.footer2			{ padding:30px 0;background:#000;}
.footer2 P			{ width:810px;margin:0 auto;padding-left:150px;background: #000 url(../images/logo-bottom.jpg) no-repeat left center;color:#444;font-size: 0.917em;line-height: 17px;}
.footer2 P A, .footer2 P A:visited
				{ padding:0 3px;border-bottom:none;color:#AAA;}
.footer2 P A:hover		{ color:#FFF;}
.footer2 P STRONG		{ color:#FFF;}
.footer2 P SPAN			{ color:#777;}



/*---------------------------
BANNERS
---------------------------*/	
		
#banner-owh			{ height:480px;margin:0 auto;background:url(../images/bg-index-banner.jpg) repeat-x;}
#banner				{ width:960px;height:280px;margin:0 auto;}
#banner .banner-left		{ width:400px;height:280px;float:left;}
.banner-left h1			{ font:14px Arial, Helvetica, sans-serif;color:#666;margin-top:30px;}
.banner-left a			{ color:#000;padding-bottom:1px;}
.banner-left a:hover		{ background:url(../images/underline-z.gif) bottom no-repeat;}
.banner-left a.webhosting:hover	{ background:url(../images/underline-solutions.gif) bottom no-repeat;}
.banner-left a.webdesign:hover	{ background:url(../images/underline-portfolio.gif) bottom no-repeat;}
.banner-left a.contact:hover	{ background:url(../images/underline-request.gif) bottom no-repeat;}
.banner-right			{ width:560px;height:280px;float:left;}
.banner-right img		{ float:right;}

#slider-homepage		{ width:960px;height:150px;margin:0 auto;background:url(../images/bg-slider.jpg) repeat-x;}
#slider-homepage .btn		{ width:27px;height:150px;float:left;}
#slider-homepage .main		{ width:906px;height:150px;float:left;display:block;overflow:hidden;}
#slider-homepage .main img	{ margin-top:20px;margin-left:14px;}
#slider-homepage .main img.fst	{ margin-top:20px;margin-left:15px;}


/*-------------------------
SECTION
-------------------------*/

.section-owh			{ height:auto;margin:0 auto;background:#fff url(../images/bg-section.jpg) repeat-x;overflow:hidden;}
.section			{ width:960px;height:auto;margin:0 auto;overflow:hidden;background:url(../images/section-bar.png) repeat-y;}

.container			{ height:300px;float:left;padding:25px;background:url(../images/section-bar-single.jpg) repeat-y right;}
.home-left			{ width:0px;}
.home-left h1			{ background:url(../images/text-designs-that-deliver.jpg) no-repeat;text-indent:-999px;height:25px;}

#section .home-left h2		{ margin-top:10px;}
				
			.center {
			width:200px;
			}
			
				.center h1 {
					background:url(../images/text-IT-solutions.jpg) no-repeat;
					text-indent:-999999px;
					height:25px;
					}
					
				
				.center h2 {
					border-top:1px dotted #ccc;
					margin-top:10px;
					}
				
				.center a {
					width:200px;
					height:25px;
					float:left;
					display:block;
					border-bottom:1px dotted #ccc;
					color:#666;
					font:11px/25px Arial, Helvetica, sans-serif;
					}
					
					.center a:hover {
						background:#f0f0f0 url(../images/bullet-arrow.gif) no-repeat right;
						
						}
			
			.home-right {
			width:275px;
			background:none;
			}
				.home-right h1 {
					background:url(../images/text-portals-products.jpg) no-repeat;
					text-indent:-999999px;
					height:25px;
					}
					
				.home-right img {
					float:left;
					margin-top:20px;
					}
					
	




/*---------------------------
WEB DESIGN
---------------------------*/	
#banner-owh-webdesign		{ height:352px;margin:0 auto;background:url(../images/bg-banner-solutions.jpg) repeat-x;}
.banner-webdesign		{ width:960px;height:300px;padding-top:52px;margin:0 auto;overflow:hidden;}
.banner-webdesign-left		{ width:400px;height:352px;overflow:hidden;float:left;}
.banner-webdesign-right		{ width:560px;height:352px;float:left;}
.banner-webdesign-right h2	{ font:12px Arial, Helvetica, sans-serif;color:#000;}
.banner-webdesign-right img	{ margin-top:25px;}

/*
.section-owh-webdesign		{ height:auto;background:#fff url(../images/bg-section.jpg) repeat-x;float:left;}
*/
.section-webdesign		{ width:960px;height:auto;display:block;overflow:hidden;margin:0 auto;background:url(../images/section-bar.png) repeat-y;}
.webdesign-left			{ width:260px;height:360px;}
.webdesign-left h1		{ font-size:20px;color:#666;}
.webdesign-left h2		{ border-top:1px dotted #ccc;margin-top:20px;padding-top:20px;font:14px/20px Arial, Helvetica, sans-serif;}
.webdesign-left a		{ width:260px;height:30px;float:left;display:block;border-bottom:1px dotted #ccc;color:#000;font:14px/30px Arial, Helvetica, sans-serif;}
.webdesign-left a:hover		{ background:#f0f0f0 url(../images/bullet-arrow.gif) no-repeat right;}
.webdesign-right		{ width:600px;background-image:none;height:auto;}
.webdesign			{ width:600px;border-top:1px dotted #ccc;float:left;}
.webdesign h2			{ font:20px/50px Arial, Helvetica, sans-serif;color:#000;display:block;padding-left:30px;background:url(../images/bullet-arrow-down.gif) 0 20px no-repeat;}
.webdesign h3 a			{ font:20px Arial, Helvetica, sans-serif;color:#000;display:block;padding:10px 0 10px 30px;background:url(../images/bullet-arrow-next.gif) 0 20px  no-repeat;}
.webdesign h3 a:hover		{ background:#f0f0f0 url(../images/bullet-arrow-down.gif) 10px 25px no-repeat;}
.webdesign-detail		{ margin-bottom:25px;}
.webdesign-detail span		{ width:400px;float:left;}
.webdesign-detail img		{ float:left;margin:20px 0;}		
.no-top-border			{ border-top:none;}
.yes-bottom-border		{ border-bottom:1px dotted #ccc;}



				
		
/*-----------------
CONTACT
-----------------*/


.contact-form-holder {
		width:960px;
		height:600px;
		margin:0 auto;
		margin-bottom:50px;
		background:url(../images/bg-contact-form.png) top no-repeat;
		}
		
		.contact-add {
			text-align:center;
			padding-top:15px;
			}
			
			.contact-add a {
				color:#666;
				border-bottom:1px dotted #666;
				}
				
				 .contact-add a:hover{
				border-bottom:1px solid #666;
				}
		
		.contact-form {
		width:610px;
		height:225px;
		margin:0 auto;
		padding-top:100px;
		}
		
			.contact-form label {
				color:#666;
				font:14px Georgia, "Times New Roman", Times, serif;
				line-height:30px;
				height:30px;
				float:left;
				display:inline-block;
				}
				
			.contact-form input, .contact-form textarea {
				width:500px;
				border:0;
				font:14px Georgia, "Times New Roman", Times, serif;
				color:#ccc;
				font-style:italic;
				padding-left:10px;
				background:none;
				
				}
				
				.contact-form input:focus, .contact-form input:active,.contact-form textarea:focus, .contact-form textarea:active {
				color:#000;
				outline:0;
				
				}
				
				.contact-form textarea {
					height:150px;
					line-height:28px;
					float:right;
					}
					
			.contact-submit {
				width:100px;
				margin-left:428px;
				padding-top:50px;
				font:11px Arial, Helvetica, sans-serif;
				}
				
				.contact-submit a{
					color:#CCCCCC;
					font-weight:bold;
					}
					
					.contact-submit a:hover{
						color:#ffffff;
						text-decoration:underline;
						}
					
					.return-to {
						width:640px;
						height:150px;
						margin:0 auto;
						text-align:right;
						padding-top:10px;
						font:11px Georgia, "Times New Roman", Times, serif;
						color:#999;
					}