@import "default.css"; 
/*@import "fonts.css"; */
@import "nivo.css"; 

html , body { width:100%; height:100%; font-family:/*'OpenSansRegular',*/ verdana, sans-serif; background:url('img/bg.png'); }

hr { width:100%; bottom:45px; position:absolute; border-top:1px dashed #222; border-right:0; border-bottom:0; border-left:0; }

#header.shell, #header .menu .angleleft a:hover, #header .menu .angleright a:hover, #header .menu .main a:hover, #whatwedo .select ul li, #whatwedo .select ul li, #slider .img, #process, #whatwedo .header, #whatwedo .text, #whatwedo .select .wdesign, #whatwedo .select .graph, #whatwedo .select .host, #whatwedo .select .maintenance, #bottom .blog .header, #bottom .blog .content .date, #bottom .blog .foot, #footer .center, #footer .center .contacts .imgstreet, #footer .center .contacts .imgphone, #footer .center .contacts .imgmail, #footer .center .contacts .imgfbook, #footer .center .logo, 
#bottom .workon .box, #bottom .workon .box .wp, #bottom .workon .box .gnet, #bottom .workon .box .html, #bottom .workon .box .php, #bottom .workon .box .js, #bottom .workon .box .linux, #bottom .blog .content .button , #process, #processone, #portfolio .top , #portfolio .bottom, #portfolio .button, #portfolio .content .methods .images span, #qlinks .left , #qlinks .leftmiddle, #qlinks .rightmiddle, #qlinks .right, #gdesign, #quicksand .top , #quicksand ul#portfolioFilter li a span, #quicksand .bottom, .portfolio ul li a, #hosting .all, #hosting .personal h1, #hosting .personal .button, #hosting .light .button, #hosting .light h1, #hosting .pro h1, #hosting .pro .button, #hosting .ultimate h1, #hosting .ultimate .button, #hostcontent .top, #hostcontent .bottom, #hostcontent .repeat table td h3, #hostcontent .repeat .button, #more .all, #more .payment table .image, #more .mainten, #contacts .top, #contacts .bottom, #contacts .repeat .logo, #contacts .repeat .form .button input, #software .top, #software .bottom, #web_analysis .top, #web_analysis .bottom, .full_page .top, .full_page .bottom, #faq .top, #faq .repeat, #faq .bottom, #blog .top, #blog .top .logo, #blog .bottom, #blog .left .newscontainer .date, #blog .left .newscontainer .comments, #blog .left .newscontainer .bottomboxes .more, #blog .right .topbar, #blog .top .search, #blog .top .search .image, #blog .left .pagination .leftarrow, #blog .left .pagination .rightarrow, .payment_ways, .payment_ways .image, #request_button { background:url(img/sprite.png); }

.tcenter {
	text-align: center;
}

td.w65 { width:65%; }
td.w35 { width:35%; }
td.w25 { width:25%; }
td.w15 { width:15%; }

a { color:#008AFF; text-decoration:none; }
a:hover { text-decoration:underline; }

.popup, .popup_bg { display:none; width:100%; height:100%; position:fixed; top:0; left:0; z-index:100001; }
.popup_bg { background:rgba(0,0,0,0.8); }
.popup { width:700px; height:auto; position:fixed; top:20%; left:50%; margin-left:-350px; z-index:100002; padding:50px 20px; background:#fff;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.popup textarea,
.popup input { margin-bottom:10px; }
.popup textarea { height:100px; }
.popup input[type="text"],
.popup input[type="password"],
.popup textarea { width:97%; padding:5px; border:1px solid #ccc;
-webkit-box-shadow:2px 2px 5px #ececec inset;
-moz-box-shadow:2px 2px 5px #ececec inset;
box-shadow:2px 2px 5px #ececec inset;

-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.popup input[type="submit"] {
	padding:5px 10px; background:#117CBF; border:1px solid #117CBF; color:#fff; font-size:16px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
}

#request_button { position:fixed; right:0; top:40%; z-index:100000; display:block; width:38px; height:110px; cursor:pointer; background-position:1691px 0; font-size:0; text-indent:-4000px; }

.preloader { background:url('img/preloader.gif') no-repeat center center; }

.shell { width:1004px; margin:0 auto; position:relative; }
#portfolio .boxes h4 { margin-bottom:20px; }

/*HEADER*/
#headerbg { width:100%; height:152px; top:0px; z-index:1; background-image:url('img/headerbg.png'); background-repeat:repeat-x; position:absolute; }
#headerbg { left:0; top:0; }
#header { height:152px; }
#header.shell { background-position:-2px -3150px; z-index:2; }
#header .info { width:470px; height:17px; position:absolute; right:3px; top:2px; }
#header .info ul { list-style:none; }
#header .info ul li { display:inline-block; vertical-align:top; }
#header .info ul li a { font-size:11px; color:#fff;     line-height: 24px; }
#header .info ul li.hosting { margin-left:3px; }
#header .info ul li.email { width:89px; height:19px; background:url(img/email_header.png); margin:3px 0 0 49px; }
#header .info ul li.phone { width:168px; height:19px; list-style:none; color:white; font-size:11px; margin:5px 0 0 53px; }

/*MENU*/
#header .menu { width:1001px; height:31px; z-index:2; position:absolute; bottom:0; }
#header .menu ul { list-style:none; }
#header .menu ul li { clear:right; float:left; width:143px; height:23px; display:block; }
#header .menu ul li a { width:143px; height:23px; font-size:14px; padding:6px 0 2px 0; text-decoration:none; font-family:/*'OpenSansRegular',*/ verdana, sans-serif; color:white; display:block; text-align:center; cursor:pointer; }

#header .menu .main a:hover { background-position:-526px -492px; }
#header .menu .angleleft a:hover { background-position:-382px -492px; }
#header .menu .angleright a:hover { background-position:-669px -492px; }


/*SLIDER*/
#slider { -moz-box-shadow:0px 0px 0px #000; }
.slider-wrapper { height:407px; z-index:1; width:100%; top:0; background-image:url('img/sliderbg.png'); background-repeat:repeat-x; } 
/* The Nivo Slider styles */


/*WHAT WE DO*/
#whatwedo { margin-top:35px; }
#whatwedo .select ul { list-style:none; }
#whatwedo .select ul li { width:381px; height:105px; margin-bottom:3px; text-decoration:none; cursor:pointer; }
#whatwedo .select ul li img { height:62px; margin:23px 0px 0px 30px; }
#whatwedo .select ul li .info { width:235px; }
#whatwedo .select ul li h2 { margin:13px 0 0 25px; font-size:14px; color:black; font-weight:normal; }
#whatwedo .select ul li p { margin:4px 0 0 25px; color:black; font-size:12px; }

#whatwedo .select .same { top:20px; position:relative; }

#whatwedo .select .wdesign { width:97px; height:62px; margin-left:30px; background-position:-1062px -1479px; }
#whatwedo .select .webdesign.hover { width:381px; background-position:0 -3630px; }

#whatwedo .select .graph { width:118px; height:62px; margin-left:9px; background-position:-1063px -1546px; }
#whatwedo .select .gdesign.hover { background-position:0 -3735px; }

#whatwedo .select .host { width:83px; height:62px; margin-left:44px; background-position:-1062px -1417px; } 
#whatwedo .select .hosting.hover { background-position:0 -3841px; }

#whatwedo .select .maintenance { width:92px; height:62px; margin-left:35px; background-position:-1062px -1355px; } 
#whatwedo .select .software.hover { background-position:0 -3951px; }


#whatwedo #content_wrapper { position:relative; clear:right; float:left; width:591px; height:430px; margin-left:30px; }
#whatwedo #slider-arrow { position:absolute; top:65px; left:-8px; width:9px; height:14px; background:url('img/slider-arrow.png') no-repeat; }
#whatwedo #content_wrapper .header { float:right; width:581px; height:30px; background-image:url(img/sprite.png); background-position:-382px 0px; text-align:right; font-weight:bold; padding-top:15px; padding-right:10px; }
#whatwedo #content_wrapper .content { position:relative; width:571px; height:366px; background:url('img/sprite.png') -382px -47px; padding:10px; }
#whatwedo #content_wrapper .content { margin-top:45px; overflow:hidden; }
#whatwedo #content_wrapper .content #slider_content { position:relative; width:11591px; }
#whatwedo #content_wrapper .content #slider_content div { float:left; width:571px; height:373px; color:#f3f3f3; font-size:14px; padding-right:20px; position:relative; }
#whatwedo #content_wrapper .content #slider_content #webdesign_slider p { padding:20px; }
#whatwedo #content_wrapper .content #slider_content #webdesign_slider img { position:absolute; bottom:0; left:130px; }
#whatwedo #content_wrapper .content #slider_content #gdesign_slider img { position:absolute; bottom:0; left:0; }
#whatwedo #content_wrapper .content #slider_content #gdesign_slider p { padding:20px; }
#whatwedo #content_wrapper .content #slider_content #mainten_slider img { position:absolute; top:7px; left:120px; }

#whatwedo #content_wrapper .content #slider_content #hosting_slider .package { width:120px; height:290px; margin-top:25px; }
#whatwedo #content_wrapper .content #slider_content #hosting_slider .package .icon { width:95px; height:95px; background:url(img/sprite.png); margin-left:12px; }
#whatwedo #content_wrapper .content #slider_content #hosting_slider .package .icon.personal  { background-position:-1083px -1658px;  }
#whatwedo #content_wrapper .content #slider_content #hosting_slider .package .icon.light  { background-position:-1064px -1813px;  }
#whatwedo #content_wrapper .content #slider_content #hosting_slider .package .icon.pro  { background-position:-1055px -1967px;  }
#whatwedo #content_wrapper .content #slider_content #hosting_slider .package .icon.ultimate { background-position:-1075px -2113px;  }
#whatwedo #content_wrapper .content #slider_content #hosting_slider .package p { margin-left:20px;font-size:12px; }
#whatwedo #content_wrapper .content #slider_content #hosting_slider .package a.more { display:block; margin-top:10px; width:114px; height:30px; background:url(img/sprite.png) -826px -3497px; margin-left:-12px; }
/* slider hover color for header */
#whatwedo #content_wrapper .webdesign_hover { background:url(img/sprite.png) -2px -3437px; }
#whatwedo #content_wrapper .gdesign_hover { background:url(img/sprite.png) -2px -3486px; }
#whatwedo #content_wrapper .hosting_hover { background:url(img/sprite.png) -2px -3534px; }
#whatwedo #content_wrapper .software_hover { background:url(img/sprite.png) -2px -3584px; }


/*PROCESS*/
#process { width:1009px; height:369px; margin-top:35px; background-position:0 -544px; }

/*BLOG & WORK ON*/
#bottom { width:1009px; margin-top:35px; }
#bottom .blog { float:left; width:553px; min-height:439px; margin-top:3px; }
#bottom .blog .header { width:553px; height:60px; background-position:0 -917px; }
#bottom .blog .header h4 { padding:13px 0 0 20px; font-weight:normal; font-size:15px; color:#666; text-transform:uppercase; }
#bottom .blog .content { width:553px; padding:10px 0 0 0; margin-left:1px; background:url('img/repeat.png') repeat-y; }
#bottom .blog .content .date { float:left; width:51px; height:51px; margin:5px 0px 0 36px; padding-top:7px; background-position:-383px -434px; }
#bottom .blog .content .date .day { font-size:24px; color:#fff; margin-top:1px; margin-left:10px; }
#bottom .blog .content .date .month { font-size:16px; color:#fff; margin-left:10px; }
#bottom .blog .content .text { float:left; width:420px; margin:5px 0px 30px 0px; padding-left:15px; font-size:12px; border-left:1px solid #eee; }
#bottom .blog .content .text h4 { margin-bottom:10px; font-size:13px; font-weight:normal; }
#bottom .blog .content .text p { margin-top:10px; font-family:/*'OpenSansRegular',*/ verdana, sans-serif; }
#bottom .blog .content .text p a { color:#007eff; text-decoration:none; }

#bottom .blog .content .button { float:right; width:147px; height:31px; margin-right:25px; padding:4px 0 10px 0; background-position:-821px -434px; font-size:14px; text-transform:uppercase; text-align:center; color:white; }
#bottom .blog .content .button:hover { cursor:pointer; opacity:0.9; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; }
#bottom .blog .content .button a { text-decoration:none; color:white; }

#bottom .blog .foot { width:553px; height:11px; background-position:0 -1345px; }

#bottom .workon { float:right; width:453px; height:441px; }
#bottom .workon .box { float:left; width:221px; height:148px; margin-right:3px; background-position:-977px -54px; }
#bottom .workon .box .all { float:left; }
#bottom .workon .box .wp { margin:25% 0 0 13%; width:165px; height:39px; background-position:-999px -209px; }
#bottom .workon .box .gnet { margin:12% 0 0 17%; width:140px; height:95px; background-position:-999px -329px; }
#bottom .workon .box .html { margin:17% 0 0 16%; width:150px; height:69px; background-position:-999px -249px; }
#bottom .workon .box .php { margin:18% 0 0 19%; width:138px; height:64px; background-position:-1169px -201px; }
#bottom .workon .box .js { margin:26% 0 0 22%; width:160px; height:39px; background-position:-1169px -330px; }
#bottom .workon .box .linux { margin:20% 0 0 13%; width:160px; height:57px; background-position:-1169px -270px; }


/*FOOTER*/
#footer { position:relative; height:413px; margin-top:35px; background:url(img/footer.png) repeat-x; }
#footer .center { position:relative; top:-18px; left:50%; margin-left:-525px; z-index:2; width:1051px; height:390px; background-position:-557px -913px; }

#footer .menu { position:relative; top:12px; z-index:3; }
#footer .menu ul { list-style:none; text-align:center; }
#footer .menu ul li { display:inline; height:3px; margin:0 13px 0 13px; font-family:/*'OpenSansRegular',*/ verdana, sans-serif; font-size:15px; font-weight:normal; }
#footer .menu ul li a { text-decoration:none; color:#666; }
#footer .menu ul li a:hover { color:#eee; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; }

#footer .center a { color:#008AFF; text-decoration:none; }
#footer .center a:hover { text-decoration:underline; }
#footer .center .contacts { width:650px; float:right; }
#footer .center .contacts .info { float:left; width:300px; }
#footer .center .contacts .help { float:left; }
#footer .center .contacts .imgstreet { width:21px; height:33px; margin:80px 0 0 7px; background-position:-725px -433px; }
#footer .center .contacts .textstreet { height:30px; margin:80px 0 0 10px; padding:5px 0 0 10px; border-left:1px solid #444; font-size:13px; color:white; }
#footer .center .contacts .textstreet,
#footer .center .contacts .textphone,
#footer .center .contacts .textmail,
#footer .center .contacts .textfbook { width:200px; }

#footer .center .contacts .imgphone { width:20px; height:34px; margin:35px 0 0 7px; top:1px; position:relative; background-position:-747px -434px; }
#footer .center .contacts .textphone { height:36px; margin:35px 0 0 10px; padding:0 0 0 10px; border-left:1px solid #444; font-size:13px; color:white; }

#footer .center .contacts .imgmail { width:27px; height:19px; margin:35px 0 0 0; top:7px; position:relative; background-position:-768px -433px; }
#footer .center .contacts .textmail { height:30px; margin:35px 0 0 10px; padding:5px 0 0 5px; border-left:1px solid #444; font-size:13px; color:white; }

#footer .center .contacts .imgfbook { width:25px; height:25px; margin:35px 0 0 2px; top:4px; position:relative; background-position:-796px -434px; }
#footer .center .contacts .textfbook { height:30px; margin:35px 0 0 10px; padding:5px 0 0 10px; border-left:1px solid #444; font-size:13px; color:white; }

#footer .center .contacts .forus { float:right; width:300px; }
#footer .center .contacts .forus h5 { margin-top:80px; font-size:16px; font-weight:normal; color:white; }
#footer .center .contacts .forus p { margin-top:15px; font-family:/*'OpenSansRegular',*/ verdana, sans-serif; font-size:13px; text-align:justify; color:white; }

#footer .center .logo { float:left; width:226px; height:54px; margin:160px 0 0 100px; background-position:-974px 0; }

#footer .center .copyright { top:52px; position:relative; font-size:11px; text-align:center; color:#777; }


/*--------------- WEB DESIGN PAGE ----------------*/

#webdesign .background { position:absolute; top:5px; right:5px; width:319px; height:210px; background:url(img/webdesign.png) top right no-repeat; z-index:100; }
#webdesign p.summary { margin-bottom:15px; max-width:650px; }
#webdesign p { padding-bottom:10px; }
#webdesign ul li { padding-bottom:10px; }

#what_we_do .design { height:100px; margin-top:10px; padding:20px; background:#fff; border:1px solid #D4D4D4; font-size:12px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -webkit-box-shadow:0 2px 2px #B8B8B8; -moz-box-shadow:0 2px 2px #B8B8B8; box-shadow:0 2px 2px #B8B8B8; }
#what_we_do .design.left { width:200px; font-size:14px; line-height:24px; }
#what_we_do .design.right { width:700px; overflow:hidden; }
#what_we_do .design.right div { width:100000px; height:100px; }
#what_we_do .design.right div ul { position:relative; }
#what_we_do .design.right div ul li { float:left; width:700px; height:100px; margin-right:20px; }
#what_we_do .design ul { list-style:none; }
#what_we_do .design ul li a { outline:none; }

.demos, 
.demos_inline { width:1000px; height:90px; margin-top:30px; }
.demos_inline { width:auto; height:auto; display:inline-block; margin-top:0; }
.demos a, 
.demos_inline a { display:block; float:left; width:170px; height:90px; background-image:url(img/sprite-demos.png); } 
.demos a, 
.demos_inline a { margin:0 15px 0 15px; font-size:0px; text-indent:-4000px; }
.demos a.cms, 
.demos_inline a.cms { background-position:0px 0px; }
.demos a.hosting, 
.demos_inline a.hosting { background-position:0px -90px; }
.demos a.statistics, 
.demos_inline a.statistics { background-position:0px -180px; }
.demos a.webftp, 
.demos_inline a.webftp { background-position:0px -270px; }
.demos a.webmai, 
.demos_inline a.webmail { background-position:0px -360px; }

/*--------------- REGISTER DOMAIN PAGE ----------------*/

#register_domain .background { position:absolute; top:5px; right:5px; width:319px; height:210px; background:url(img/webdesign.png) top right no-repeat; z-index:100; }
#register_domain p.summary { margin-bottom:15px; max-width:650px; }
#register_domain p { padding-bottom:10px; }
#register_domain ul li { padding-bottom:10px; }

/*--------------- WEBSITE ANALYSIS PAGE ----------------*/

#web_analysis { width:1000px; margin-top:30px; }
#web_analysis .top { width:1009px; height:40px; background-position:-2px -3386px; }
#web_analysis .top h1 { top:3px; left:20px; position:relative; font-size:21px; font-weight:normal; color:#fff; }
#web_analysis .bottom { width:1007px; height:12px; margin-left:1px; background-position:-3px -2412px; }
#web_analysis .repeat { width:907px; min-height:204px; padding:50px; background:url('img/wdesigncont.png') repeat-y; }
#web_analysis .repeat p { margin:15px 0; }
#web_analysis .repeat ul { margin-left:50px; }

/*PROCESS*/
#processone { width:1007px; height:994px; margin-top:30px; background-position:-2px -1354px; }
#processone .boxes { padding:10px 0 0 20px; width:965px; height:190px; }
#processone .header h1 { margin-bottom:15px; font-size:21px; font-weight:normal; }
#processone .header p { width:700px; font-size:12px; color:#666; }

#processone .idea {text-align:right; }
#processone .idea h3 { margin-bottom:15px; font-size:18px; font-weight:normal; }
#processone .idea p { width:700px; font-size:15px; color:#666; float:right; }

#processone .code h3 { margin-bottom:15px; font-size:18px; font-weight:normal; }
#processone .code p { width:550px; font-size:15px; color:#666; }

#processone .host {text-align:right; }
#processone .host h3 { margin-bottom:15px; font-size:18px; font-weight:normal; }
#processone .host p { width:625px; font-size:15px; color:#666; float:right; }

#processone .seo h3 { margin-bottom:15px; font-size:18px; font-weight:normal; }
#processone .seo p { width:550px; font-size:15px; color:#666; }


/*PORTFOLIO*/
#portfolio { width:1007px; margin-top:20px; }
#portfolio .separator { width:1007px; height:1px; border-bottom:1px solid #dcdcdc; }
#portfolio .top { width:1007px; height:62px; background-position:-3px -2348px; }
#portfolio .top h1 { position:relative; top:15px; left:20px; font-size:21px; font-weight:normal; }
#portfolio .content { width:1007px; margin-left:-1px; background:url('img/wdesigncont.png') repeat-y; }
#portfolio .bottom { width:1007px; height:12px; background-position:-3px -2412px; }
#portfolio .boxes { width:1005px; height:486px; padding-top:30px; border-top:1px solid #e2e2e2; }
#portfolio .methods { /*width:400px; */ width:645px; margin-top:30px; padding-top:10px; border-top:1px solid #e2e2e2; }
#portfolio .methods .images { float:left; margin:0 10px 20px 10px; }

#portfolio .project { position:relative; width:950px; height:250px; padding-top:25px; margin-left:18px; }
/*#portfolio .project .preview_image { position:relative; float:left; width:216px; height:215px; background:url(img/sprite.png) -685px -3628px; }*/
#portfolio .project .preview_image { position:relative; float:left; width:221px; height:224px; background:url(img/sprite.png) -684px -3628px; }
#portfolio .project .preview_image { margin-right:57px; }
#portfolio .project .preview_image img { position:absolute; top:11px; left:13px; width:193px; height:193px; }
#portfolio .project h2 { font-size:17px; color:#636363; margin-bottom:10px; }
#portfolio .project p { margin-bottom:15px; font-size:13px; line-height:18px; color:#636363; }
#portfolio .content .separator { width:1007px; height:1px; border-bottom:1px solid #dcdcdc; padding-bottom:10px; }
#portfolio .project .button { float:right; width:65px; height:23px; margin-top:20px; text-align:center; background-position:-978px -493px; } 
#portfolio .project .button { font-size:14px; padding-top:2px; }

#portfolio .project .technologies { float:left; width:672px; height:30px; text-align:left; }
#portfolio .project .technologies span { float:left; display:block; height:30px; background:url(img/sprite.png); font-size:0px; text-indent:-400px; margin-right:10px; padding-top:5px; }
#portfolio .project .technologies span.jquery   { width:72px; background-position:-595px -3455px; }
#portfolio .project .technologies span.php    { width:55px; background-position:-675px -3455px; }
#portfolio .project .technologies span.mysql   { width:85px; background-position:-737px -3455px; }
#portfolio .project .technologies span.cms    { width:85px; background-position:-838px -3455px; }
#portfolio .project .technologies span.xhtml   { width:91px; background-position:-729px -3500px; }
#portfolio .project .technologies span.wordpress { width:115px; background-position:-600px -3500px; }

#portfolio .space { width:950px; height:70px; }
/*#portfolio .button { width:147px; height:37px; margin-top:40px; padding-top:6px; text-align:center; background-position:-822px -492px; }*/
#portfolio .button a { text-decoration:none; color:white; }
#portfolio .button:hover { cursor:pointer; opacity:0.9; }


/*QUICK LINKS*/
#qlinks { height:164px; margin-top:30px; }
#qlinks a { border:0; }
#qlinks .left { float:left; width:236px; height:164px; background-position:-1245px -547px; }
#qlinks .leftmiddle { float:left; width:236px; height:164px; margin-left:20px; background-position:-1009px -711px; }
#qlinks .rightmiddle { float:left; width:236px; height:164px; margin-left:20px; background-position:-1009px -547px; }
#qlinks .right { float:left; width:236px; height:164px; margin-left:20px; background-position:-1245px -711px; }



.design { position:relative; width:1007px; margin-top:30px; background:none; line-height:19px;}
.design h1 { font-size:21px; font-weight:normal; color:#000; margin-bottom:20px; }
.design .background { position:absolute; top:1px; right:3px; width:445px; height:210px; background:url(img/clouds.png); z-index:100; } 
.design .top { width:1006px; height:20px; background:url(img/sprite.png) -3px -2424px; }

.design .main { width:955px; height:100%; background:url(img/gdesign_main.png) repeat-y; padding:0 30px 0 30px; font-size:12px; } 
.design .main { color:#444; text-align:left; }
.design .main p.summary { margin:5px 0 55px 0; max-width:750px; }

.design .main h2 { width:1003px; height:30px; background:url('img/grey_bg.png'); margin:5px 0 10px -29px; padding-top:4px; } 
.design .main h2 { text-align:center; font-weight:normal; color:#fff; position:relative; z-index:1000; }
.design .bottom { width:1006px; height:26px; background:url(img/sprite.png) -3px -2448px; }

.design .content { padding:20px 0 0 10px; }
.design .content h2 { margin-bottom:20px; font-size:18px; font-weight:normal; }
.design .content ul { width:940px; height:230px; margin-left:20px; list-style-image:url(img/ticks.png); }
.design .content ul li { float:left; width:170px; height:45px; margin-left:57px; vertical-align:top; }
.design .content ul li h3 { font-size:15px; font-family:/*'OpenSansRegular',*/ verdana, sans-serif; font-weight:normal; vertical-align:top; }



#quicksand {margin-top:30px; }
#quicksand h2 { position:relative; top:5px; left:20px; font-weight:normal; font-size:18px; text-shadow:0px -1px 1px #7b8089; color:white; }
/*#quicksand .top { width:1009px; height:38px; /*background-position:-2px -3101px; */ /*background-position:-1px -3303px; }*/
#quicksand .top { width:1009px; height:38px; background-position:-3px -3386px; }
#quicksand .repeat { width:1007px; margin-left:-1px; background:url('img/wdesigncont.png') repeat-y; margin-top:-2px; }
#quicksand .bottom { width:1007px; height:12px; background-position:-3px -2412px; }
/*- -*/

/*- FILTER OPTIONS -*/
#quicksand ul#portfolioFilter { float:left; width:217px; margin-left:2px; list-style:none; }
#quicksand ul#portfolioFilter li { height:51px; border-right:1px solid #dfdfdf; border-bottom:1px solid #e9e9e9; }
#quicksand ul#portfolioFilter li a { display:block; height:51px; line-height:51px; padding:0 20px; background:#fff; color:#aaa; font-family:/*'OpenSansRegular',*/ verdana, sans-serif; }
#quicksand ul#portfolioFilter li a { font-weight:normal; text-decoration:none; font-size:14px; }
#quicksand ul#portfolioFilter li a:hover { -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; background:#00a2ff url('img/hover.png') repeat-x; color:white; }
#quicksand ul#portfolioFilter li.active a { background:#70cbff; -moz-box-shadow:inset 0px 0px 2px #000; -webkit-box-shadow:inset 0px 0px 4px #000; color:white; }
#quicksand ul#portfolioFilter li a span { float:left; display:block; width:50px; height:50px; margin-right:17px; }
#quicksand ul#portfolioFilter li a.envelopes span { background-position:-1009px -1355px; }
#quicksand ul#portfolioFilter li a.brochures span { background-position:-1009px -1406px; }
#quicksand ul#portfolioFilter li a.docs span { background-position:-1009px -1457px; }
#quicksand ul#portfolioFilter li a.cards span { background-position:-1009px -1507px; }
#quicksand ul#portfolioFilter li a.stamps span { background-position:-1009px -1558px; }
#quicksand ul#portfolioFilter li a.slogan span { background-position:-1009px -1610px; }
#quicksand ul#portfolioFilter li a.shirts span { background-position:-1009px -1661px; }
#quicksand ul#portfolioFilter li a.hats span { background-position:-1009px -1711px; }
#quicksand ul#portfolioFilter li a.engrave span { background-position:-1009px -1763px; }
#quicksand ul#portfolioFilter li a.logos span { background-position:-1009px -1814px; }
#quicksand ul#portfolioFilter li a.name span { background-position:-1009px -1865px; }
#quicksand ul#portfolioFilter li a.folders span { background-position:-1009px -1916px; }
#quicksand ul#portfolioFilter li a.fax span { background-position:-1009px -1967px; }
#quicksand ul#portfolioFilter li a.letter span { background-position:-1009px -2018px; }

/*- OUR DATA HOLDER -*/
.portfolio { float:right; width:775px; padding-top:10px; margin-right:12px; position:relative; }
.portfolio ul {; }
.portfolio ul li { display:inline-block; vertical-align:top; margin:10px 0 10px 20px; text-align:center; }
.portfolio ul li a { display:block; width:131px; height:129px; background-position:-1199px -54px; position:relative; }
.portfolio .preloader { width:90%; height:200px; position:absolute; top:20px; left:10px; }


/*HOSTING*/
#custom_hosting { width:1008px; margin-top:30px; }
#custom_hosting ul { margin:5px 0 0 14px; }
#custom_hosting ul li { padding-bottom:5px; font-weight:bold; font-size:14px; padding-top:5px; }
#custom_hosting ul li p { padding-left:15px; font-weight:normal; font-size:12px; }

#hosting_info { width:1008px; margin-top:10px; }
#hosting_info ul { margin:5px 0 0 14px; }
#hosting_info ul li { padding-bottom:5px; }

#hosting { width:1008px; margin-top:10px; }
#hosting .all { float:left; width:240px; height:417px; position:relative; }
#hosting h1 { text-indent:-4; font-size:0; }
#hosting .all ul { width:210px; list-style:none; margin:30px 0 0 15px }
#hosting .all ul li { display:block; font-family:/*'OpenSansRegular',*/ verdana, sans-serif; font-weight:normal; font-size:13px; color:#afafaf; }
#hosting .button { text-align:center; text-decoration:none; color:white; display:block; width:238px; height:32px; padding-top:6px; position:absolute; bottom:3px; left:2px; }
#hosting .button:hover { opacity:0.8; }

#hosting .bgone { background-position:-1330px -54px; }
#hosting .personal h1 { width:136px; height:137px; margin:20px auto; background-position:-1062px -1609px; }
#hosting .personal .button { background-position:-1199px -1659px; }

#hosting .bgtwo { margin-left:15px; background-position:-1330px -54px; }
#hosting .light h1 { width:100px; height:137px; margin:20px auto; background-position:-1062px -1762px; }
#hosting .light .button { background-position:-1199px -1697px; }

#hosting .bgthree { margin-left:16px; background-position:-1330px -54px; }
#hosting .pro h1 { width:89px; height:137px; margin:20px auto; background-position:-1062px -1916px; }
#hosting .pro .button { background-position:-1199px -1735px; }

#hosting .bgfour { margin-left:17px; background-position:-1330px -54px; }
#hosting .ultimate h1 { width:134px; height:137px; margin:20px auto; background-position:-1062px -2062px; }
#hosting .ultimate .button { background-position:-1199px -1773px; }



/*MAIN EXTENDED CONTENT*/
#hostcontent { margin-top:30px; }
#hostcontent .top { width:1007px; height:35px; background-position:-2px -3303px; }
#hostcontent .top h2 { padding:6px 0 0 15px; font-weight:normal; font-size:15px; color:white; }
#hostcontent .repeat { width:1007px; margin-left:-2px; background:url(img/wdesigncont.png) repeat-y; }
#hostcontent .repeat table.hosting_plans { width:1003px; }
#hostcontent .repeat table.hosting_plans tr.buttons td { border:1px solid white; }
#hostcontent .repeat table { margin-left:2px; border-collapse:collapse; }
#hostcontent .repeat table td { height:31px; margin:0; padding:0 10px; font-size:13px; color:#888; text-align:center; border:1px solid #eee; }
#hostcontent .repeat table td h3 { width:176px; height:31px; text-indent:-4; font-size:0; }
#hostcontent .repeat table td.label { text-align:left; padding:0 20px; }
#hostcontent .repeat table td .personal { position:relative; left:-10px; background-position:-1199px -1454px; }
#hostcontent .repeat table td .light { position:relative; left:-10px; background-position:-1199px -1421px; }
#hostcontent .repeat table td .pro { position:relative; left:-10px; background-position:-1199px -1388px; }
#hostcontent .repeat table td .ultimate { position:relative; left:-10px; background-position:-1199px -1355px; }
#hostcontent .repeat table .show_hosting_details { color:#00a2ff; outline:none; }
#hostcontent .bottom { width:1007px; height:12px; margin-left:-1px; background-position:-3px -2412px; }

#hostcontent .personal_cell { background:#bef0b6; }
#hostcontent .light_cell { background:#c9edff; }
#hostcontent .pro_cell { background:#ffc8d9; }
#hostcontent .ultimate_cell,
#hostcontent .office_cell,
#hostcontent .video_cell,
#hostcontent .webmail_cell { background:#d7d7d7; }

#hostcontent .repeat .yes, 
#hostcontent .repeat .no { display:inline-block; width:20px; height:20px; text-indent:-4000px; font-size:0;  }
#hostcontent .repeat .yes { background:url('img/yes2.png') }
#hostcontent .repeat .no { background:url('img/no3.png') }
#hostcontent .repeat .prices td { border:1px solid white; }
#hostcontent .repeat .prices div { width:120px; height:48px; margin:20px 0 20px 25px; font-family:NeoTechMedium, Verdana, sans-serif; font-size:26px; }
#hostcontent .repeat .prices div span { font-size:15px; }
#hostcontent .repeat .prices div div { font-size:15px; height:auto; background:none; margin:5px 0 0 0; text-align:left; }
#hostcontent .repeat .prices .price_personal { width:90px; color:#2dcf12; }
#hostcontent .repeat .prices .price_light { width:85px; color:#0086ed; }
#hostcontent .repeat .prices .price_pro { width:99px; color:#e20d2b; }
#hostcontent .repeat .prices .price_webmail,
#hostcontent .repeat .prices .price_office,
#hostcontent .repeat .prices .price_video { width:160px; text-align:left; color:#222; }
#hostcontent .repeat .prices .price_ultimate { width:107px; color:#222; }
#hostcontent .repeat .button { display:block; width:120px; height:28px; margin:0 0 20px 18px; padding-top:5px; text-align:center; background-position:-1376px -1355px; }
#hostcontent .repeat .button { cursor:pointer; text-decoration:none; color:white; }

/*ORDER HOSTING*/
#hostcontent .order .right { width:580px; padding-top:30px; }

#hostcontent .order .right .button { width:147px; height:31px; margin:20px 0 0 0; padding:4px 0 10px 0; text-align:center; background-position:-821px -434px; border:none; }
#hostcontent .order .right .payment_ways { width:314px; height:336px; float:left; background-position:-1199px -1814px; }
#hostcontent .order .right .payment_ways h4 { margin:10px 0 0 15px; font-size:15px; font-weight:normal; }
#hostcontent .order .right .payment_ways table { width:310px; margin:7px 0 0 2px; border-collapse:collapse; }
#hostcontent .order .right .payment_ways table td { height:47px; border:1px solid #eee; text-indent:20px; font-size:13px; color:#999; }
#hostcontent .order .right .payment_ways table td.second { cursor:pointer; }
#hostcontent .order .right .payment_ways table td.second:hover { -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -o-transition:all 0.2s }
#hostcontent .order .right .payment_ways table td.second:hover { ease-in-out; background:#00a2ff url('img/hover.png') repeat-x; color:white; }
#hostcontent .order .right .payment_ways table td.second.active { background:#00a2ff url('img/hover.png') repeat-x; color:white; }
#hostcontent .order .right .payment_ways table .image { width:115px; height:47px; }
#hostcontent .order .right .payment_ways table .epay { background-position:-1199px -1508px; }
#hostcontent .order .right .payment_ways table .easypay { background-position:-1199px -1559px; }
#hostcontent .order .right .payment_ways table .bank { background-position:-1199px -1610px; }
#hostcontent .order .right .payment_ways table .ppal { background-position:-1330px -1508px; }
#hostcontent .order .right .payment_ways table .post { background-position:-1330px -1559px; }
#hostcontent .order .right .payment_ways table .office { background-position:-1330px -1610px; }
#hostcontent .order .right p { font-size:12px; margin-top:15px; }
#hostcontent .order .right strong { font-size:10px; display:block; }
#hostcontent .order #form.right { width:230px; margin:0; padding-top:0; }
#hostcontent .order #form.right form { margin-top:0; }
#hostcontent .order .right .button { display:inline-block; }
#hostcontent .order .right #form_box { margin-right:10px; padding:5px; border:1px solid #ccc; border-radius:5px; }
#hostcontent .order .right  #form_box .payment_ways { background:none; height:auto; }


#hostcontent .order #order_form { margin-top:20px; }


#hostcontent .done .message { width:500px; margin:0 auto; padding:150px 250px 200px 250px; text-align:center; }
#hostcontent .done .message p { margin-bottom:15px; }



/*PAYMENT CONTENT*/
#more { width:1007px; margin-top:30px; }
#more .payment { float:left; width:314px; height:336px; background-position:-1199px -1814px; }
#more .payment h4 { margin:10px 0 0 15px; font-size:15px; font-weight:normal; }
#more .payment table { width:310px; margin:7px 0 0 2px; border-collapse:collapse; }
#more .payment table td { height:47px; border:1px solid #eee; text-indent:20px; font-size:13px; color:#999; }
#more .payment table .second:hover { -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; background:#00a2ff url('img/hover.png') repeat-x; color:white; cursor:pointer; }
#more .payment table .image { width:115px; height:47px; }
#more .payment table .epay { background-position:-1199px -1508px; }
#more .payment table .easypay { background-position:-1199px -1559px; }
#more .payment table .bank { background-position:-1199px -1610px; }
#more .payment table .ppal { background-position:-1330px -1508px; }
#more .payment table .post { background-position:-1330px -1559px; }
#more .payment table .office { background-position:-1330px -1610px; }
#more .helpinfo { float:left; width:314px; height:336px; margin-left:30px; background-position:-1199px -1814px; }
#more .helpinfo h4 { margin:10px 0 0 15px; font-size:15px; font-weight:normal; }
#more .helpinfo h5 { width:283px; margin:30px 0 0 15px; font-size:13px; font-weight:bold; border-bottom:1px solid #D2D2D2; }
#more .helpinfo ul { list-style:none; }
#more .helpinfo ul li { display:block; padding-left:15px; line-height:30px; text-decoration:none; color:#999; font-size:13px; cursor:pointer; }
#more .helpinfo ul li:hover { color:#00a2ff; }
#more .helpinfo ul li a { color:#999; text-decoration:none; }
#more .mainten { float:left; width:314px; height:336px; margin-left:34px; background-position:-1062px -2208px; }
#more .mainten h4 { margin:10px 0 0 15px; font-size:15px; font-weight:normal; color:white; }
#more .mainten table { width:310px; margin:7px 0 0 2px; border-collapse:collapse; }
#more .mainten table td { height:47px; text-indent:20px; font-size:13px; color:#999; }
#more .mainten table td a { color:#00a2ff; text-decoration:none; }




/*CONTACTS PAGE ORIGINAL*/
#contacts { width:1000px; margin-top:30px;}
#contacts .top { width:1009px; height:40px; line-height: 36px; vertical-align: middle; background-position:-2px -3386px;}
#contacts .top h1{ top:3px; left:20px;position:relative; font-size:21px; font-weight:normal; color:#fff; }
#contacts .bottom { width:1007px; height:12px; margin-left:1px; background-position:-3px -2412px;}
#contacts .repeat { width:1007px; background:url('img/wdesigncont.png') repeat-y; }
#contacts .repeat table { width:1003px; height:604px; margin-left:2px; border-collapse:collapse;}
#contacts .repeat .captcha table { width:auto; height:auto; }
#contacts .repeat table td{ border-right:1px solid #fff;}
#contacts .repeat .logo { width:114px; height:114px; margin-top:40px; margin-left:40px; background-position:-1376px -2208px;}
#contacts .repeat .info ul { list-style:none; margin-top:40px; margin-left:40px;}
#contacts .repeat .info ul li { font-size:13px; color:#888;}
#contacts .repeat .form  { width:330px; height:200px; margin:20px 0 0 -130px; font-size:13px; color:#888;}
#contacts .repeat .form .inputarea input {display:block; width:190px; height:15px; margin-bottom:10px; padding:5px; border:1px solid #ddd; font-family:/*'OpenSansRegular',*/ verdana, sans-serif; font-size:13px; font-weight:normal; color:#aaa;}
#contacts .repeat .form .button input { float:left; width:85px; height:30px; margin:20px 25px 0 0; background-position:-1446px -1508px; border:0; color:white; font-size:13px; padding-top:-20px; cursor:pointer;}
#contacts .repeat .form textarea {display:block; min-width:390px; max-width:490px; height:100px; min-height:100px; max-height:100px; padding:5px; border:1px solid #ddd; overflow:hidden; font-family:/*'OpenSansRegular',*/ verdana, sans-serif;}
#contacts .repeat .form textarea { font-size:13px; font-weight:normal; color:#aaa;}
#contacts .repeat .map { margin-right:55px; }
#contacts .repeat .map #map { width:414px; height:475px; margin-top:-40px; border:1px solid #ccc }


/*SOFTWARE PAGE */
#software { width:1000px; margin-top:30px; }
#software .top { width:1009px; height:40px; line-height: 36px; vertical-align: middle; background-position:-2px -3386px; }
#software .top h1 { top:3px; left:20px; position:relative; font-size:21px; font-weight:normal; color:#fff; }
#software .bottom { width:1007px; height:12px; margin-left:1px; background-position:-3px -2412px; }
#software .repeat { width:947px; min-height:204px; padding:30px; background:url('img/wdesigncont.png') repeat-y; }
#software .repeat p { margin-bottom:15px; text-indent: 30px; color: #444; font-size: 12px }
#software .repeat p.separator { 
	height: 1px; 
	background: #d3d3d3; 
	margin: 10px 0px 15px 0px;
	-webkit-box-shadow: 0px 0px 7px #000;
	-moz-box-shadow: 0px 0px 7px #000;
	box-shadow: 0px 0px 7px #000;
}


/*SITEMAP PAGE */
#sitemap .repeat { line-height:35px; }

/*FULL PAGE */
.full_page { width:1000px; margin-top:30px; }
.full_page .top { width:1009px; height:40px; background-position:-2px -3386px; }
.full_page .top h1 { top:3px; left:20px; position:relative; font-size:21px; font-weight:normal; color:#fff; }
.full_page .bottom { width:1007px; height:12px; margin-left:1px; background-position:-3px -2412px; }
.full_page .repeat { width:907px; min-height:304px; padding:50px; font-size:14px; background:url('img/wdesigncont.png') repeat-y; }
.full_page .repeat .left,
.full_page .repeat .right { width:45%; }
.full_page .repeat h3 { margin-bottom:15px; }
.full_page .repeat p { margin-bottom:15px; }
.full_page .repeat ol,
.full_page .repeat ul { margin-left:50px; }

/*FAQ PAGE */
#faq { width:1000px; margin-top:30px; }
#faq .top { width:1009px; height:40px; background-position:-2px -3386px; }
#faq .top h1 { top:3px; left:20px; position:relative; font-size:21px; font-weight:normal; color:#fff; }
#faq .repeat { width:807px; height:100%; min-height:204px; padding-top:10px; padding-right:190px; padding-left:10px; } 
#faq .repeat { background:url('img/wdesigncont.png') repeat-y; }
#faq .repeat p { margin-bottom:15px; }
#faq .bottom { width:1007px; height:12px; margin-left:1px; background-position:-3px -2412px; }

#faq .repeat .question { width:900px; float:left; background:#fff; padding-left:20px; padding-top:15px; cursor:pointer; }
#faq .repeat .question { background-image:url(img/arrows.png); background-position:4px -19px; background-repeat:no-repeat; }
#faq .repeat .question h2 { font-size:17px; }
#faq .repeat .answer { width:900px; float:left; padding-top:10px; padding-bottom:10px; margin-left:20px; }
#faq .repeat .answer { font-size:12px; color:#666;}
#faq .repeat .answer ul,
#faq .repeat .answer ol { margin-left:30px; }
#faq .repeat .active { background-image:url(img/arrows.png); background-repeat:no-repeat; background-position :4px 13px; }



/*BLOG PAGE*/
#blog { width:1009px; margin-top:30px; }
#blog .top { width:1007px; height:53px; background-position:-2px -3384px; }
#blog .top .logo { float:left; width:102px; height:22px; top:12px; left:20px; position:relative; background-position:-1446px -1546px; }
#blog .top .search { float:right; position:relative; top:15px; right:40px; width:171px; height:21px; background-position:-1446px -1659px; }
#blog .top .search input { width:140px; height:15px; margin:2px 0 0 20px; background:transparent; color:white; border:0; }
#blog .top .search .image { width:12px; height:12px; position:absolute; top:6px; left:5px; background-position:-1446px -1680px; cursor:pointer; }
#blog .repeat { width:1007px; background:url('img/wdesigncont.png') repeat-y; }
#blog .bottom { width:1007px; height:12px; margin-left:1px; background-position:-3px -2412px; }

#blog .left { width:730px; left:2px; position:relative; border-right:1px solid #ddd; }
#blog .right { width:270px; height:200px; right:4px; position:relative; }

#blog .left .newscontainer { float:left; width:695px; height:200px; padding:15px 10px 0 25px; position:relative; border-bottom:1px solid #ddd; }
#blog .left .newscontainer .date { float:left; width:54px; height:75px; left:-54px; position:absolute; background-position:-1446px -1570px; }
#blog .left .newsconrainer .date .day { margin-left:5px; }
#blog .left .newscontainer .headline h2 { float:left; font-size:15px; font-weight:normal; }
#blog .left .newscontainer .comments { float:left; width:30px; height:21px; margin-left:10px; background-position:-1503px -1572px; }
#blog .left .newscontainer .comments p { text-align:center; font-size:13px; color:white; }
#blog .left .newscontainer .news { width:650px; margin-top:10px; font-size:13px; color:#888; }
#blog .left .newscontainer .bottomboxes { width:650px; height:22px; margin-top:30px; margin-bottom:20px; }
#blog .left .newscontainer .bottomboxes .more { float:left; width:57px; height:25px; padding-top:2px; background-position:-1503px -1593px; text-align:center; font-size:13px; color:#fff; }
#blog .left .newscontainer .bottomboxes .more:hover { cursor:pointer; opacity:0.8; }
#blog .left .pagination { width:695px; height:20px; }
#blog .left .pagination .leftarrow { float:left; width:20px; height:20px; margin:10px 0 0 335px; background-position:-1468px -1680px; }
#blog .left .pagination .leftarrow:hover { float:left; width:20px; height:20px; background-position:-1468px -1700px; cursor:pointer; }
#blog .left .pagination .rightarrow { float:left; width:20px; height:20px; margin:10px 0 0 20px; background-position:-1488px -1680px; }
#blog .left .pagination .rightarrow:hover { float:left; width:20px; height:20px; background-position:-1488px -1700px; cursor:pointer; }

#blog .right .topbar { width:272px; height:36px; background-position:-1199px -2152px; }
#blog .right .topbar h3 { padding:5px 0 0 10px; font-weight:normal; font-size:17px; text-shadow:0 -1px 1px #898e97; color:#fff; }
#blog .right .content ul { margin-left:30px; position:relative; list-style-image:url(img/arrow.png); }
#blog .right .content ul li { line-height:30px; padding-left:10px; border-bottom:1px solid #eee; }
#blog .right .content ul li a { font-size:13px; color:#888; text-decoration:none; }
#blog .right .content ul li a:hover { color:#00a2ff; cursor:pointer; }

/*ERROR PAGE*/
#error { width:1000px; margin-top:30px; }
#error .top { width:1009px; height:44px; background:url(img/sprite.png); background-position:-2px -3387px; }
#error .top h1 { top:7px; left:20px; position:relative; font-size:21px; font-weight:normal; color:#fff; }
#error .bottom { width:1007px; height:12px; margin-left:1px; background:url(img/sprite.png); background-position:-3px -2412px; }
#error .repeat { width:1007px; height:404px; background:url('img/wdesigncont.png') repeat-y; padding:10px 0px 0px 18px; }
#error .repeat .center { display:table-cell; width:500px; height:360px; padding:0 235px; text-align:center; vertical-align:middle; }