*
{
	border: 0;
	margin: 0;
	outline: 0;
	padding: 0;
}
ol,ul
{
	list-style: none;
}
h1,h2,h3,h4,h5,h6
{
	font-family: "Trebuchet MS";
	font-size: 100%;
	font-weight: normal;
}
.clearfix:after
{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}
.clearfix
{
	display: inline-block;
}
html[xmlns] .clearfix
{
	display: block;
}
* html .clearfix
{
	height: 1%;
}
.float_left
{
	display: inline;
	float: left !important;
}
.float_right
{
	display: inline;
	float: right !important;
}
.block_content
{
	clear: both;
	float: left;
	width: 100%;
}
a
{
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}
.color
{
	color: #19a4e6;
}
.wrapper
{
	margin: 0 auto;
	width: 871px;
}
body
{
	background: #0c0904 url(../images/bg_body_large.jpg) no-repeat center top;
	color: #fff;
	font-family: "CambriaRegular", Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
}
.boxLeft
{
	color: #aca7a7;
	display: inline;
	float: left;
	padding: 0 33px 0 0;
	width: 280px;
}
.boxLeft h2,
#work h2
{
	color: #5c554d;
	font-size: 100px;
	letter-spacing: -6px;
	line-height: 76px;
	text-transform: lowercase;
}
.boxRight
{
	display: inline;
	float: right;
	padding: 0 30px;
	width: 498px;
}
#top
{
	height: 210px;
	position: relative;
	z-index: 1;
}
#top h1 a
{
	background: url(../images/logo.png) no-repeat;
	display: inline;
	float: left;
	height: 60px;
	margin: 89px 0 0 0;
	text-indent: -9999px;
	width: 284px;
}
#top ul
{
	float: left;
}
#top ul li
{
	display: inline;
	float: left;
}
#top ul li.overlay
{
	background: url(../images/overlay_dark.png) repeat;
	float: left;
	height: 205px;
	width: 28px;
}
* html #top ul li.overlay
{
	background: #000;
	filter: alpha(opacity=50);
	moz-opacity: 0.50;
	opacity: .50;
}
#top ul li a
{
	background: url(../images/overlay_dark.png) repeat;
	color: #898986;
	float: left;
	font: 20px "Trebuchet MS";
	height: 95px;
	padding: 110px 0 0 0;
	text-align: center;
	width: 85px;
}
#top ul li a:hover,
	#top ul li a.active
{
	background: url(../images/menu_over.png) no-repeat center bottom;
	color: #fff;
	height: 100px;
	text-decoration: none;
}
* html #top ul li a
{
	background: #000;
	filter: alpha(opacity=50);
	moz-opacity: 0.50;
	opacity: .50;
}
* html #top ul li a:hover, * html #top ul li a.active
{
	background: none;
}
#top p
{
	background: url(../images/get-in-touch.gif) no-repeat;
	clear: both;
	color: #1e84b3;
	font: 18px "Trebuchet MS";
	font-style: italic;
	height: 32px;
	letter-spacing: -1px;
	padding: 5px 0 0 25px;
	position: absolute;
	right: 30px;
	top: 17px;
	width: 225px;
}
#top p span
{
	color: #fff;
}
.overlay_left,
	.overlay_right
{
	background: url(../images/overlay_dark.png) repeat;
	display: inline;
	float: left;
	height: 205px;
	margin-left: 29px;
	width: 65px;
}
.overlay_right
{
	margin: 0;
	width: 69px;
}
* html .overlay_left,
	* html .overlay_right
{
	background: #000;
	filter: alpha(opacity=50);
	moz-opacity: 0.50;
	opacity: .50;
}
#home
{
	height: 553px;
	position: relative;
}
#home .boxLeft
{
	height: 516px;
	position: relative;
}
#home .boxLeft h2
{
	color: #56524f;
	font-size: 18px;
	letter-spacing: 0;
	line-height: 24px;
	margin: 55px 0 20px 0;
	text-align: right;
	text-transform: none;
}
#home .boxLeft ul li
{
	color: #9f9f9b;
	font-family: "Trebuchet MS";
	font-size: 44px;
	letter-spacing: -1px;
	line-height: 39px;
	text-align: right;
}
#home .boxLeft ul li span
{
	color: #1e85b2;
}
#home .boxLeft ul li.smaller
{
	font-size: 23px;
}
#home .boxLeft .eyecandy
{
	bottom: 41px;
	left: 70px;
	position: absolute;
}
#home .boxLeft .eyecandy a
{
	background: url(../images/eye_candy.png) no-repeat;
	display: block;
	height: 98px;
	text-indent: -9999px;
	width: 206px;
}
#home .boxLeft .eyecandy a:hover
{
	background: url(../images/eye_candy_over.png) no-repeat;
}
*html #home .boxLeft .eyecandy a,
	*html #home .boxLeft .eyecandy a:hover
{
	background: url(../images/eye_candy.gif) no-repeat;
}
#home .boxRight
{
	background: url(../images/overlay_dark.png) repeat;
	height: 513px;
	margin: -5px 0 0 0;
	padding-top: 45px;
}
#slider
{
	border: 3px solid #3ebce6;
	height: 295px;
	width: 487px;
}
#twiiterBox
{
	background: url(../images/bg_twitter.png) no-repeat;
	color: #898986;
	font-size: 14px;
	font-style: italic;
	height: 55px;
	margin-top: 65px;
	padding: 13px 90px 0 7px;
	width: 393px;
}
#about
{
	height: 1001px;
	position: relative;
}
#about .boxLeft h2
{
	margin-bottom: 30px;
}
#contact .boxRight p
{
	color: #19A4E6;
	margin-top: 25px;
}
#about .boxLeft p
{
	color: #A4A4A1;
	margin-top: 25px;
}
#comments
{
	background: #15120c url(../images/comments_grad.gif) repeat-x left bottom;
	border: 3px solid #53412f;
	margin: 30px 0 0 0;
	padding: 10px 16px;
	width: 240px;
}
#comments blockquote
{
	color: #898986;
	font-size: 17px;
	font-style: italic;
	line-height: 26px;
}
#comments blockquote img
{
	vertical-align: middle;
}
#comments span
{
	color: #1e84b3;
	display: block;
	font-size: 16px;
	margin: 20px 0 0 0;
}
#about .boxRight
{
	background: url(../images/overlay_white.png) repeat;
	height: 962px;
	padding-right: 0;
	width: 528px;
}
#about .boxRight h2
{
	font-size: 46px;
	margin-bottom: 20px;
}
#about .boxRight img.circles
{
	margin: 12px 0 10px 70px;
}
#about .boxRight ul li
{
	display: inline;
	float: left;
	height: 150px;
	padding: 0 20px 10px 0;
	width: 244px;
}
#about .boxRight ul li h3
{
	color: #19a4e6;
	font-family: Cambria, Georgia;
	font-size: 20px;
	font-style: italic;
	margin: 0 0 7px 0;
	padding: 2px 0 2px 38px;
}
#about .boxRight ul li h3.title_eCommerce
{
	background: url(../images/icon_ecommerce.png) no-repeat left center;
}
#about .boxRight ul li h3.title_multimedia
{
	background: url(../images/icon_multimedia.png) no-repeat left center;
}
#about .boxRight ul li h3.title_development
{
	background: url(../images/icon_development.png) no-repeat left center;
}
#about .boxRight ul li h3.title_seo
{
	background: url(../images/icon_seo.png) no-repeat left center;
}
#about .boxRight ul li h3.title_website
{
	background: url(../images/icon_website.png) no-repeat left center;
}
#about .boxRight ul li h3.title_print
{
	background: url(../images/icon_print.png) no-repeat left center;
}
#work
{
	height: 984px;
	position: relative;
}
#work h2
{
	margin: 0 0 85px 0;
}
#work div
{
	display: inline;
	float: left;
	font-size: 18px;
	font-style: italic;
	height: 252px;
	margin: 0 46px 0 0;
	position: relative;
	width: 251px;
}
#work div.third
{
	margin: 0;
}
#work div a
{
	background: url(../images/arrow.gif) no-repeat right center;
	color: #1e84b3;
	display: block;
	padding: 8px 0;
}
#work div a:hover
{
	background: url(../images/arrow_over.gif) no-repeat right center;
}
#work div a.linkImg
{
	background: none;
	border: 4px solid #53412f;
	height: 127px;
	padding: 0;
}
#work div a.linkImg:hover
{
	border-color: #1e85b2;
}
#work div span
{
	background: url(../images/work_shadow.gif) no-repeat center top;
	color: #6e6c68;
	display: block;
	padding: 10px 0 0 0;
}
#work div img.magnifying_glasses
{
	position: absolute;
	right: 4px;
	top: 4px;
}
#contact
{
	height: 614px;
	position: relative;
}
#contact h2
{
	margin: 0 0 50px 0;
}
#contact h5
{
	color: #19a4e6;
	font-family: Cambria, Georgia;
	font-size: 18px;
	font-style: italic;
}
#contact .boxLeft
{
	padding: 0;
	width: 313px;
}
#contact .boxLeft p
{
	margin: 25px 0;
}
#contact .boxRight p
{
	color: #ACA7A7;
	font-weight: normal;
	margin-top: 20px;
}
#contact .boxRight
{
	background: url(../images/overlay_white.png) repeat;
	height: 614px;
}
* html .boxRight
{
	background: none !important;
}
#contact .boxRight form
{
	margin: 70px 0 0 0;
}
#contact label
{
	color: #f2efe9;
	font-size: 17px;
}
#contact label span
{
	color: #19a4e6;
}
#contact input.text_input,
#contact textarea
{
	background: url(../images/input_grad.gif) repeat-x left top;
	border: 1px solid #261e15;
	border-bottom: 1px solid #4b3b2c;
	border-right: 1px solid #4b3b2c;
	color: #b4b0b0;
	font-family: Cambria, Georgia;
	font-size: 15px;
	height: 34px;
	margin: 6px 0 11px 0;
	padding: 0 10px;
	width: 476px;
}
* html #contact input.text_input, * html #contact textarea
{
	width: 470px;
}
#contact input.text_input:hover,
	#contact input.text_input:focus
{
	background: url(../images/input_grad.gif) repeat-x left bottom;
}
#contact textarea
{
	background: url(../images/textarea_grad.gif) repeat-x left top;
	height: 130px;
	overflow: auto;
	padding: 10px 12px;
}
#contact textarea:hover,
	#contact textarea:focus
{
	background: url(../images/textarea_grad.gif) repeat-x left bottom;
}
#contact input.btn_submit
{
	background: url(../images/btn_send.png) no-repeat left top;
	cursor: pointer;
	float: right;
	height: 44px;
	line-height: 0;
	margin: 0 -7px 0 0;
	position: relative;
	text-indent: -9999px;
	width: 172px;
}
* html #contact input.btn_submit
{
	background: url(../images/btn_send.gif) no-repeat left top;
}
#contact input.btn_submit:hover
{
	background-position: left bottom;
}
#contact_info
{
	height: 196px;
}
#contact_info .boxRight
{
	background: url(../images/overlay_white.png) repeat;
	height: 196px;
}
#signup
{
	background: url(../images/bg_subscribe.gif) repeat-x;
	border: 3px solid #53412f;
	height: 100px;
	margin: 25px 0 0 0;
	padding: 10px 18px;
}
#signup h4,
#contact_info .boxRight h4
{
	color: #19a4e6;
	font-family: Cambria, Georgia;
	font-size: 20px;
	font-style: italic;
	margin: 0 0 13px 0;
}
#signup h4 span
{
	color: #f2efe9;
	display: block;
}
#signup input.text_input
{
	background: url(../images/input_subscribe.gif) no-repeat;
	color: #b4b0b0;
	font-family: Cambria, Georgia;
	font-size: 15px;
	height: 28px;
	padding: 0 10px;
	vertical-align: middle;
	width: 129px;
}
#signup input.btn_submit
{
	background: url(../images/btn_subscribe.png) no-repeat;
	cursor: pointer;
	height: 28px;
	line-height: 0;
	text-indent: -9999px;
	vertical-align: middle;
	width: 67px;
}
* html #signup input.btn_submit
{
	background: url(../images/btn_subscribe.gif) no-repeat;
}
#signup input.btn_submit:hover
{
	background-position: left bottom;
}
#contact_info .boxRight
{
	color: #b4b0b0;
	font-size: 14px;
}
#contact_info .boxRight h4
{
	margin: 32px 0 10px 0;
}
#contact_info .boxRight ul li
{
	display: inline;
	float: left;
	line-height: 20px;
	width: 249px;
}
#contact_info .boxRight ul li a
{
	color: #b4b0b0;
}
#footer
{
	height: 114px;
}
#footer p a
{
	color: #1E84B3;
}
#footer h1 a
{
	background: url(../images/logo_footer.png) no-repeat;
	display: block;
	height: 35px;
	margin: 35px 0 0 90px;
	text-indent: -9999px;
	width: 167px;
}
#footer .boxRight
{
	background: url(../images/overlay_dark.png) repeat;
	color: #79746f;
	height: 114px;
}
#footer .boxRight p
{
	font-size: 14px;
	line-height: 18px;
	margin: 46px 0 0 0;
}
.scroll
{
	background-image: url(../images/top_contact.png);
	background-position: left top;
	bottom: 5px;
	clear: both;
	display: block;
	height: 71px;
	position: absolute;
	right: -91px;
	text-indent: -9999px;
	width: 71px;
}
* html .scroll
{
	background-image: url(../images/top_contact.gif);
}
.scroll:hover
{
	background-position: left bottom;
}
#contact .scroll
{
	bottom: -35px;
}