@charset "utf-8";
/* ==================== Reset ==================== */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
.clear{width:100%;height:1px;margin:0 0 -1px;clear:both}

/* ==================== Main ==================== */
html{overflow-x:hidden;}
body{	
	background-color: #DEDEDE; /* fallback color */
    background-image: -moz-radial-gradient(center 10% 45deg, circle closest-corner, #FFFFFF 15%, #DEDEDE 100%);
    background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 800, from(#FFFFFF), to(#DEDEDE));		
	background-repeat:no-repeat;	
	color:#4D4D4D;display:block;font-family:Arial, Helvetica, sans-serif;line-height:1.5;margin:0;padding:0;vertical-align:baseline;z-index:1!important}
.wrapper{margin:0 auto;width:960px}

h1{font-size:24px;margin:0 0 20px;color:#4d4d4d}
h2{font-size:16px;margin:0 0 20px;color:#7a7a7a}
h3{font-size:16px;color:#e68424}
h4{font-size:14px;margin:0 0 4px}
p{font-size:14px;margin:10px 0;text-align:justify}
a{color:#4d4d4d;text-decoration:none;font-weight:700}

h2.breadcrum{float:left;}
h2.calltoday{float:right}
h2.h_contact_r{float:left;}
h2.h_contact_l{float:left;width:500px;}
h2.product_list{margin-top:30px}
h4 {color:#e68424;}
h4 span, h4 span a {color:#4d4d4d;}

.orange{color:#e68424}
.lightgrey{color:#8c8d8e}
.greybold{color:#4d4d4d;font-weight:700;text-align:right;}
.smallgrey{color:#8c8d8e;font-size:10px}

/* ==================== Nav ==================== */
.nav{margin:30px 0;height:47px}
.nav li{display:block;float:left;height:47px}
.nav li a {text-indent:-9999px;display:block;height:47px}

.nav li.home{background:url(../img/nav.png) no-repeat 0 0;width:105px;}
.nav li.company{background:url(../img/nav.png) no-repeat -105px 0;width:132px;}
.nav li.products{background:url(../img/nav.png) no-repeat -237px 0;width:113px;}
.nav li.webdesign{background:url(../img/nav.png) no-repeat -350px 0;width:216px;}
.nav li.sem{background:url(../img/nav.png) no-repeat -566px 0;width:128px;}
.nav li.hosting{background:url(../img/nav.png) no-repeat -694px 0;width:156px;}
.nav li.contact{background:url(../img/nav.png) no-repeat -850px 0;width:110px;}
	
	.nav li.home:hover{background-position: 0 -47px}
	.nav li.company:hover{background-position: -105px -47px}
	.nav li.products:hover{background-position: -237px -47px}
	.nav li.webdesign:hover{background-position: -350px -47px}
	.nav li.sem:hover{background-position: -566px -47px}
	.nav li.hosting:hover{background-position: -694px -47px}
	.nav li.contact:hover{background-position: -850px -47px}
	
	

.top_nav {float:right;font-size:12px;font-weight:700;}
.top_nav li {display:inline;border-left:1px solid #4D4D4D;padding:0px 3px 0px 5px;}
.top_nav li.first {border:0;}

/* ==================== Footer ==================== */
.footer{position:relative;bottom:0;margin: 10px 0;width:100%}
.footer *{color:#4D4D4D;font-size:12px;font-weight:700}

.footer .copyright{float:left;padding:0 20px}

.footer .bottom_nav{float:right;padding: 0 20px;}
.footer .bottom_nav li {display:inline;padding: 0 6px 0 8px;border-left:1px solid #4D4D4D}
.footer .bottom_nav li.first{border:0}

/* ==================== Image Fade ==================== */
#services{height:655px !important}
#services li img{position:absolute;left:50%;margin-left:-840px;height:655px;}

/* ==================== Specific ==================== */
.header{margin:20px 0}

.logo{background:url(../img/logo.png) no-repeat 0 0;text-indent:-9999px;float:left;width:292px;height:41px}

.content {padding: 0 20px;margin:0 0 60px;}
.product_desc {width:580px;float:left}

.product_nav {margin:40px 0 0 0}
.product_nav li {display:inline;padding: 0 6px 0 8px;border-left:1px solid #4D4D4D;font-size:14px;}
.product_nav li.first{border:0;padding: 0 6px 0 0;}

.product_img {float:right;margin-top:15px;}
.michal {float:right;margin-top:60px;}

.product_stats {margin:24px 0;}

.product_table{font-size:14px;}

.household_income {float:left;margin:0 35px 0 0}
.monthly_traffic {float:left;margin:0 35px 0 0}
.site_demographics {float:left;}

	.household_income table{width:125px;}
	.monthly_traffic table{width:235px;}
	.site_demographics table{width:125px;}
	
.full_width h3 {margin:30px 0 0 0;}
.full_width h3.first {margin:0;}
.full_width .service p {line-height:1.3;float:left;width:750px}
.full_width .service img {float:right;}
.full_width .hosting p {line-height:1.3;float:left;width:670px}
.full_width .hosting img {float:right;}
.full_width .hosting_d p {line-height:1.3;float:left;width:915px}

.bottom_24{margin-bottom:24px;}

.contact_right{float:left;}
.contact_left{float:left;width:460px;margin:0 40px 0 0;}

#contact_form{background:url(../img/contactform_bg.png) no-repeat 0 0; width:418px; height:382px}
#contact_form div{height:42px;padding:0 0 0 0;margin:0 0 0 21px;line-height:42px;}
#contact_form label {margin:0 10px 0 0;font-size:14px;font-weight:700;}
#contact_form input[type=text]{height:26px;border:0;background:none}
#contact_form textarea {background:none;border:0;height:120px;margin:18px 0 0 21px;padding:7px;width:362px;}

#contact_form input[type=text],#contact_form textarea{font-size:12px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

#submit {background:url(../img/submit_btn.png) no-repeat 0 0; width:105px; height:47px;float:right;margin:30px 0 0 0;border:0;padding:0;text-indent:-9998px;}

#name{width:318px}
#company{width:293px}
#phone{width:253px}
#altphone{width:237px}
#email{width:258px}

.product_img_list{float:left;margin:15px 26px 0 0;}
.last{margin-right:0}
.error{color:#C00;}