/*
Date: 16.07.2010
Author: Oasa Bogdan Valentin
Project: FiveSharp
*/

/* Reset CSS */
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 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	background: transparent;
}
a {
  text-decoration: none;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* CSS start! */
.clear {clear:both; display:block; line-height:0px;}
.clear2 {clear:both; display:block; line-height:0px; height:20px;}
.clear3 {clear: both; display: block; line-height:0; height: 10px;}
.textblock {float: left; clear: both; width: 100%; }

body {background:#fff url(images/header.jpg) repeat-x 0 0; font-family: Arial, Verdana, sans-serif;  }
body.header2 {background-image: url(images/header2.jpg); }
#page {width: 940px; margin: 0 auto; }
#top {width: 921px; padding: 16px 0 0 19px; float: left; clear: both; }
#top #logo {float: left; clear: left; }
#top ul {float: right; }
#top ul li {float: left; margin: 0 34px 0 0;}
#top ul li.last {margin: 0;}
#top ul li a {float: left; height: 30px; line-height: 30px; font-size: 12px; font-weight: bold; color: #bdbdbd; font-weight: bold; text-transform: uppercase; }
#top ul li a:hover, #top ul li a.active {color: #ececec; }

.header_thin {float: left; width: 100%; clear: both; height: 163px; margin: 22px 0 84px 0;}
.header_thin.about_us {background: url(images/header_about.png) no-repeat right 0;}
.header_thin.services_h {background: url(images/header_services.png) no-repeat right 3px;}
.header_thin div {float: left; width: 420px; text-align: right; margin: 58px 0 0 0;}
.header_thin div h3 {float: left; width: 100%;  font-size: 26px; line-height: 26px; color: #ffffff; font-weight: normal; }
.header_thin div span {float: left; width: 100%; font-size: 18px; line-height: 18px; color: #262626; margin: 14px 0 0 0;}
.header_thin.about_us div span {margin: 0;} 
.header_thin.services_h div {width: 635px;}
.header_thin.services_h span {width: 565px;}

#content {float: left; clear: both; width: 100%; margin: 16px 0 30px 0;}
.box {float: left; padding: 47px 0 0 0; }
.box h2 {float: left; clear: both;  margin: 0 0 24px 0; height: 47px; color: #191919; font-size: 23px; line-height: 23px;  font-weight: normal; }
.box h2 em {font-style: normal; }
.box h2 span {float: left; clear: both; width: 100%; color: #808080; font-size: 12px; margin: 10px 0 0 0; line-height: 12px; font-weight: normal; }
.box .textblock {float: left; width: 100%; font-size: 13px; color: #808080;  text-align: left; }
.box .textblock strong {font-size: 12px; color: #00a7f3; }
.box.news {float: left; padding-left: 13px; padding-right: 21px; width: 270px; }
.box.news h2 {background: url(images/news_h.gif) no-repeat 0 0; padding: 7px 0 0 72px; width:  198px; }
.box.testimonials {float: left; width: 295px; background: url(images/box_clients.png) no-repeat; padding-left: 32px; padding-right: 35px; }
.box.testimonials h2 {background: url(images/testimonials_h.gif) no-repeat 0 0; padding: 7px 0 0 72px; width:  223px;}
.textblock.quote {background: url(images/quote.gif) no-repeat; padding: 12px 0 0 20px; position: relative; margin-left: -11px; font-family: Georgia; font-size: 14px; font-style: italic; line-height: 22px;  }
.box.testimonials .textblock.quote span {float: left; clear: both; width: 95%; text-align: right; color: #00a7f3; font-style: normal; font-size: 12px; font-family: Arial; }
.box.touch {width: 240px; padding-left: 27px; }
.box.touch h2 {background: url(images/touch_h.gif) no-repeat 0 0; padding: 7px 0 0 69px; width:  271px;}
.socials {width: 100%; text-align: center; float: left; clear: both; margin: 22px 0 0 0; letter-spacing: 32px;}

.about_box {float: left; clear: both; width: 822px; padding: 0 0 55px 118px; }
.about_box h1, .about_box h2 {float: left; clear: both; width: 100%; color: #191919; font-size: 26px; line-height: 40px; font-weight: normal; }
.about_box .under_h {float: left; clear: both; width: 100%; color: #808080; font-style: italic; font-size: 14px; }
.about_box .about_left {float: left; width: 365px; }
.about_box.we_re {background: url(images/we_re.gif) no-repeat 0 0;}
.about_box.why_work {background: url(images/cup.gif) no-repeat 0 0;}
.about_box .textblock {float: left; margin: 30px 0 30px 0; color: #808080; font-size: 13px; line-height: 21px; }

.services {float: right; width: 322px; }
.services h3 {float: left; clear: both; width: 100%; color: #00a7f3; font-size: 18px; line-height: 18px; font-weight: normal; }
.services ul {float: left; clear: both; width: 294px; margin: 22px 0 0 0; background: #d9d9d9; -webkit-border-radius: .5em; 	-moz-border-radius: .5em;	border-radius: .5em; padding: 14px; }
.services ul li {float: left; width: 100%; }
.services ul li a {float: left; width: 100%; height: 34px; line-height: 34px; background: url(images/item.gif) no-repeat right center; color: #222222; font-size: 16px; }
.services ul li a:hover, .services ul li a.active {background-image: url(images/item_sel.gif); color: #00a7f3; }
.services ul li .separator {float: left; clear: both; width: 100%; height: 2px; background: url(images/separator.gif) no-repeat; }
.services .testimonials {width: 294px; float: left; background: #d9d9d9; -webkit-border-radius: .5em; 	-moz-border-radius: .5em;	border-radius: .5em; padding: 14px; margin: 22px 0 0 0;}
.services .textblock.quote {background: url(images/quote2.gif) no-repeat; padding: 5px 0 0 22px; position: relative;  font-family: Georgia; font-size: 14px; font-style: italic; line-height: 22px; margin: 0; width: 270px; }
.services .textblock.quote span {float: left; clear: both; width: 95%; text-align: right; color: #191919; font-style: normal; font-size: 13px; font-family: Arial; margin: 15px 0 0 0;}

.services_desc {float: right; width: 850px; }
.services_desc h1 {float: left; clear: both; width: 100%; color: #191919; font-size: 26px; line-height: 40px; font-weight: normal; }
.services_desc .textblock {float: left; clear: both; background: #d9d9d9; -webkit-border-radius: .5em; 	-moz-border-radius: .5em;	border-radius: .5em; padding: 17px 70px 17px 17px; width: 660px; position: relative; margin: 20px 0 0 -17px; color: #5b5b5b; font-size: 14px; line-height: 20px; }
.services_desc .textblock img {position: absolute; right: -100px; top: -10px;}

.services_box {float: left; width: 320px; padding: 0 0 0 87px; margin: 49px 107px 0 0;}
.services_box.right {margin: 49px 0 0 0; }
.services_box.webdesign {background: url(images/icon1.jpg) no-repeat; }
.services_box.print {background: url(images/icon2.jpg) no-repeat; }
.services_box.brand {background: url(images/icon3.jpg) no-repeat; }
.services_box.marketing {background: url(images/icon4.jpg) no-repeat; }
.services_box.consultation {background: url(images/icon5.jpg) no-repeat; }
.services_box.slicing {background: url(images/icon6.jpg) no-repeat; }
.services_box h2 {float: left; clear: both; width: 100%; font-size: 18px; color: #00a7f3;  }
.services_box .textblock {margin: 14px 0 7px 0; color: #808080; font-size: 13px; line-height: 21px;}
.services_link {float: left; width: 260px; height: 33px; line-height: 33px; background: #d9d9d9 url(images/item.gif) no-repeat 284px center; color: #222222; font-size: 15px; margin: 8px 0 0 0;  -webkit-border-radius: .5em; 	-moz-border-radius: .5em;	border-radius: .5em; padding: 0 40px 0 16px;}
.services_link:hover {background-image: url(images/item_sel.gif); color: #00a7f3; }

.in_touch {float: left; clear: both; width: 140px; height: 31px; background: url(images/in_touch.gif) no-repeat;  }


#footer {float: left; clear: both; width: 100%; height: 85px; background: url(images/footer.gif) repeat-x; }
#footer_center {width: 940px; margin: 0 auto; margin-top: 21px; text-transform: uppercase;}
#footer_left {float: left; clear: left; width: 40%; font-size: 10px; color: #acacaf; text-align: left; }
.rss {float: left; clear: left; width: 180px; height: 15px; line-height: 15px; font-size: 10px; background: url(images/rss.gif) no-repeat right 0; font-weight: bold; color: #949494;  margin: 6px 0 0 0;}
#footer_right {float: right; width: 40%; font-size: 10px; color: #acacaf; text-align: right; font-weight: bold;  }
#footer_right a {color: #acacaf; }