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

body { background:#999 url(images/body-bg.jpg) repeat-x;}

/* HEADER AREA */

#top-header { width:960px; margin:0 auto; height:115px; padding:0 0 0 25px;}
#logo {height:75px; margin-top:20px; margin-bottom:20px; background:url(images/logo.png) no-repeat;text-indent:-9999px; display:block;}
#top { background:url(images/header-bg.jpg) bottom repeat-x; height:123px;width:100%; position:fixed; z-index:10000; }

/* NAVIGATION */

nav { height:38px; width:528px;margin:39px 0; float:left;}
nav ul {list-style:none; margin:0; padding:0;}
header nav ul li {display:block; height:38px; float:left; margin-right:33px;}
header nav ul li.last { margin-right:0px;}
header nav ul li a {text-indent:-9999px; display:block; height:38px;}
li.home {width:58px; background:url(images/home.jpg) no-repeat;}
li.blog {width:53px; background:url(images/blog.jpg) no-repeat;}
li.portfolio {width:115px; background:url(images/portfolio.jpg) no-repeat;}
li.about {width:68px; background:url(images/about.jpg) no-repeat;}
li.contact {width:92px; background:url(images/contact.jpg) no-repeat;}


#content {
	background:url(images/container-bg.jpg) top no-repeat;
	min-height:640px; height:auto !important; height:640px;  width:960px;
	margin:0 auto; padding:166px 0 33px 25px; 
}

#about #content {
	display:table;
}
#portfolio #content {
	display:block;
}
#sitemap #content ul {margin-bottom:20px; list-style:none;}
#sitemap #content ul ul{margin-bottom:20px; list-style:circle;}
#mainContent {display:table-cell; vertical-align:top; background:url(images/main-content-side.png) top right no-repeat;width:640px;min-height:640px; height:auto !important; height:640px;float:left;}
#about-right {display:table-cell;min-height:640px; height:auto !important; height:640px;padding:0 0 0 15px; float:left; margin:0 0 0 0;}
#about-right section {margin-bottom:40px; font-size:12px;}
#about-right section p {font-size:12px; line-height:18px;}
#about-right header {height:inherit; margin-bottom:10px;}
#about-right ul {list-style:none; padding:0;}
#about-right ul.new-list b {color:#ffcc33;}
a.download-resume {display:block; text-indent:-9999px; background:url(images/download-resume.png) no-repeat; height:39px; width:133px; margin-left:-8px; margin-top:-10px;}
aside {display:table-cell;}
footer {width: 100%;background:url(images/footer-bg.jpg) repeat-x #232323; font-size:10px; height:268px;}
footer nav {margin:0; height:33px; width:960px;}
footer nav ul li {display:block; float:left; margin-right:20px;}
footer nav li a {color:#fff; text-decoration:none; line-height:33px;}
footer nav a:hover {color:#FC3;}
footer section {color:#fff; height:33px; line-height:33px;}
footer section span {color:#999;}
#footer-container {width:960px;margin:0 auto;padding-left:25px;}
.footer-arrow {background:url(images/footer-arrow.png) no-repeat center center; height:25px; width:25px; position:absolute; left:0;top:-15px; cursor: pointer;}
#footerSlideButton {height:33px;width: 960px;position:relative;}
#footerSlideContent {width: 960px;margin:0 auto;height: 210px;color: white;background:url(images/bg_footer_glow.png) center no-repeat; padding-top:25px; padding-left:25px;}
#twitter {height:200px;}
.tweet {position:relative; top:40px;}
.tweet-top {background:url(images/twit-top.png) no-repeat center; height:48px; width:53px; position:absolute; top:-38px; left:-25px;}
.tweet-bottom {background:url(images/twit-bottom.png) no-repeat center; height:14px; width: 27px; position:absolute; right:10px;}
.tweet-container {background-color:#999; padding:0 10px; font-size:12px; }
#contact-info { height:160px;font-size:12px; padding-top:8px;}
#contact-info p {font-size:12px;}
#social {font-size:12px; padding-top:8px; line-height:22px;}
#social h3, #contact-info h3 {color:#ffcc33; border-bottom:0px solid #ccc;}
#social ul {list-style:none; margin:10px 0 0 0 ; padding:0;}
#social ul li {line-height:24px; float:left; margin-right:20px; margin-top:4px;}



.feedback-panel {
    padding:20px 20px 40px 20px;
    width: 266px;
    background: #ffcc33;
    position:fixed;
    top:116px;
    left:-307px;
	z-index:10000;
	box-shadow:1px 1px 15px #232323;
-webkit-box-shadow:1px 1px 15px #232323;
-moz-box-shadow:1px 1px 15px #232323;
}
 
.feedback-panel a.feedback-tab {
    background:url(images/request-quote.png) no-repeat;
    display:block;
    height:166px;
    left:57px;
    bottom:-24px;
    position:relative;
    float:right;
    text-indent:-9999px;
    width:36px;
    outline:none;
}
 
textarea {
    width:90%;
    padding:5px;
}
select#sele {display:none;}
 
#response-message {
    background: #ccc;
    border: 1px solid #999;
    padding:50px;
}

.rfq p {background:url(images/form-txt.jpg) no-repeat; margin:0 0 10px;}
.rfq input {border:none; width:150px; outline:none;font-size:12px;margin-top:5px; -webkit-appearance: none; border:0;}
.rfq label {margin-left:15px;}
.area label {margin-bottom:10px;}
.rfq p.area {background:url(images/form-txtarea.jpg) no-repeat; height:174px;}
.rfq textarea {border:none; padding:5px; margin:5px 10px 0px 10px; height:107px; resize:none; outline:none; -webkit-appearance: none; overflow:auto;border:0;}
.rfq .budget {margin-bottom:10px;}
.rfq .rfq-submit,.rfq .rfq-reset {background-color:#232323; color:#fff; display:block; padding:10px; border:0px solid #666; font-weight:bold; width:auto; float:left; margin:0 5px; }
.service-requested {margin:10px 0;}
.service-requested p {background-image:none; margin-bottom:0;}
.service-requested p label {margin-left:0;}
.rfq .ui-widget-content {
background:url("images/ui-bg_flat_75_ffffff_40x100.png") repeat-x scroll 50% 50% #666;
border:1px solid #AAAAAA;
color:#222222;
}
.budget p {background:none; margin:0;}
input#amount {background:#ffcc33; margin-top:0;}
.rfq .ui-state-default, .rfq .ui-widget-content .ui-state-default, .rfq .ui-widget-header .ui-state-default { border: 1px solid #999/*{borderColorDefault}*/; background: #232323/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; }

.rfq .ui-state-hover,.rfq .ui-widget-content .ui-state-hover,.rfq .ui-widget-header .ui-state-hover, .rfq .ui-state-focus, .rfq .ui-widget-content .ui-state-focus, .rfq .ui-widget-header .ui-state-focus { border: 1px solid #999999/*{borderColorHover}*/; background: #232323/*{bgColorHover}*/ url(images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; }
#msgreply {margin:10px 0;color:#232323 !important;font-size:12px !important;}
#msgreply ul {list-style:none; padding:0; margin:0;}
#msgreply li {list-style:none; padding:0; margin:0;}
/* ABOUT */

#about img.about {float:right; overflow:hidden; margin-top:-75px;}

/* CONTACT */

#fade { /*--Transparent background layer--*/
	display: none; /*--hidden by default--*/
	background-color:#6f6f6f;
	position: fixed; left: 0; top: 116px;
	width: 100%; height: 100%;
	opacity:1;
	z-index: 9999;
}
.popup_block{
	display: none; /*--hidden by default--*/
	background: #232323;
	padding: 20px;
	height:470px;
	float: left;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0px 0px 8px #000;
	-moz-box-shadow: 0px 0px 8px #000;
	box-shadow: 0px 0px 8px #000;
	color:#fff;

}
img.btn_close {
	float: right;
	margin: -35px -35px 0 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}
a.close img {
	border:0px solid #ccc;
}
.popup_block section {
	padding-top:0;
}
.popup_block p {
	font-size:1.125em;
}
.popup_block p strong {
	font-size:1.5em;
}
#contact-form-container {margin-top:-25px; margin-left:40px;}
#contact_form p {margin-bottom:5px;}
#contact_form label {font-size:12px; color:#ffcc33;}
#contact_form .contact-submit {background-color:#666; color:#fff; display:block; padding:10px; border:0px solid #666; font-weight:bold; }
#contact_form input, #contact_form textarea {
	font-family:"DroidSansRegular"; 
	font-size:12px;
}


/* PORTFOLIO */

.post {
	margin:1.5em 0;
}
.portfolio-item {
background:none repeat scroll 0 0;
display:block;
float:left;
height:260px;
margin-right:13px;
padding:10px;
width:200px;
position:relative;
cursor:pointer;
clear:none;
}

.sponsorFlip{
	/*  The sponsor div will be positioned absolutely with respect
		to its parent .sponsor div and fill it in entirely */

	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:270px;
	background-color:#232323;
}

.sponsorData{
	/* Hiding the .sponsorData div */
	display:none;
}

.sponsorDescription{
	font-size:11px;
	padding:20px 10px 20px 20px;
	color:#fff;
}
.sponsorDescription ul {
	list-style:none;
	margin:0;
	padding:0;
}
.sponsorDescription ul li {
	margin-bottom:5px;
}
.portfolio-item .sponsorDescription a {
	font-size:14px;
	color:#ffcc33;
	font-style:normal;
	font-style:italic;
	margin-top:10px;
}

.sponsorURL{
	font-size:14px;
	font-weight:bold;
	padding-left:20px;
	position:absolute;
	bottom:5px;
}
.sponsorURL a{
	margin-bottom:10px;
}
.portfolio-item .sponsorURL a {
		color:#999;
}

.clear{
	/* This class clears the floats */
	clear:both;
}


.portfolio-item a img {
	border:none;
	margin-top:-200px;
}
.portfolio-item header {
	margin:0px 10px;
}
.portfolio-item .status {
	
	color:#999;
	font-size:10px;
	margin:0px 10px;
}
.portfolio-item .status em {
	color:#fff;
}
.portfolio-item h2 {
	font-size:12px;
	font-family:"DroidSansRegular";
	color:#ffcc33;
	text-transform:none;
}
.portfolio-item a.thumb {
	width: 200px; /*--Width of image--*/
	height: 200px; /*--Height of image--*/
	cursor: pointer;
	margin:10px;
}
.portfolio-item a span { /*--Used to crop image--*/
	width: 200px;
	height: 200px;
	overflow: hidden;
	display: block;
	
}
.portfolio-item a.thumb:hover {
	background: #333 top; /*--Hover effect for browser with js turned off--*/
}
.portfolio-item a {text-decoration: none; color: #777; display: block;}

#disclaimer p {line-height:18px; font-size:12px;}


ul.filter-menu {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	width: 100%;
}
ul.filter-menu li {
	float: left;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	position: relative;
	border-right:1px solid #232323;
}
ul.filter-menu li.last {
	border-right:none;
}
ul.filter-menu li a {
	text-decoration: none;
	color: #232323;
	display: block;
	outline: none;
}
ul.filter-menu li a:hover {
	color:#ffcc33;
}

.portfolio_container {
	overflow: hidden;
	clear: both;
    width: 100%;
}
.section_content {
	
}
body#portfolio-entry #content{display:table;}
#portfolio-entry-left, #portfolio-entry-right {display:table-cell; min-height:640px; height:auto !important; height:640px;}
#portfolio-entry-right {padding:0 0 0 15px;margin-left:0; margin-right:0;}
#portfolio-entry-right .clear {height:65px;}
.portfolio-ext-link p {margin-bottom:0;}
#portfolio-entry-left header h3 {border-bottom:none; padding-bottom:0;}
.highlights { width:575px; height:150px;}

/*--Main Container--*/
body#portfolio-entry .main_view {
	float: left;
	position: relative;
	width:575px;
	height:460px;
	background-color:#232323;
	padding:10px;
	margin-bottom:20px;
}
/*--Window/Masking Styles--*/
body#portfolio-entry .window {
	height:460px;	
	width: 575px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
body#portfolio-entry .image_reel {
	position: absolute;
	top: 0; left: 0;
}
body#portfolio-entry .image_reel img {float: left;border:none;}

/*--Paging Styles--*/
body#portfolio-entry .paging {
	position: absolute;
	bottom: 40px; right: 0px;
	width: 108px; height:40px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	background:#232323;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
body#portfolio-entry .paging a {
	padding: 5px;
	text-decoration: none;
	color: #fff;
}
body#portfolio-entry .paging a.active {
	font-weight: bold;
	background: #ffcc33;
}
body#portfolio-entry .paging a:hover {font-weight: bold;}




/* HOME */

#home h1 {
	font-size:72px;
}
#home h1 span {
	border-top:1px solid #666;
	border-bottom:1px solid #666;
	background:url(images/bg_footer_glow.png) no-repeat;
	padding:15px 0 10px 0;
	margin-top:20px;
}
#quote {position:relative;}
#quote div {text-align:center; margin:0; padding:0; font-size:36px;font-family:TradeGothicLTStdBoldCondensed;}
#quote .open {height:15px;margin-top:-15px;}
#quote .close {height:15px;margin:15px 0 0 0;}
#home-bottom {margin-top:25px; height:400px;display:block;float:left;position:relative; padding-left:15px;}
#recent_work {margin:0 0 0 0;}
#blog {position:relative;}
#home-bottom #blog .more, #home-bottom #recent_work .more  {position:absolute; right:0; bottom:0;}
#home-bottom .more a { font-size:12px;}


#blog .post header h3 {font-family:"DroidSansBold"; font-weight:bold;color:#ffcc33; text-transform:capitalize;}
#recent_work .portfolio-item {
background:#232323;
display:block;
float:left;
height:226px;
margin-right:0px;
padding:7px;
width:199px;
position:relative;
cursor:pointer;
clear:none;
}
#recent_work .post {
	margin-top:17px;
	}

#recent_work .portfolio-item a.thumb {
	width: 200px; /*--Width of image--*/
	height: 200px; /*--Height of image--*/
	cursor: pointer;
	margin:0;
}


/* BLOG */
.time {width:50px; height:40px; float:right; margin-top:-70px;}
body#blog article .time {position:absolute; left:-60px; top: 0; margin:0; background-color:#232323; height:45px;padding-top:10px;}
section#blog .post header {width:206px;}
.yr {width:50px;text-align:center; color:#fff; height:25px;}
.md {width:50px; height:15px;text-align:center;}
.yr {font-family:TradeGothicLTStdBoldCondensed; font-size:24px;}
.md {color:#ffcc33; font-size:12px;}
.post-meta {
	margin:20px 0;
	display:block;
	font-size:12px;
	font-style:italic;
}
body#blog .post-meta {border-bottom:1px solid #8b8b8b; margin-top:5px; padding-bottom:10px; margin-bottom:0;}
#blog article h3 {font-family:"DroidSansBold", arial; text-transform:capitalize; font-size:24px; color:#ffcc33; border-bottom:none; padding-bottom:0;}
#blog .post-body {
	margin:1.5em 0;
	}
#blog .post {
	background:#232323; 
	padding:10px;
	width:260px;
	color:#fff;
	position:relative;
	margin-top:17px;
	display:block;
    float:left;
height:226px;
margin-right:0px;
padding:7px;
width:266px;
clear:none;
}
.post .teaser {padding-top:10px; height:123px; overflow:hidden;}
.post .teaser p {line-height:18px; font-size:12px;}
#blog .post h3 {
	border-bottom:none;
}
#blog .post-meta {margin:0 0;}
body#blog h3 {border-bottom:none;}
#blog .post-meta a {margin-right:10px;}
#blog section#pager {position:absolute; bottom:50px;}
section#blog time {float:right; margin-top:-65px;}
#blog #category_header #time {float:none; margin-top:0px; overflow:hidden;}
#blog #content {display:table;}
#blog-right {display:table-cell; min-height:640px; height:auto !important; height:640px;padding:0 0 0 15px; margin:0 0 0 0;}
section#archives, section#categories, section#archives h3, section#categories h3 {margin-bottom:20px;}
#blog-right ul {list-style:none; margin:0;padding:0;}
#blog-right ul li {margin-bottom:10px;}
.comment-entry,.comment-label {margin-top:10px;}
.comment-entry h4 {font-size:12px;}
.comment-submit {background-color:#666; color:#fff; display:block; padding:10px; border:0px solid #666; font-weight:bold; 	
box-shadow:1px 1px 15px #8b8b8b;
-webkit-box-shadow:1px 1px 15px #8b8b8b;
-moz-box-shadow:1px 1px 15px #8b8b8b;}