/*
__     __            _                 __  __
\ \   / /__ _ __ ___(_) ___  _ __      \ \/ /
 \ \ / / _ \ '__/ __| |/ _ \| '_ \ _____\  / 
  \ V /  __/ |  \__ \ | (_) | | | |_____/  \ 
   \_/ \___|_|  |___/_|\___/|_| |_|    /_/\_\
                                             
*/

/* @override 
	http://www.version-x.com/template_files/css/vx_base.css
	http://www.version-x.com/template_files/css/vx_base_2.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;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	color: #333333;
	text-align: left;
	font: 100%/1.125 "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	background: #FFFFFF url(../images/bg.gif) repeat;
}

/* @group main blocks */

#header {
	width: 960px;
	height: 129px;
	margin: 0 auto;
	padding: 0;
	background: transparent url(../images/bg_header.gif) no-repeat;
	z-index: 1000;
}

#content {
	width: 960px;
	margin: 0 auto;
	padding: 0 0 10px;
	background: #fff no-repeat;
	z-index: -1000;
}

#faux-foot {
	width: 920px;
	height: 138px;
	padding: 10px 10px 0;
	margin: 36px 10px 0;
	clear: both;
	background: #333 url(../images/bg_faux_footer.gif) repeat-x;
}

#footer {
	width: 960px;
	margin: 18px auto 0;
	background-color: #fff;
	padding: 10px 0;
	clear: both;
}

#main {
	width: 630px;
}

#sidebar {
	width: 220px;
	float: right;
	margin-right: 10px;
	padding-top: 9px;
}



/* @end */

/* @group header */

#header a.logo {
	margin: 0 0 0 20px;
	padding: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	float: left;
	z-index: 100000;
}

#header a.logo:hover {
	border-style: none;
}

#primary-nav {
	float: right;
	margin: 64px 0 0;
	padding: 0;
}

#primary-nav li {
	float: left;
	text-decoration: none;
	text-transform: uppercase;
	list-style-type: none;
	margin-right: 20px;
	font: 1.125em/1 "ITC Avant Garde Gothic Std", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	display: inline;
	letter-spacing: 1px;
	margin-left: 0;
}

#primary-nav li a {
	color: #eee;
	text-decoration: none;
	padding: 0 0 10px;
	margin: 0;
	font-weight: bold;
	display: block;
}

#primary-nav li a:hover, #primary-nav li a.current {
	border-bottom: 6px solid #cc0000;
}



/* @end */

/* @group home page */

/* intro area */

#intro {
	background: url(../images/bg_rotator.jpg) no-repeat right top;
	height: 323px;
	width: 960px;
	margin: 0;
	padding: 0;
}

#intro .col1 {
	float: left;
	margin: 0;
	padding: 0;
}

#intro .col2 {
	width: 420px;
	height: 240px;
	margin: 0;
	padding: 0;
	top: 32px;
	left: -28px;
	display: block;
	position: relative;
	float: right;
}

#intro .col2 img {
	top: 0;
	left: 0;
	width: 420px;
	height: 240px;
	margin: 0;
	padding: 0;
	display: none;
}

/* featured projects nav */

#featured-projects {
	margin: 0 10px;
	padding: 0;
	border-top: 1px solid #999;
	width: 940px;
}

#featured-projects ul {
	margin: -32px 0 34px 230px;
}

#featured-projects ul li {
	float: left;
	list-style-type: none;
	text-transform: uppercase;
	line-height: 23px;
	margin: 0 10px 0 0;
	padding: 0;
}

#featured-projects ul li a {
	font-size: 14px;
	line-height: 24px;
	color: #fff;
	display: block;
	padding: 0;
	height: 24px;
	margin: 0;
	letter-spacing: 1px;
	text-indent: -1000em;
}

#featured-projects ul li a:hover {
	border-style: none;
}

#featured-projects ul li a#web-tab {
	background: url(../images/tab_sprite.gif) left top;
	width: 84px;
}

#featured-projects ul li.ui-state-active a#web-tab {
	background-position: 0 bottom;
}

#featured-projects ul li a#brand-tab {
	background: url(../images/tab_sprite.gif) 160px top;
	width: 97px;
}

#featured-projects ul li.ui-state-active a#brand-tab {
	background-position: 160px bottom;
}

#featured-projects ul li a#print-tab {
	background: url(../images/tab_sprite.gif) 60px top;
	width: 60px;
}

#featured-projects ul li.ui-state-active a#print-tab {
	background-position: 60px bottom;
}

#featured-projects ul li.ui-state-active a:hover {
	color: #fff;
}

.ui-tabs .ui-tabs-hide {
     display: none;
}

/* v2 featured nav */

#featured {
	margin: 0;
	padding: 0;
	height: 424px;
	width: 960px;
}

#featured .project a {
	border-style: none;
	height: 0;
	margin: 0;
	padding: 0;
	display: inline;
}

#featured .project { display: none }
#featured .project.first { display: inline }

#featured .project p.hide {
	margin: 0;
	padding: 0;
	height: 0;
}

#featured-nav {
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	margin: 0 10px 24px;
	padding: 0;
}

#featured-nav a#prev {
	float: left;
	background: url(../images/btn-featured.gif) no-repeat;
	width: 15px;
	height: 30px;
	margin: 2px 0 0;
	padding: 0;
	text-indent: -1000em;
}

#featured-nav a#prev:hover {
	background-position: 0 -30px;
	border-style: none;
}

#featured-nav a#next {
	float: right;
	margin: 2px 0 0;
	padding: 0;
	width: 15px;
	height: 30px;
	background: url(../images/btn-featured.gif) no-repeat -15px 0;
	text-indent: -1000em;
}

#featured-nav a#next:hover {
	border-style: none;
	background-position: -15px -30px;
}

#featured-nav ul {
	text-align: center;
	margin: 0;
	padding: 8px 0;
	list-style-type: none;
}

#featured-nav ul li {
	display: inline;
	margin: 0;
	padding: 0px;
	list-style-type: none;
}

#featured-nav ul li a {
	padding: 6px 8px;
	color: #333;
	font-size: .875em;
	font-weight: bold;
	margin: 0 2px;
}

#featured-nav ul li a.activeSlide {
	background-color: #c00;
	color: #fff;
}

#featured-nav ul li a.activeSlide:hover {
	border-style: none;
}

/* featured projects panels */

#home-page .ui-tabs-panel {
	background-color: #eee;
	padding: 12px 0 10px 15px;
	margin: 0 0 9px;
	width: 925px;
}

#home-page .ui-tabs-panel .project {
	float: left;
	width: 294px;
	margin: 0 14px 0 0;
	padding: 0;
	display: inline;
}

#home-page .ui-tabs-panel .project a.img:hover {
	border-style: none;
}

#home-page .ui-tabs-panel .project img {
	padding: 6px 7px 7px;
	background: url(../images/thumb_box.png) no-repeat;
}

/* testimonial */

#home-page .testimonial {
	width: 450px;
	margin: 0 48px 9px 0;
	padding: 0;
	float: left;
}

#home-page .latest-post {
	width: 450px;
	margin: 0 0 9px;
	padding: 0;
	float: left;
}



/* @end */

/* @group faux footer */

#faux-foot .newsletter {
	width: 292px;
	float: left;
	padding: 0;
	margin: 0 25px 0 0;
	display: inline;
}

#faux-foot .twitter {
	width: 279px;
	height: 130px;
	float: left;
	margin: 0;
	padding: 0;
	background: url(../images/bg_twitter.jpg) no-repeat 0 33px;
	display: inline;
}

#faux-foot .flickr {
	width: 324px;
	height: 75px;
	float: left;
	margin: 0;
	padding: 0;
	display: inline;
}

div.flickr_badge_image {
	float: left;
	margin: 0;
	padding: 0;
	border-style: none;
	background-color: transparent;
}

div.flickr_badge_image a {
	margin: 0;
	padding: 0 0 0 6px;
	border-style: none;
}

div.flickr_badge_image a:hover {
	background-color: transparent;
	margin: 0;
	padding: 0 0 0 6px;
	border-style: none;
}

div.flickr_badge_image a img {
	padding: 0;
	background-color: transparent;
	margin: 0;
}



/* @end */

/* @group portfolio */

#folio-nav {
	margin: 0;
	padding: 20px 0 0;
}

#projects, #project {
	clear: both;
	border-top: 1px solid #999;
	margin: 0 10px;
	min-height: 460px;
	padding: 27px 0 5px;
	width: 940px;
}

#projects hr, #project hr, .service hr {
	clear: both;
	border-top: 1px solid #999;
	border-bottom-style: none;
	border-right-style: none;
	border-left-style: none;
	padding: 0;
	margin: 0;
	height: 1px;
}

#projects .all {
	float: left;
	display: none;
	background-color: #fff;
	margin: 0;
	padding: 0 9px;
	width: 294px;
}

#projects .all img {
	padding: 6px 7px 7px;
	background: #fff url(../images/thumb_box.png) no-repeat;
}

#projects .all a.img {
	border-style: none;
}



/* @end */

/* @group project */

#project #details {
	float: right;
	width: 280px;
	padding: 0;
	margin: 0 0 9px;
}

#project #details .detail {
	border-top: 1px solid #999;
}

#project #viewer {
	width: 621px;
	height: 432px;
	margin: 0;
	padding: 0;
	background: url(../images/bg_viewer.gif) no-repeat;
}

#project #viewer img {
	width: 610px;
	height: 375px;
	margin: 5px;
	display: none;
}

#project #controls {
	height: 42px;
	width: 610px;
	margin: 8px 0 0 5px;
	padding: 0;
}

#project #controls #prev-next {
	float: right;
	margin-right: 7px;
	display: none;
}

#project #related {
	width: 280px;
	border-top: 1px solid #999;
}

#project #related #thumbs {
	background-color: #eee;
	padding: 10px 0 0;
	margin: 0 0 18px;
	width: 280px;
}

#project #related #thumbs .project {
	background-color: transparent;
	margin: 0 0 0 10px;
	padding: 0;
}

#project #related img {
	padding: 5px;
	margin: 0;
	box-shadow: 1px 1px 3px #666;
	-moz-box-shadow: 1px 1px 3px #666;
  -webkit-box-shadow: 1px 1px 2px #999;
	background-color: #fff;
}

/* new project styles */

.images {
	width: 623px;
	padding: 0 10px 10px;
}

.images img {
	padding: 8px;
	box-shadow: 1px 1px 3px #666;
	-moz-box-shadow: 1px 1px 3px #666;
  -webkit-box-shadow: 1px 1px 2px #999;
	margin-top: 0;
	margin-bottom: 10px;
	background-color: #efeeee;
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}



/* @end */

/* @group services */

.service {
	margin: 0 10px;
}

.service hr {
	
}



/* @end */

/* @group about */

/* intro */

#about-page #intro .col1 {
	width: 442px;
}

/* navigation */

#about {
	margin: 0 10px;
	padding: 0;
	width: 940px;
}

#about ul {
	margin: -32px 0 50px 130px;
}

#about ul li {
	float: left;
	list-style-type: none;
	text-transform: uppercase;
	margin-right: 10px;
	line-height: 23px;
	margin-left: 0;
}

#about ul li a {
	font-size: 14px;
	line-height: 24px;
	color: #fff;
	display: block;
	padding: 0;
	height: 24px;
	margin: 0;
	letter-spacing: 1px;
	text-indent: -1000em;
}

#about ul li a:hover {
	border-style: none;
}

#about ul li a#team-tab {
	background: url(../images/tab_sprite_about.gif) left top;
	width: 84px;
}

#about ul li.ui-state-active a#team-tab {
	background-position: 0 bottom;
}

#about ul li a#clients-tab {
	background: url(../images/tab_sprite_about.gif) -89px top;
	width: 112px;
}

#about ul li.ui-state-active a#clients-tab {
	background-position: -89px bottom;
}

#about ul li a#awards-tab {
	background: url(../images/tab_sprite_about.gif) -206px top;
	width: 204px;
}

#about ul li.ui-state-active a#awards-tab {
	background-position: -206px bottom;
}

/* bio */

#about .bio {
	clear: both;
	margin-bottom: 30px;
}

#about .bio img {
	background-image: url(../images/bg_biopic.gif);
	padding: 6px;
	margin: 5px 0 0 10px;
	float: left;
}

#clients, #awards {
	margin-top: 60px;
}

#awards .project {
	border-bottom: 1px solid #999;
	margin-top: 20px;
}



/* @end */

/* @group blog */

#search {
	margin-top: 9px;
	margin-bottom: 27px;
	width: 220px;
	height: 46px;
}

.post {
	margin: 0 0 27px;
	padding: 0 0 9px;
}

.post .post-head {
	border-bottom: 1px solid #999;
	margin: 18px 0 9px 20px;
	padding: 0;
}

.post img {
	margin-left: 20px;
	padding: 8px;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom: 18px;
}

.paginate {
	margin: 0 0 63px 10px;
	padding: 0;
	border-top: 1px solid #999;
}



/* @end */

/* @group blog post */

.social-links {
	border-bottom: 1px dotted #999;
	border-top: 1px dotted #999;
	padding: 8px 0;
	margin: 0 0 0 10px;
}

#submit-comment {
	margin-left: 20px;
}

.comment .comment-body {
	margin-left: 110px;
	background-color: #eee;
	padding: 10px;
	margin-bottom: 18px;
}

.comment.vx .comment-body {
	background-color: #cc0000;
	color: #fff;
}

input.error, textarea#message.error {
	background-color: #cc0000;
	color: #fff;
}



/* @end */