@charset "utf-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
	border:none;
	outline:none;
	list-style:none;
	float:none;
	text-decoration:none;
	font-family:"Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#e5e5e5;
}


/* ------------- IMAGE REPLACEMENT ----------------- */

.replace{
	position:relative;
}

.replace span{
	position:absolute;
	top:0 !important;
	left:0 !important;
	width:100%;
	height:100%;
	margin:0 !important;
	padding:0 !important;
	overflow:hidden;
}

.left{
	float:left !important;
}

.right{
	float:right !important;
}

.clear{
	clear:both;
}

h1{
	margin:40px 0 30px;
}
h2{
	margin-bottom:15px;
}

p{
	font-size:0.8em;
	margin-bottom:15px;
	line-height:20px;
}

ul.ticks{
	margin-bottom:15px;
}

ul.ticks li{
	background:url(/img/bg_ul_li.png) left 3px no-repeat;
	line-height:22px;
	padding-left:25px;
	font-size:0.8em;
	font-weight:bold;
}

q{
	font-size:0.8em;
	color:#ea7870;
	font-style:italic;
	line-height:16px;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:justify !important;
}

blockquote{
	font-size:0.8em;
	display:block;
}

html, body{
	height:100%;
	width:100%;
	position:relative;
}
html{
	background:#2c0800 url(/img/bg_html.jpg) center top repeat-x;
}

body{
	background:url(/img/bg_body.jpg) center 6px no-repeat;
}

hr{
	border:none;
	clear:both;
	background:#3c1d18;
	color:#3c1d18;
	height:1px;
}
.container{
	clear:both;
	display:block;
	width:960px;
	margin:0 auto 20px;
	overflow:hidden;
}

ul#nav{
	overflow:hidden;
	margin-top:53px;
}

ul#nav li{
	float:left;
	height:64px;	
	margin-right:27px;
}

ul#nav li a, ul#nav li span{
	height:64px;
	display:block;
	font-size:0.7em;
	color:#FFF;
	z-index:2;
}

ul#nav li#nav_home a, ul#nav li#nav_home a span{
	background:url(/img/nav/home.png) center top no-repeat;
	width:41px;
}

ul#nav li#nav_services a, ul#nav li#nav_services a span{
	background:url(/img/nav/services.png) center top no-repeat;
	width:60px;
}

ul#nav li#nav_testimonials a, ul#nav li#nav_testimonials a span{
	background:url(/img/nav/testimonials.png) center top no-repeat;
	width:98px;
}

ul#nav li#nav_about a, ul#nav li#nav_about a span{
	background:url(/img/nav/about.png) center top no-repeat;
	width:47px;
}

ul#nav li#nav_contact a, ul#nav li#nav_contact a span{
	background:url(/img/nav/contact.png) center top no-repeat;
	width:84px;
}

ul#nav li#nav_projects a, ul#nav li#nav_projects a span{
	background:url(/img/nav/projects.png) center top no-repeat;
	width:66px;
}

ul#nav li#nav_work a, ul#nav li#nav_work a span{
	background:url(/img/nav/work.png) center top no-repeat;
	width:43px;
}

ul#nav li a:hover, ul#nav a:hover span, ul#nav li a:focus, ul#nav a:focus span{
	background-position:center -64px !important;
}

#body_home ul#nav li#nav_home a, #body_home ul#nav li#nav_home a span,
#body_contact ul#nav li#nav_contact a, #body_contact ul#nav li#nav_contact a span,
#body_services ul#nav li#nav_services a, #body_services ul#nav li#nav_services a span,
#body_about ul#nav li#nav_about a, #body_about ul#nav li#nav_about a span,
#body_projects ul#nav li#nav_projects a, #body_projects ul#nav li#nav_projects a span,
#body_testimonials ul#nav li#nav_testimonials a, #body_testimonials ul#nav li#nav_testimonials a span{
	background-position:center -128px !important;
}

#noOverflow{
	overflow:visible !important;
	margin-bottom:0 !important;
}

#header{
	overflow:visible;
	margin-top:6px;
	height:117px;
	padding-top:6px;
}

#logo, #logo span{
	background:url(/img/logo.jpg) left top no-repeat;
	width:223px;
	height:57px;
	overflow:hidden;
	color:#FFF;
}

#logo{
	margin-top:22px;
}

img#contactUsRibbon{
	top:0px;
	right:0;
	position:absolute;
	cursor:pointer;
	z-index:1;
}

.third{
	float:left;
	width:280px;
	margin:30px 0 0 20px;
	overflow:hidden;
}
.thirdFirst{
	float:left;
	width:300px;
	margin:30px 0;
}
.thirdSpacer{
	float:left;
	margin:30px 14px;
	background:url(/img/third_spacer.png) center top repeat-y;
	width:2px;
	height:350px;
}

.third p, .thirdFirst p{
	width:270px;
}

#body_home .third, #body_home .thirdFirst{
	overflow:visible;
}
/* -------------------- HOMEPAGE --------------------------------- */

#splashBanner{
	background:url(/img/splash_banner.jpg) center top repeat-x;
	height:510px;
}

#splashBanner .container{
	background:url(/img/bg_splash.jpg) center top no-repeat;
	height:510px;
	position:relative;
}

#splashBanner h2, #splashBanner h2 span{
	background:url(/img/text_we_are_a_small.jpg) left top no-repeat;
	width:921px;
	display:block;
	height:46px;
	line-height:24px;
	color:#FFF;
	text-align:center;
	margin:0 auto;
	font-size:0.8em;
	position:absolute;
	top:430px;
	left:20px;
}

h2#services, h2#services span{
	background:url(/img/text_h2_services.jpg) left top no-repeat;
	width:148px;
	height:45px;
	color:#dda64b;
	margin-left:-2px;
}

h2#from_the_blog, h2#from_the_blog span{
	background:url(/img/text_h2_from_the_blog.jpg) left top no-repeat;
	width:227px;
	height:43px;
	color:#dda64b;
}

h2#testimonials, h2#testimonials span{
	background:url(/img/text_h2_testimonials.jpg) left top no-repeat;
	width:205px;
	height:43px;
	color:#dda64b;
}

.blogTime{
	color:#ea7870;
	font-size:0.8em;
	display:block;
	margin-bottom:10px;
}

.third h3{
	color:#fa781a;
	font-weight:bold;
	font-size:0.9em;
	margin:0 0 15px;
}
.third q{
	font-size:0.7em;
	line-height:17px;
}
.third blockquote{
	margin-top:5px;
	margin-bottom:15px;
}
.third a, .thirdFirst a{
	color:#fa781a;
}
.third blockquote a{
	display:inline;
	color:#FFF;
}

#body_services .thirds p, #body_services .thirdsEnd p{
	text-align:justify;
	margin-bottom:30px;
	color:#DDD;
}

/* ------- HOMEPAGE SPLASH ----------------- */

.container #featured_homepage{
	width:856px;
	height:424px;
	position:relative;
	margin:20px auto 0;
	opacity:0;
	filter:alpha(opacity=0);
}
.container #examples{
	width:740px;
	height:424px;	
	margin:20px 0 0 64px;
}

.container #featured_homepage #left, .container #featured_homepage #right{
	position:absolute;
	top:57px;
	left:62px;
	width:153px;
	height:302px;
	z-index:1000;
	cursor:pointer;
}
.container #featured_homepage #right{
	left:auto;
	right:55px;
	width:150px;
}
.container #featured_homepage #overlay{
	position:absolute;
	top:0;
	left:0;
	background:url(/img/homepage_splash.png) no-repeat left top;
	width:856px;
	height:384px;
	z-index:999;
}
/*--------------------- BLOG -------------------------------- */

h1#blog, h1#blog span{
	background:url(/img/h1_blog.png) left top no-repeat;
	width:44px;
	height:14px;
	font-size:0.8em;
}
h1#terms, h1#terms span{
	background:url(/img/text_h2_terms_of_use.jpg) left top no-repeat;
	width:120px;
	height:11px;
	font-size:0.6em;
}
h1#privacy, h1#privacy span{
	background:url(/img/text_h2_privacy_policy.jpg) left top no-repeat;
	width:130px;
	height:11px;
	font-size:0.6em;
}
h1#accessibility, h1#accessibility span{
	background:url(/img/text_h2_accessibility.jpg) left top no-repeat;
	width:130px;
	height:11px;
	font-size:0.6em;
}



h1#get_in_touch, h1#get_in_touch span{
	background:url(/img/h1_get_in_touch.png) left top no-repeat;
	width:189px;
	height:14px;
	font-size:0.7em;
}
input#search{
	background:#000;
	border:none;
	height:20px;
	width:200px;
	padding:0 10px;
	color:#ea7870;
	margin:20px 0;
	font-size:0.7em;
	padding-top:4px;
}
ul.blogList{
	width:710px;
	float:left;
	margin-top:-30px;
}

ul.blogList li{
	border-bottom:1px solid #491d18;
	overflow:hidden;
	padding:30px 0;
}

ul.blogList li .date{
	color:#ea7870;
	font-size:0.8em;
	float:left;
	width:100px;
	padding-top:5px;
}

ul.blogList li .blogContent{
	float:left;
	margin-left:20px;
	width:590px;
}

ul.blogList li .blogContent h2{
	color:#dcb667;
	font-size:1.5em;
	font-family:Georgia;
	font-weight:normal;
}

#blogRight{
	width:220px;
	float:left;
	margin-left:30px;
}

ul.blogList li .blogContent p.tags{
	color:#ea7870;
	font-size:0.7em;
}

/* --------------------- WORK -------------------- */

h1#projects, h1#projects span{
	background:url(/img/h1_projects.png) left top no-repeat;
	width:243px;
	height:15px;
	font-size:0.8em;
}

ul#projects{
	margin-left:-30px;
	overflow:hidden;
	width:990px;
}

ul#projects li{
	width:299px;
	float:left;
	margin-left:30px;
	margin-bottom:20px;
}
ul#projects li div{
	background:#130000;
	border:1px solid #491d18;
	padding:5px;
	position:relative;
	width:287px;
	height:147px;
}
ul#projects li div{
	z-index:1;
	cursor:pointer;
}

ul#projects li div span{
	height:147px;
	width:287px;
	background-color:#000;
	position:absolute;
	z-index:2;
	top:5px;
	left:5px;
	display:none;
}

ul#projects li h2 a{
	color:#fa7919;
	text-transform:uppercase;
	font-size:0.5em;
	font-family:Georgia;
	margin-top:10px;
	display:block;
}

/* ------------------------ SERVICES --------------------------- */


h1#services, h1#services span{
	background:url(/img/h1_services.png) left top no-repeat;
	width:77px;
	height:15px;
	font-size:0.8em;
}

h2#design, h2#design span, h2#development, h2#development span, h2#management, h2#management span{
	width:298px;
	height:40px;
	line-height:40px;
	text-align:center;
}
h2#design, h2#design span{
	background:url(/img/text_h2_design.jpg) left top no-repeat;
}
h2#development, h2#development span{
	background:url(/img/text_h2_development.jpg) left top no-repeat;
}
h2#management, h2#management span{
	background:url(/img/text_h2_management.jpg) left top no-repeat;
}

.thirds, .thirdsEnd{
	width:298px;
	margin-right:32px;
	float:left;
}

.thirdsEnd{
	margin-right:0;
}

#body_services h3, #body_services h3 span{
	display:block;
	font-size:1em;
	height:43px;
}

h3#valid_xhtml, h3#valid_xhtml span{
	background:url(/img/text_h3_valid_xhtml.jpg) left top no-repeat;
}

h3#php_mysql, h3#php_mysql span{
	background:url(/img/text_h3_php_mysql.jpg) left top no-repeat;
}

h3#content_management, h3#content_management span{
	background:url(/img/text_h3_content_management.jpg) left top no-repeat;
}

h3#website_design, h3#website_design span{
	background:url(/img/text_h3_website_design.jpg) left top no-repeat;
}

h3#interface_design, h3#interface_design span{
	background:url(/img/text_h3_interface_design.jpg) left top no-repeat;
}

h3#brand_development, h3#brand_development span{
	background:url(/img/text_h3_brand_development.jpg) left top no-repeat;
	margin-top:-5px;
	margin-bottom:5px;
}

h3#hosting, h3#hosting span{
	background:url(/img/text_h3_hosting.jpg) left top no-repeat;
}

h3#email, h3#email span{
	background:url(/img/text_h3_email.jpg) left top no-repeat;
}

h3#domain_registration, h3#domain_registration span{
	background:url(/img/text_h3_domain_registration.jpg) left top no-repeat;
}


/* ------------------------ TESTIMONIALS --------------------------- */


h1#testimonials, h1#testimonials span{
	background:url(/img/h1_testimonials.png) left top no-repeat;
	width:120px;
	height:14px;
	font-size:0.8em;
}

#body_testimonials #contentLeft{
	float:left;
	width:670px;
	margin-right:30px;
}

#body_testimonials #contentRight{
	
}
/* --------------------- SPECIFIC PROJECT ---------------------- */

#body_projects div#details{
	width:298px;
	float:left;
	margin-right:30px;
	margin-top:18px;
	text-align:justify;
	margin-bottom:38px;
}
#body_projects div#details q{
	font-size:0.7em;
}

#body_projects div#gallery{
	margin-top:40px;
	float:left;
	width:610px;
	border:1px solid #491d18;
	padding:9px;
	margin-bottom:38px;
}

#body_projects div#gallery #mainImages{
	position:relative;
	height:605px;
	width:610px;
}

#body_projects div#gallery #mainImages li{
	width:610px;
	height:605px;
	display:none;
	float:left;
	position:absolute;
	top:0;
	left:0;
}

#body_projects div#gallery #thumbs{
	background:url(/img/bg_thumbs.png) left top no-repeat;
	height:59px;
	width:600px;
	margin-top:10px;
	padding:15px 10px 15px 0px;
	overflow:hidden;
}
#body_projects div#gallery #thumbs li{
	float:left;
	margin-left:12px;
	position:relative;
	cursor:pointer;
}

#body_projects div#gallery #thumbs li span{
	position:absolute;
	background:#000;
	width:109px;
	height:59px;
	top:0;
	left:0;
	display:none;
}

#body_projects div#details h2{
	width:298px;
	margin-bottom:10px;
	font-family:Georgia;
	color:#dda64b;
	font-size:0.8em;
	height:22px;
	margin-top:20px;
}

#body_projects div#details h2#project, #body_projects div#details h2#project span{
	background:url(/img/text_h2_project.jpg) top left no-repeat;
}

#body_projects div#details h2#url, #body_projects div#details h2#url span{
	background:url(/img/text_h2_url.jpg) top left no-repeat;
}

#body_projects div#details h2#background, #body_projects div#details h2#background span{
	background:url(/img/text_h2_background.jpg) top left no-repeat;
}

#body_projects div#details h2#technology, #body_projects div#details h2#technology span{
	background:url(/img/text_h2_technology.jpg) top left no-repeat;
}

#body_projects div#details h2#testimonial, #body_projects div#details h2#testimonial span{
	background:url(/img/text_h2_a_happy_client.jpg) top left no-repeat;
}

#body_projects div#details h3{
	font-family:Georgia;
	color:#FFF;
	text-transform:uppercase;
	font-size:1.0em;
	text-align:left;
}
#body_projects div#details a{
	color:#fa7919;
	background:url(/img/a_arrow.png) right 4px no-repeat;
	padding-right:20px;
	font-size:0.7em;
}

#body_projects div#details p a{
	font-size:1em;
	background:none;
	padding:0;
}
#body_projects div#details p{
	font-size:0.7em;
	line-height:16px;
	font-weight:normal;
}

#body_projects div#details #player{
	width:288px;
	height:210px;
	display:block;
	margin-bottom:30px;
	margin-top:20px;
	padding:5px;
	background:#130000;
	display:block;
	border:1px solid #491d18;
}

#body_home #player{
	width:256px;
	height:210px;
	display:block;
	margin-bottom:10px;
	margin-top:15px;
	padding:5px;
	background:#130000;
	display:block;
	border:1px solid #491d18;
}

.myPlayerArea{
	float:left;
	margin-right:30px;
	display:inline;	
	background:#130000;
	border:1px solid #491d18;
	padding:5px;
}

.myPlayer{
	width:210px;
	height:160px;
	padding:5px;
	background:#130000;
	display:block;
	border:1px solid #491d18;
}



/* -------------------------- TESTIMONIALS --------------------------- */

ul#testimonials{
	width:670px;
	float:left;
	margin-bottom:30px;
	margin-top:-30px;
}

ul#testimonials li{
	width:100%;
	border-bottom:1px solid #491d18;
	padding:30px 0;
	overflow:hidden;
}

ul#testimonials li q{
	font-style:normal;
	font-weight:normal;
	font-size:0.7em;
	font-family:"Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
ul#testimonials li blockquote{
	color:#e9bb64;
	display:block;
	margin-top:15px;
	font-size:0.9em;
}
div#mainTestimonial{
	float:left;
	margin-left:30px;
	width:260px;
}
.myPlayer label{
	font-size:1.2em;
}

ul#testimonials li .project a{
	display:block;
	color:#fa7919;
	font-size:0.8em;
	padding-top:3px;
}

h2#a_happy_client, h2#a_happy_client span{
	background:url(/img/text_h2_a_happy_client.jpg) left top no-repeat;
	height:21px;
	font-size:0.8em;
}

div#mainTestimonial blockquote{
	color:#e0b65e;
	display:block;
	margin-top:15px;
	font-size:0.8em;	
	line-height:19px;
}

div#mainTestimonial blockquote span{
	font-size:0.9em;
	color:#e0b65e;
}
/* -------------------- FOOTER -------------------------- */

#bodyContent{
	min-height:100%;
	margin-top:-6px;
}

#footerSpacer{
	height:141px;
}

#footer{
	background:url(/img/bg_footer.jpg) center top repeat-x;
	height:141px;
	width:100%;
	display:block;
	clear:both;
	margin-top:-141px;
	color:#ea7870;
}
#footer .container{
	margin-bottom:0;
}
#footer a{
	color:#ea7870;
}

#footer .container{
	background:url(/img/footer_fairies.jpg) center top no-repeat;
	height:141px;
}
#footer ul{
	padding-top:105px;
	overflow:hidden;
	display:block;
	margin-left:240px;
}
#footer ul li{
	padding:0 10px;
	background:url(/img/footer_spacer.jpg) right 2px no-repeat;
	line-height:15px;
	float:left;
	color:#ea7870;
	font-size:0.7em;
}

#footer ul li.end{
	background:none;
}


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

#contactLeft{
	width:250px;
	float:left;
	margin-right:30px;
}

#contactLeft p{
	color:#ea7870;
	font-size:0.7em;
}

form#contactForm{
	background:url(/img/bg_contact_form.jpg) left top repeat-x;
	height:339px;
	float:left;
	padding:20px 30px;
	width:600px;
	clear:none;
	margin-top:40px;
}

form#contactForm input{
	background:#5c0a0c;
	width:211px;
	padding:3px 5px 0;
	margin:5px 0 20px 0;
	height:22px;
	color:#FFF;
}

form#contactForm textarea{
	background:#5c0a0c;
	width:340px;
	height:212px;
	padding:5px;
	margin:5px 0 15px 0;
	color:#FFF;
	overflow:auto;
}
form#contactForm #left{
	width:250px;
	float:left;
}
form#contactForm #right{
	float:left;
	width:350px;
}

form label{
	color:#e8af66
}

form#contactForm button{
	background:url(/img/button_send.jpg) left top no-repeat;
	width:100px;
	height:30px;
	float:right;
	cursor:pointer;
}

span.bigger{
	font-size:1.4em;
	color:inherit;
}

span#phone{
	font-size:1.4em;
}
a.email{
	color:#fa7919;
	display:block;
	margin-top:5px;
}

#contactForm #error{
	background:url(/img/contactForm_error.jpg) left top no-repeat;
	border:#eaafa5 1px solid;
	width:215px;
	padding:10px 0 10px 30px;
	font-size:0.7em;
	display:none;
}

input.outline, textarea.outline{
	outline:#e8af66 1px solid; 
}

p#large{
	font-weight:bold;
	font-size:1em;
}


ul.normal li{
	font-size:0.8em;
	line-height:20px;
	margin-left:20px;
	list-style:disc;
}

dd, dt{
	font-size:0.8em;
}

dt{
	clear:left;
	float:left;
	margin:0 5px 5px 0;
	width:50px;
}
dd{
	margin:0 0 5px;
}

.addthis_toolbox{
	float:right;
	margin-top:-35px;
	position:relative;
	z-index:5;
}

.addthis_toolbox a{
	background:none !important;
	padding-right:0 !important;
}

.at15t{
	color:#666 !important;
}