/* ----------------------------------------*/
/* Creator: Kamil Grzegorczyk -------------*/
/* Contact: kamilgrzegorczyk@gmail.com ----*/
/* Date:  JULY 2010 -----------------------*/
/* Proper usage among with YUI RESET only -*/
/* ----------------------------------------*/
/* Table of contents: ---------------------*/
/* 1. GLOBAL ------------------------------*/
/* ----------------------------------------*/
/* ----------------------------------------*/

/* -----------------------------------*/
/* ------>>> GLOBAL LAYOUT <<<--------*/
/* -----------------------------------*/
html {
	font-size: 100.01%;
	background-color: #2d1700;
}
body {
	font-size: 62.5%;
	font-family: verdana;
	color: #FFF;
	line-height: 1.45em;
	background-color:#2d1700;
}

/*container for all layers */
.container {
	width:960px;
	margin:0 auto;
	position:relative;
}

/* common stuff*/

.text_box h2 {
	font-size:1.5em;
	line-height:1em;
	font-family:helvetica;
	font-weight:bold;
	background-image:url(../images/background/small_heading.png);
	width:573px;
	height:44px;
	padding:5px 0 0 45px;
	color:#303030;
	text-shadow:1px 1px #ccc;
	margin:15px 0 5px;
	text-transform:uppercase;
}
.text_box h3
{
	font-weight:bold;
	text-align:right;
	text-transform:uppercase;
}
a {
	color:#d2fa30;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a:visited
{
	color:#d2fa30;
}
strong {
	font-weight:bold;
}
em {
	font-style:italic;
}

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.first {
	margin-left: 0 !important;
}
.first_top
{
	margin-top: 0 !important;
}
.last {
	margin-right: 0 !important;
}

/* Error displayed for IE6 users */
.browsererror {
	font-weight:bold; 
	font-size:1.2em;
	color:#ee0000;
	background-color:#000;
	text-align:center;
	padding:5px;
}

/* =top_bar */
#top_bar {
	background-image:url(../images/background/top_bar.jpg);
	height:70px;
}
#top_bar .container {
	height:51px;
}
#top_bar ul {
	position:absolute;
	right:0px;
	top:0px;
}
#top_bar ul li {
	float:left;
}
#main_heading {
	position:relative;
	left:-2px;
	top:10px;
	width:248px;
	height:49px;
}

/* =cu3er */
#cu3er_bar {
	height:325px;
	padding-top:19px;
	background-image:url(../images/background/cu3er.jpg);
	background-position:center 0;
	text-align:center;
}

/* =header */
#header {
	background-image:url(../images/background/header.jpg);
	height:68px;
}
#header .container {
	height:50px;
	padding-top:18px;
	background-image:url(../images/background/header_main.jpg);
}

/* =twitter */
#twitter_bar {
	background-image:url(../images/background/twitter_bar.jpg);
	height:33px;
	position:relative;
}
#twitter_bar .container {
	padding:9px 0 0 65px;
	width:895px;
	text-align:left;
	font-size:1.2em;
	font-weight:bold;
	text-shadow:#687325 1px 1px;
	font-family:Tahoma, Geneva, sans-serif;
}
#twitter_bird {
	position:absolute;
	top:-15px;
	left:0px;
}

/* =breadcrumbs */
#breadcrumbs_bar {
	height:25px;
	background-image: url(../images/background/breadcrumbs_bar.jpg);
	background-repeat:repeat-x;
	padding-top:11px;
	font-size:1.2em;
	text-shadow:1px 1px #000;
}
#breadcrumbs_bar span {
	color:#FFF;
}
#breadcrumbs_bar img {
	margin:0 3px;
	position:relative;
	top:1px;
}

/* =main */
#main {
	background-image:url(../images/background/main.jpg);
	border-bottom:1px solid #cfcb95;
	background-position:center;
}
#main .backgrounder {
	background-image:url(../images/background/top_back.png);
	background-repeat:repeat-x;
	background-position:center 0;
}
#main .container {
	background-image:url("../images/background/sidebar.jpg");
	background-position:662px 50%;
	background-repeat:repeat-y;
}
#main .container.no_sidebar {
	background:none;
}
#main #content {
	width:618px;
	padding:20px 15px 30px;
	float:left;
}
#main .container.no_sidebar #content {
	width:960px;
	padding:30px 0;
	float:none;
}

/* =sidebar */
#sidebar {
	float:right;
	width:312px;
	background-position:center;
	background-repeat:repeat-y;
	overflow:hidden;
	padding-bottom:30px;
}
#sidebar a {
	color:#d2fa30;
	font-size:0.9em;
}
#sidebar .sidebar_header {
	width:312px;
	background-image:url(../images/background/sidebar_header.jpg);
	background-repeat:no-repeat;
	background-position:center;
	height:92px;
}
#sidebar .sidebar_header img {
	position:relative;
	top:18px;
}
#sidebar ul {
	font-size:1.4em;
	text-align:center;
	font-weight:bold;
}
#sidebar ul li {
	height:47px;
	width:275px;
	padding-top:15px;
	margin:0 auto;
	line-height:1.30em;
}
#sidebar ul li.divider {
	height:3px;
	line-height:0px;
	padding-top:2px;
}

/* =footer */
#footer {
	background-image:url(../images/background/footer.jpg);
	background-repeat:repeat-x;
	background-position:center 0;
	height:180px;
}

#footer .container {
	padding-top:33px;
}
#footer .container .left {
	float:left;
	width:40%;
}
#footer .container .right {
	float:right;
	width:60%;
	text-align:right;
}
#copyright {
	clear:both;
	padding-top:5px;
}

/* -----------------------------------*/
/* ----->>> FLOATING SIDEBAR <<<------*/
/* -----------------------------------*/
#floating_sidebar {
	position:fixed;
	top:150px;
	right:0;
	z-index:100;
}
#floating_sidebar a {
	color:#fff;
}
#contact_form_slider {
	position:absolute;
	right:-610px;
	width:580px;
	height:149px;
	padding:5px 0 0 72px;
	margin-bottom:2px;
	background-image:url(../images/floating_sidebar/contact_background.png);
	overflow:hidden;
	z-index:100;
}
#contact_form_slider .opener {
	position:absolute;
	top:3px;
	left:32px;
}
#contact_form_slider form {
	width:580px;
}
#contact_form_slider ul li {
	float:left;
	margin-top:2px;
}
#contact_form_slider label {
	display:block;
	font-size:1.3em;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	font-style:italic;
	text-align:center;
	padding-bottom:2px;
}
#contact_form_slider input[type=text] {
	background-image:url(../images/floating_sidebar/input.jpg);
	width:182px;
	height:27px;
	border:1px solid #808080;
	margin:2px 8px 5px 0;
	color:white;
	text-align:center;
}
#contact_form_slider input[type=submit] {
	background-image:url(../images/floating_sidebar/send.jpg);
	width:64px;
	margin:1px 0 0 1px;
	height:17px;
	font-size:1.1em;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	font-style:italic;
	border:1px solid #808080;
	color:white;
	text-align:center;
}
#contact_form_slider textarea {
	background-image:url(../images/floating_sidebar/textarea.jpg);
	width:556px;
	height:46px;
	padding:5px;
	color:white;
	border:1px solid #808080;
}
#floating_sidebar .slider_form_notice {
	background-color:#353535;
	height:15px;
	margin-top:1px;
	border:1px solid #808080;
	padding-left:6px;
	width:495px;
}
#floating_sidebar .slider_form_notice a {
	color:#d2fa30;
	text-decoration:none;
}
#twitter_slider, #facebook_slider, #flickr_slider {
	position:absolute;
	right:-183px;
	width:217px;
	height:35px;
	padding:6px 0 0 6px;
	font-size:1.4em;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	font-style:italic;
	background-image:url(../images/floating_sidebar/social_background.png);
	margin-bottom:3px;
	z-index:100;
}
#twitter_slider {
	top:157px;
}
#facebook_slider {
	top:200px;
}
#flickr_slider {
	top:243px;
}
#twitter_slider p, #facebook_slider p, #flickr_slider p {
	position:absolute;
	top:12px;
	left:50px;
}

/* -----------------------------------*/
/* ---------->>> CONTENT <<<----------*/
/* -----------------------------------*/
#content .text_box 
{
	font-size:1.4em;
	line-height:1.4em;
}
#content .text_box p {
	padding:5px 0;
}
#content .text_box ul {
	margin-left:35px;
	list-style-type:square;
	padding:10px 0;
}
#content .text_box ol {
	margin-left:35px;
	list-style-type:decimal;
	padding:10px 0;
}
#content .text_box ul li, #content .text_box ol li
{
	padding:2px 0;
}
#content .small_quote_box
{
	width:520px;
	height:65px;
	padding:25px 50px;
	background-repeat:no-repeat;
	background-image:url(../images/background/quote_box.png);
}
#content .social_box
{
	background-image:url(../images/background/social_box.jpg);
	width:600px;
	height:53px;
	padding:6px;
	margin:10px auto;
}
	
#our_services {
	padding-left:2px;
}
#our_services div.solid, #our_services div.divided {
	background-image:url(../images/other/services_social.png);
	width:292px;
	height:170px;
	padding:10px 13px 10px 10px;
	text-align:center;
	float:left;
	font-family:tahoma;
	font-size:1.3em;
	line-height:1.45em;
	text-shadow:#777 1px 1px;
	margin:5px 6px 0 0;
	overflow:hidden;
}
#our_services div.divided {
	background-image:url(../images/other/services_advisory.png);
}
#our_services div.divided ul li {
	height:42px;
	margin-bottom:18px;
}
#our_services div.divided ul li img {
	float:left;
	margin-top:-10px;
}

a.view_more
{
	display:block;
	text-align:center;
	width:198px;
	margin:0 auto;
}
/* -----------------------------------*/
/* ---------->>> ABOUT <<<------------*/
/* -----------------------------------*/
.teammembers
{
	height:261px;
	margin:10px 0 !important;
	padding:0px !important;
	list-style-type:none !important;
}
.teammembers li {
	float:left;
	margin-right:12px;
}
p.justified
{
	text-align:justify;
}
/* -----------------------------------*/
/* -------->>> PORTFOLIO <<<----------*/
/* -----------------------------------*/
.project {
	margin-top:10px;
	margin-bottom:40px;
}
.project .heading {
	width:960px;
	height:76px;
	background-image:url(../images/background/project_heading.png);
	position:relative;
}
.project .heading h2 {	
	font-family:helvetica;
	font-size:2.8em;
	line-height:1em;
	font-weight:bold;
	color:#303030;
	height:35px;
	padding-top:9px;
	padding-left:45px;
	text-shadow:1px 1px #ccc;
	text-transform:uppercase;
	margin:0px;
}
.project .heading h2 a {
	color:#303030;
	text-decoration:none;
}
.project .heading h2 a:hover {
	text-decoration:underline;
}
.project a.view_details {
	position:absolute;
	top:10px;
	right:10px;
}
.project .details {
	clear:both;
	height:17px;
	margin-top:9px;
	font-size:1.3em;
}
.project .details .tags {
	float:left;
	width:54%;
	padding-left:1%;
	position:relative;
}
.project .details a {
	color:white;
	text-decoration:none;
}
.project .details a:hover {
	text-decoration:underline;
}
.project .details .features {
	float:right;
	width:44%;
	padding-right:1%;
	text-align:right;
}
.project .details .tags img {
	vertical-align:middle;
	margin-right:2px;
}
.project .details .features img {
	vertical-align:middle;
	margin:-2px 5px 0 1px;
}
.project .content {
	background-image:url(../images/background/project_shadow.png);
	background-repeat:no-repeat;
	padding-top:20px;
}
.project .featured_photo {
	float:left;
	width:394px;
	height:349px;
	padding:19px 0 0 15px;
	overflow:hidden;
	background-image:url(../images/other/project_screen.png);
	background-repeat:no-repeat;
}
.project .showcase_photos {
	float:left;
	width:389px;
}
.project .showcase_photos div {
	background-image:url(../images/background/showcase_background.jpg);
	width:383px;
	height:231px;
	padding:6px 0 0 6px;
	margin-bottom:10px;
}
.project .showcase_big div {
	background-image:url(../images/background/showcase_background_big.jpg);
	width:960px;
	height:254px;
	padding-top:13px;
	text-align:center;
	margin-bottom:10px;
}
.project .description {
	float:right;
	width:531px;
	padding:0 10px;
	font-size:1.3em;
	line-height:1.45em;
}
.project .areas_covered {
	height:63px;
	width:515px;
	padding:12px 0 0 15px;
	margin-bottom:5px;
	background-image:url(../images/background/areas_covered_2.png);
}
.testimonial {
	margin:10px 0px 20px;
}
.testimonial .heading {
	width:960px;
	height:66px;
	background-image:url(../images/background/testimonial_heading.png);
	position:relative;
}
.testimonial .heading h3 {
	font-family:helvetica;
	font-size:2em;
	font-weight:bold;
	color:#303030;
	height:24px;
	padding-top:8px;
	padding-left:20px;
	text-shadow:1px 1px #ccc;
	text-transform:uppercase;
	margin:0px;
}
.testimonial .heading h3 a {
	color:#303030;
	text-decoration:none;
}
.testimonial .heading h3 a:hover {
	text-decoration:underline;
}
.testimonial .details {
	clear:both;
	height:20px;
	padding:3px 0 0 20px;
	font-size:1.3em;
}
.testimonial .quote_box {
	font-size:1.2em;
	line-height:1.45em;
	position:relative;
	margin:10px 0;
}
.testimonial .quote_box .top {
	width:960px;
	height:15px;
	background-image:url(../images/background/quote_box_top.png);
}
.testimonial .quote_box .middle {
	width:870px;
	padding:0 45px;
	background-image:url(../images/background/quote_box_middle.png);
}
.testimonial .quote_box .bottom {
	width:960px;
	height:15px;
	background-image:url(../images/background/quote_box_bottom.png);
	text-align:right;
}
.testimonial .quote_box .top img {
	position:absolute;
	top:-12px;
}
.testimonial .quote_box .bottom img {
	position:absolute;
	bottom:-12px;
	right:0px;
}
.pagination {
	height:30px;
}
.pagination ul {
	margin:0 auto;
	width:140px;
}
.pagination ul li {
	float:left;
	display:block;
	width:24px;
	height:26px;
	padding-top:10px;
	color:white;
	font-family:tahoma;
	font-size:1.4em;
	text-align:center;
	margin:0 2px;
	background-image:url(../images/background/pagination.png);
}
.pagination ul li.active {
	background-image:url(../images/background/pagination_on.png);
}
.pagination ul li a {
	color:white;
}
#content form {
	margin-top:10px;
}
#content form label {
	display:block;
	font-weight:bold;
	font-size:1.4em;
	margin-bottom:3px;
}
#content form p {
	padding:5px 0;
}
#content form input[type="text"] {
	width:385px;
	height:26px;
	padding-left:8px;
	border:1px solid #ccc596;
	background-image:url(../images/background/contact_form_input.jpg);
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
}
#content form input[type=text]:focus {
	border:1px solid #ffffa4;
}
#content form textarea {
	background-image:url(../images/background/contact_form_textarea.jpg);
	width:600px;
	padding:8px;
	height:115px;
	border:1px solid #ccc596;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
}
#content form input[type="submit"]
{
	background-image:url(../images/other/send_message.png);
	width:149px;
	height:29px;
	border:0px;
	background-color:transparent;
	text-indent:-99999px;
}
	
.successfull_message, .error_message {
	height:66px;
	width:515px;
	padding:9px 0 0 15px;
	margin-bottom:5px;
	font-size:1.2em;
	background-image:url(../images/background/mail_sent.png);
}
.error_message {
	background-image:url(../images/background/mail_alert.png);
}
.successfull_message img, .error_message img {
	margin:0px 5px;
	vertical-align:middle;
}
.notification.error {
	width:616px;
	margin:10px 0;
}
.notification ul {
	margin-left:15px;
	list-style-type:square;
}
.notification.error .notification_top {
	height:9px;
	background-image:url(../images/other/error_top.png);
}
.notification.error .notification_content {
	background-image:url(../images/other/error_content.png);
	padding:0 15px;
}
.notification.error .notification_bottom {
	height:9px;
	background-image:url(../images/other/error_bottom.png);
}