/* 
__     __            _                 __  __
\ \   / /__ _ __ ___(_) ___  _ __      \ \/ /
 \ \ / / _ \ '__/ __| |/ _ \| '_ \ _____\  / 
  \ 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
	http://www.version-x.com/themes/site_themes/default_site/css/vx_base_new.css
	http://www.version-x.com/themes/site_themes/default_site/css/vx_base.css
	http://vxprojects.com/versionx/themes/site_themes/default_site/css/vx_base.css
	http://vxprojects.com/dev/versionx/themes/site_themes/default_site/css/vx_base.css
	http://vxprojects.com/dev/versionx/themes/site_themes/default_site/cache/0000000000905c3879aefc6ab8cf58235ceee3ac93.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: #1e1e1e;}

/* @group main blocks */

#header-container {
	margin: 0;
	width: 100%;
	height: 105px;
	background: #1e1e1e;
	border-bottom: 8px solid #333333;
}

#sec-container {
	margin: 0 auto;
	height: 30px;
	width: 100%;
	background: #eee;
}

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

#sec-header {
	height: 30px;
	width: 940px;
	margin: 0 auto;
}

#content-container {
	margin: 0 auto;
	width: 100%;
	background: #fff;
	height: 100%;
}


#content {
	width: 940px;
	margin: 0 auto;
	padding: 15px 0 30px 0;
	background: #fff no-repeat;
	overflow: hidden;
	clear: both;
}

#footer-container {
	width: 100%;
	height: 80px;
	margin:0;
	background: #1e1e1e;
	border-top: 8px solid #333333;
	clear: both;
}

#footer {
	width: 960px;
	margin: 18px auto 0;
	padding: 0;
	clear: both;
}

/* @end */

/* @group base page blocks */

#intro {
	height: 140px;
	width: 960px;
	margin: 25px 0 0 0;
	padding: 0;
	border-bottom: 1px solid #ccc;
}

/*large left column - small right column*/

#lrg-left-col {
	width: 630px;
	float: left;
	display: inline;
}

#sm-right-col {
	width: 245px;
	float: right;
	display: inline;
	margin: 25px 0;
}

/*small left column - large right column*/

#sm-left-col {
	float: left;
	display: inline;
	width: 220px;
}

.sidebar-nav {
	width: 210px;
	float: left;
	background: #eee;
	border-top: #000 8px solid;
	margin: 0 0 30px 0;
	padding-left: 10px;
}

#lrg-right-col {
	width: 710px;
	float: right;
	display: inline;
	padding: 0;
	margin-bottom: 10px;
	border-left: 1px solid #ccc;
}

/*accordion styles for mulitple pages*/

.accordion-nav, .notes-nav {
	border-bottom-style: none;
	clear: both;
}

.accordion-nav a, .notes-nav a {
	border-bottom-style: none;
	display: block;
	margin: 0;
}

.accordion-body, .notes-body {
	display: none;
}

.accordion-body ul{
	margin: 0;
	padding: 10px 0 10px 10px;
	background: #fff;
	width: 210px;
}

.accordion-body li {
	padding: 3px 10px 3px 0;
	line-height: .6875;
	list-style-type: circle;
	margin: 0 0 0 1em;
	}
	
.accordion-body li.current a {
	font-weight: bold;
}	

.accordion-body a {
	font-size: .75em;
	color: #333;
	
}
.accordion-body a:hover {
	border: none;
	color: #cc0000;
}

.accordion-body li.add-item {
	list-style: none;
	padding: 2px 0;
	margin: 0;
	font-weight: bold;
	
}

.accordion-body li.add-item a {
	color: #cc0000;
}

#search {
	margin-top: 20px;
	margin-bottom: 10px;
	width: 210px;
	height: 46px;
	float: left;
}


/* @end */


/* @group header */


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

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

#primary-nav {
	float: right;
	display: inline;
	height: 36px;
	margin: 77px 0 0;
	padding: 0;
}

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

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

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

#secondary-nav {
	float: right;
	margin: 0;
	padding:5px 0;
}

#secondary-nav li {
	display: inline;
	text-transform: uppercase;
	list-style-type: none;
	font: .875em "ITC Avant Garde Gothic Std", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	font-weight: bold;
}

#secondary-nav li a {
	color: #333333;
	margin: 0;
	padding: 0;
}

#secondary-nav li a:hover, #secondary-nav li a.current {
	border: none;
	color: #cc0000;
}


/* @end */

/* @group footer */

#footer p {
	float: left;
	color: #999;
	border-left: 1px solid #333;
	height: 36px;
	padding: 4px 0 5px 10px;
	line-height: 2;
	margin: 0;
}

#footer p strong {
	line-height: 1.825;
}

#footer a {
	color: #fff;
	border-right: 1px solid #999;
	padding: 0 5px;
}

#footer a:last-of-type {
	border-right: none;
}

#footer a.first {
	padding-left: 0;
}

#footer a:hover {
	border-bottom: none;
	color: #c00;
}

#subscribe {
	display: none;
	background-color: #e90000;
	position: absolute;
	padding: 10px;
	margin: 0;
	z-index: 100000;
}

#subscribe label {
	color: #fff;
	font-weight: bold;
	font-size: 1em;
	line-height: 1.5;
}

#subscribe #dltllk-dltllk {
	width: 194px;
	height: 26px;
	background-color: #fff;
	color: #333232;
	padding-right: 4px;
	padding-left: 4px;
	font-weight: normal;
	font-style: normal;
}

#subscribe input {
	height: 28px;
	color: #fff;
	background-color: #1d1d1d;
	border-style: none;
	padding-left: 8px;
	padding-right: 8px;
	font-weight: bold;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: 0;
}


/* @end */

/* @group home page */


/* v2 featured nav */

#home-page #content {
	padding: 0;
}

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

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

#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;
	margin: 0;
	padding: 0;
	width: 940px;
}

#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 7px 8px;
	color: #333;
	font-size: .875em;
	font-weight: bold;
	margin: 0 2px;
}

#featured-nav ul li a:hover {
	color: #c00;
	border: none;
}

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

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

/*additional content*/

#add-content {
	width: 940px;
	margin: 0 auto;
	padding: 35px 0;
	background: #fff;
	overflow: hidden;
	clear: both;
}

#add-content div {
	float: left;
	display: inline;
	width: 300px;
	padding: 0 20px 20px 0;
	background: #fff;
}

#add-content div.last {
	padding: 0 0 20px 0;
}

/* @end */


/* @group portfolio */

#folio-page #content-container, #project-page #content-container {
	padding: 35px 0 0 0;
}

#folio-page #content, #project-page #content {
	border-top: 1px solid #ccc;
	padding: 20px 0 0 0;
}

#folio-page #featured, #project-page #featured {
	width: auto;
	height: auto;
}

#folio-page .project {
	float: left;
	display: inline;
	width: 210px;
	height: 186px;
	-moz-box-shadow: 0 0 4px #888;
	-webkit-box-shadow: 0 0 4px #888;
	box-shadow: 0 0 4px #888;
	margin: 5px 0 21px 26px;
}

#folio-page .project img {
	margin: 5px 5px 0 5px;
}

#folio-page .project a:hover {
	color: #333;
}

.isotope {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.3s;
     -moz-transition-duration: 0.3s;
          transition-duration: 0.3s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity, background-color;
     -moz-transition-property:    -moz-transform, opacity, background-color;
          transition-property:         transform, opacity, background-color;
}

/* @group project */

.project-img {
	margin: 5px 0 10px 20px; 
}

.outline {
	border: 1px solid #ccc;
	padding: 8px;
}

/*project notes btn*/

#project-page .notes {
	width: 150px;
	height: 32px;
	float: right;
	display: block;
	margin:  0;
	padding: 0;
}

#project-page .notes a {
	display: block;
	float: right;
	width: 150px;
	height: 32px;
	background: url(../images/btn_notes.gif) no-repeat;
}

#project-page .notes a:hover {
	border-style: none;
}

/* @end */


/* @end */

/* @group about */

/* @group services page */

#services-content {
	margin: 0;
	padding: 0;
	width: 960px;
}

.service {
	width: 300px;
	float: left;
	display: inline;
	padding: 0 20px 20px 0;
}

.service img {
	width: 300px;
	padding: 2px 0;
	margin: 0;
	border-top: 4px solid #ccc;
	border-bottom: 4px solid #ccc;
}

.service .accordion {
	border-top: 4px solid #333;
	padding: 0;
	margin: 0 0 10px 0;
}
/* @end */

/* @group recognition page*/

#sm-right-col img {
	padding: 10px 0 0 0;
	border: none;
}

#sm-right-col .first-img {
	padding: 10px 10px 0 0;
}

/* @end */

/* @group team page */

#team-page .sidebar-nav {
	margin-top: 25px;
	padding-bottom: 15px;
}

#team-page #lrg-right-col {
	margin: 25px 0;
}

/*team pictures*/

.person {
	float: left;
	display: inline;
	width: 192px;
	height: 210px;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px #888;
	box-shadow: 0 0 5px #888;
	margin: 0 0 30px 44px;
}

.person img {
	margin: 5px 5px 0;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

/*employee bio*/

.bio-img {
	float: left;
	display: inline;
	margin: 0 20px 10px 40px;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px #888;
	box-shadow: 0 0 5px #888;
	padding: 5px;
}


/* @end */

/* @group studio page*/

#studio-page img.main {
	margin: 10px 0;
}

#studio-page #sm-right-col {
	margin: 10px 0;
}

#studio-page .social {
	margin: 10px 0;
	border-bottom: none;
	font-size: .75em;
	font-weight: bold;
}

/* @end */


/* @end */

/* @group news */

#blog-page #content-container {
	padding: 35px 0 0 0;
}

#blog-page #content {
	border-top: 1px solid #ccc;
	padding: 20px 0 0 0;
}

.post, .post-single {
	padding-bottom: 10px;
	margin-left: 20px;
	border-bottom: 1px solid #ccc;
	float: left;
	display: inline;
}

.post-single {
	margin-left: 40px;
	border-bottom-style: none;
	margin-right: 40px;
	width: 630px;
}


.post-single div, .post-single p img {
	border: 1px solid #ccc;
	padding: 20px;
	text-align: center;
	margin: 0 0 -1px;
}

.post-head {
	width: 200px;
	margin-right: 10px;
	float: left;
	display: inline;
	padding: 0;
}

.post .post-img {
	border-left: 1px solid #ccc;
	padding-left: 10px;
	margin-top: 10px;
}

.post p, .post-single p {
	margin: 18px 0 18px 0px;
}


.paginate {
	margin: 0 0 63px 10px;
	padding: 0;
}

.paginate a, .paginate strong {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

/* @group blog post */

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

.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 */

/* @end */

/* @group contact */

/* left column */

#contact-page .col {
	width: 300px;
	float: left;
	display: inline;
	margin: 0 20px 0 0;
}

#contact-page .last {
	margin-right: 0;
}

/*contact form*/
#submit-comment {
	clear: both;
}

/*btns*/
#contact-page .download a {
	display: block;
	width: 250px;
	height: 31px;
	background: url(../images/btn_worksheet.gif) no-repeat;
}

#contact-page .download a:hover {
	border-style: none;
}

#contact-page .pricing a {
	display: block;
	width: 200px;
	height: 32px;
	background: url(../images/btn_pricing.gif) no-repeat;
}

#contact-page .pricing a:hover {
	border-style: none;
}


#contact-page #contact_form button {
	width: 145px;
	height: 27px;
	margin: 1px 0 0;
	padding: 0;
	border-style: none;
	text-indent: -1000em;
	cursor: pointer;
	overflow: hidden;
	text-align: left;
	float: right;
	display: inline;
	background: transparent url(../images/btn_message.gif) no-repeat;
}

/* @end */ 


/* @group pricing */
#pricing-page #lrg-left-col img {
	padding: 5px 0 20px 0;
	margin: 0;
	border: none;
}

/*btn*/

#pricing-page .contact-us, #pricing-page .contact-us a:hover  {
	border: none;
	padding: 3px 0 2px;
}

#pricing-page .contact-us a {
	display: block;
	width: 132px;
	height: 32px;
	background: url(../images/btn_contact.gif) no-repeat;
}

/* @end */


/* @group typography */

/* @group base text styles */

p {
	font-size: .875em;
	line-height: 1.25em;
	margin: 0 20px 18px;
	padding: 0;
}

p.important {
	font-size: 1.28em;
	margin-top: 18px;
}

#footer p {
	font-size: .6875em;
	line-height: 1em;
	margin: 0 10px;
}

a {
	color: #CC0000;
	text-decoration: none;
}

a:hover {
	border-bottom: 1px solid #CC0000;
}

h1 {
	text-transform: uppercase;
	font: bold 3.75em/.9 "ITC Avant Garde Gothic Std", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	height: auto;
	margin: 0;
	padding: 20px 10px;
	background: url(../images/bg.gif);
}

h2 {
	font-size: 1.875em;
	line-height: 1em;
	border-bottom: 1px solid #999;
	padding-left: 10px;
	margin: 18px 0 9px 10px;
}

h3 {
	font-size: 1.125em;
	margin-left: 20px;
	margin-bottom: 9px;
	line-height: 1.125em;
	text-transform: uppercase;
	margin-top: 18px;
}

h4 {
	color: #666;
	font-size: 1.125em;
	line-height: 1.125em;
	padding: 0;
	margin: 0 0 9px 20px;
	font-weight: bold;
}

h5 {
	margin-left: 20px;
	line-height: 1em;
	text-transform: uppercase;
	margin-bottom: 9px;
	font-weight: bold;
	font-size: .875em;
}

h6 {
	margin-left: 20px;
	color: #666;
	line-height: 1em;
	margin-bottom: 4px;
	font-style: italic;
	font-size: .875em;
}

pre {
	color: #666;
	margin-left: 20px;
	padding-left: 0;
	background-color: #eee;
	padding: 6px;
	border: 1px dotted #ccc;
	margin-bottom: 18px;
}

blockquote {
	margin-left: 90px;
	border-left: 1px solid #999;
	font-style: italic;
	font-size: .875em;
}

ul, ol {
	margin-bottom: 18px;
	padding: 0;
	margin-left: 1.25em;
}

ul li ul, ol li ol {
	color: #666;
	margin: 5px 0;
	padding: 0;
}

li {
	padding: 0;
	margin: 0 0 2px 1.25em;
}

input {
	outline: none;
	height: 26px;
	margin: 0;
	border: 1px solid #fff;
}

textarea {
	outline: none;
	padding: 5px;
}

/* text selection for FF */

::-moz-selection
{
background: #999;
color:#fff;
}

/* text selection for Safari */
 
::selection 
{
background: #999;
color:#fff;
}

/* @end */

/* @group base page styles*/

#intro h1 {
	float: left;
	display: inline;
	margin: 0 10px 0 0;
	line-height: .9;
}

#intro p {
	margin: 0;
	display: inline;
	float: left;
	border-left: 1px solid #ccc;
	font-size: 1.5em;
}

/*large left column - small right column*/
#lrg-left-col h2 {
	border-top: 8px solid #333;
	font-size: 1.5em;
	padding: 5px 0;
	margin: 35px 0 20px 0;
	float: left;
	display: block;
	width: 630px;
}

#lrg-left-col p {
	margin: 0;
	padding: 4px 0;
	line-height: 1.35;
}

#lrg-left-col h3 {
	margin: 10px 0 0 0;
}

#sm-right-col h3 {
	margin: 0;
	padding: 5px 0;
	text-transform: none;
	font-size: 1.125em;
	line-height: 1;
}

#sm-right-col p {
	padding: 10px 20px 10px 0;
	margin: 0 0 5px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	line-height: 1.25;
}

/* small left column - large right column */

.sidebar-nav h2 {
	padding: 18px 0 5px;
	margin: 0;
	width: 200px;
	font-size: 1.3125em;
}

.sidebar-nav h3 a{
	border-bottom: 1px dotted #999;
	padding: 15px 0 15px 15px;
	margin: 0;
	width: 185px;
	font-size: 1.125em;
	line-height: 1em;
	font-weight: normal;
	color: #333;
	background: url(../images/arrow.gif) no-repeat 0 center;
}

.sidebar-nav h3 a:hover {
	border-bottom: 1px dotted #999;
	color: #cc0000;
	background: url(../images/arrow_down.gif) no-repeat 0 center;
}

.sidebar-nav h3 {
	margin: 5px 0 0 0;
	padding: 0;
	text-transform: none;
}

.sidebar-nav h3 a.current {
	background: url(../images/arrow_down.gif) no-repeat 0 center;
	border-bottom: 1px dotted #EEE;
}


/* @end */

/* @group utilities */

.hide {
	overflow: hidden;
	text-indent: -1000em;
}

.clearfix {
	clear: both;
	margin: 0;
	padding: 0;
	height: 0;
}



/* @end */

/* @group home page text */

/*Intro Paragraph*/

#intro-copy {
	border-top: 4px solid #333333;
	border-bottom: 4px solid #333333;
	background: url(../images/bg2.gif) repeat;
	padding: 20px 0;
}

#intro-copy p {
	background: #eee;
	width: 100%;
	margin: 0;
	padding: 0;
}


#intro-copy p span {
	width: 940px;
	margin: 0 auto;
	font-size: 1.625em;
	font-weight: bold;
	line-height: 1.35;
	display: block;
	padding: 20px 0;
}

/*additional content*/

#add-content h3 {
	text-transform: none;
	padding: 0 0 5px 0;
	margin: 0;
	border-bottom: 3px solid #eee;
}

#add-content p {
	padding: 10px 0 0 0;
	margin: 0;
	font-size: .75em;
	line-height: 1.5;
}

#add-content a {
	font-weight: bold;
	padding: 0;
	margin: 0;
	
}

/* @end */

/* @group forms */

input.text-field {
	border-style: none;
	background-color: #ccc;
	color: #333;
	font-size: 12px;
	outline:none;
	line-height: 24px;
	vertical-align: top;
	padding: 4px;
	height: 18px;
}

#news-signup input.text-field {
	width: 190px;
	padding: 4px;
	height: 18px;
}

#news-signup button.submit {
	width: 88px;
	height: 27px;
	margin: 1px 0 0;
	padding: 0;
	border-style: none;
	text-indent: -1000em;
	cursor: pointer;
	overflow: hidden;
	text-align: left;
	background: transparent url(../images/btn_sign_up.png) no-repeat;
}

#faux-foot .newsletter #news-signup p {
	margin: 0;
	width: 290px;
}



/* @end */

/* @group portfolio */

#folio-page h1, #project-page h1 {
	padding-bottom: 0;
	margin-bottom: 10px;
	line-height: 1;
}

#folio-page .sidebar-nav p, #project-page .sidebar-nav p {
	font-weight: bold;
	font-size: .75em;
	padding: 10px 0 12px 0;
	margin: 0;
}

#folio-page #lrg-right-col a:hover {
	border: none;
}

#folio-page #lrg-right-col .name {
	margin:  0 7px;
	padding: 0;
	font-size:.75em;
	line-height: 1;
}

/* @group project */

#project-page #lrg-right-col h3 {
	text-transform: none;
	font-size: 1.5em;
	line-height: 1;
	border-bottom: 1px solid #ccc;
	padding: 4px 0 10px 0;
}

/*more section*/

.more h2 {
	border-bottom: none;
	font-weight: normal;
	font-size: 1.125em;
	margin: 0;
	padding: 15px 0 5px 0;
}

.more ul, .more ul li {
	padding: 5px 0 5px 0;
	margin: 0;
	list-style: none;
}

.more a {
	font-size: .75em;
	padding: 0;
	margin: 0;
}

.more a:hover {
	border: none;
}

/* @end */

/* @end */


/* @group about */

/* @group services page*/

/*headline and top paragraph*/

#services-page #intro h1 {
	height: 90px;
	width: 360px;
}
#services-page #intro p {
	width: 530px;
	height: auto;
	padding: 0px 0 10px 20px;

}

#services-page #intro a {
	font-size: .5625em;
	font-weight: bold;
	line-height: 1;
}

/*services content*/

.service h2 {
	width: 100%;
	border-bottom: none;
	text-transform: uppercase;
	margin: 0;
	padding: 35px 0 8px 0;
	font-size: 1.5em;
}

.service p {
	padding: 15px 0; 
	margin: 0;
	line-height: 1.45;
	font-size: 1em;
}

/*Services Accordions*/

.service .accordion p {
 padding: 0 0 0 15px;
 margin: 8px 0 0 2px;
 font-size: .75em;
 background: url(../images/arrow.gif) no-repeat 0 center;
}

.service p.accordion-nav a {
	 color: #333333;
	 font-weight: bold;
}

/*.service p.accordion-nav:hover {
	background: url(../images/arrow_down.gif) no-repeat 0 center;
}*/

.service p.accordion-nav a:hover {
	border: none;
}

.service .accordion-body p {
	background: #eee;
	padding: 5px 15px;
	line-height: 1.5;
}
/* @end */

/* @group recognition page*/

/*headline and top paragraph*/
#rec-page #intro h1 {
	height: 90px;
	width: 440px;
}
#rec-page #intro p {
	width: 452px;
	height: 105px;
	padding: 25px 0 0 20px;
}

/*left column content*/
#rec-content #lrg-left-col p {
	float: left;
	display: inline;
	font-size: 1.125em;
	line-height: 1.35;
	width: 309px;
	margin: 0;
	padding: 0 20px 0 0;
}

#rec-content #lrg-left-col ul {
	width: 280px;
	float: right;
	display: inline;
	margin: 0;
	padding: 0 0 0 20px;
	border-left: 1px solid #ccc;
}

#rec-content #lrg-left-col li span {
	font-size: 1.125em;
	font-weight: bold;
	display: block;
	line-height: 1.5;
}

#rec-content #lrg-left-col li {
	font-size: .75em;
	padding: 2px 0;
}

/* @end */

/* @group team page */

/*headline and top paragraph*/
#team-page #intro h1 {
	height: 90px;
	width: 428px;
}
#team-page #intro p {
	width: 452px;
	height: 105px;
	padding: 25px 0 0 20px;
}

/*team pictures*/

.person a:hover {
	border: none;
}

.person a .name {
	width: 166px;
	height: 27px;
	background: #1e1e1e;
	margin: -3px 0 0 5px;
	line-height: 2;
	font-size: .875em;
	font-weight: bold;
	color: #fff;
	padding: 0 7px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	display: inline-block;
}

.person a .position {
	width: 169px;
	height: 20px;
	margin: 0 0 0 13px;
	padding: 0;
	line-height:1;
	color: #666;
	font-size: .75em;
	display: inline-block;
}

/*employee bio*/

#bio-content h3 {
	float: left;
	display: inline-block;
	width: 380px;
	padding: 0;
	margin: 0;
	font-size: 1.5em;
	text-transform: none;
}

#bio-content .byline {
	float: left;
	display: inline-block;
	width: 386px;
	font-size: .6875em;
	text-transform: uppercase;
	font-weight: bold;
	padding: 4px 0;
	margin: 10px 0 25px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

 #bio-content p {
	width: 669px;
	margin: 0 0 10px  40px;
}

/* @end */

/* @group studio page*/

#studio-page #intro h1 {
	height: 90px;
	width: 419px;
}
#studio-page #intro p {
	width: 426px;
	height: 105px;
	padding: 6px 0 21px 20px;
}

#studio-page h2 {
	margin: 20px 0;
}

#studio-page #lrg-left-col p {
	float: left;
	display: inline;
	line-height: 1.35;
	padding: 5px 0;
}

#studio-page #lrg-left-col p.lrg {
	font-size: 1.125em;
	line-height: 1.35;
	padding: 0 0 10px 0;
}

/* @end */

/* @end */

/* @group contact */

/*headline and top paragraph*/

#contact-page #intro h1 {
	height: 90px;
	width: 430px;
}
#contact-page #intro p {
	width: 420px;
	height: auto;
	padding: 25px 0 15px 20px;

}

/*left column content*/

#contact-page .col h2 {
	width: 300px;
}

#contact-page .col p {
	margin: 0;
	padding: 10px 0;
}

/*contact form*/

#contact_form {
	background-color: #eee;
	padding: 10px 0 10px 10px;
	float: left;
	display: inline;
	width: 620px;
}

#contact_form p {
	margin-left: 0;
	font-weight: bold;
	margin-right: 6px;
	margin-bottom: 9px;
}

#contact_form label span {
	color: #cc0000;
}

#contact_form .row1 {
	float: left;
	display: inline;
}

#contact_form .row1 input {
	width: 188px;
	padding: 4px;
	height: 18px;
}

#contact_form .subject input {
	width: 595px;
	padding: 4px;
	height: 18px;
}

#contact_form label {
	display: block;
	padding-bottom: 1px;
}

#contact_form textarea {
	border: 1px solid #fff;
	width: 595px;
	height: 140px;
	clear: both;
}



/*right column content*/

#contact-page #sm-right-col {
	margin: 25px 0;
}

#contact-page #sm-right-col p {
	color: #999;
	border-top: none;
	border-bottom: none;
	padding: 10px 0 0 0;
	line-height: 1.25;
}

#contact-page #sm-right-col p span.tel {
	font-weight: bold;
	color: #333;
	display: block;
	font-size: 1.5em;
}

#contact-page #sm-right-col p span.email {
	font-weight: bold;
	color: #333;
	display: block;
	font-size: 1.25em;
}

#contact-page #sm-right-col p span.address {
	font-weight: bold;
	color: #333;
	display: block;
	padding: 0 20px 15px 0;
	border-bottom: 1px solid #ccc;
}

/* @end */

/* @group pricing */

/*headline and top paragraph*/

#pricing-page #intro h1 {
	height: 90px;
	width: 416px;
	padding-right:30px ;
}
#pricing-page #intro p {
	width: 406px;
	height: auto;
	padding: 0 0 10px 20px;

}

/* @end */

/* @group news */

#blog-page h1 {
	padding-bottom: 5px;
	margin-bottom: 10px;
}

/* search */

#search p {
	width: 200px;
	height: 46px;
	background: url(../images/search_v2.gif) no-repeat;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

#search #search-field {
	border-style: none;
	background-color: transparent;
	height: 32px;
	width: 100px;
	margin: 0 16px 0 38px;
	padding: 0;
	outline:none;
}

#search #search-submit {
	height: 46px;
	background-color: transparent;
	border-style: none;
	margin: 0;
	padding: 0;
	width: 34px;
	text-indent: -1000em;
	cursor: pointer;
}

/* post head */

.post-head p {
	margin: 10px 0;
	font-size: .875em;
	padding: 0;
}

.post-head a {
	margin: 0;
	padding: 0;
	color: #333;
	text-decoration: none;
	border: 0;
	
}

.post a:hover {
	color: #cc0000;
	border-bottom: none;
}

.post .post-head .date, .post-single .date {
	line-height: 1em;
	font-size: 2em;
	text-transform: uppercase;
	font-weight: bold;
	color: #ddd;
	margin: 10px 0;
	padding: 0;
}

.post-single h2, .post h2 {
	font-size: 1.55em;
	margin: 10px 0;
	padding: 0;
	border: 0;
	text-decoration: none;
	color: #333;
}

.post h2 {
	font-size: 1.125em;
}

.post h2 a {
	background: url(../images/arrow.gif) no-repeat right 10px;
	padding-right: 14px;
}

.post-single h1, .post-single h3, .post-single h4 {
	margin-left: 0;
	padding-left: 0;
}

.post .byline, .post-single .byline {
	font-size: .65em;
	text-transform: uppercase;
	font-weight: bold;
	padding: 4px 0;
	margin: 10px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	letter-spacing: 1px;
}

.post .byline {
	font-size: .65em;
	width: 200px;
}

.post .byline a {
	color: #cc0000;

}

/* post body */

.post-single ul li, .post-single ol li {
	font-size: .875em;
	line-height: 1.25em;
}

.paginate a {
	display: inline;
	width: 32px;
	height: 32px;
	float: left;
	text-align: center;
	line-height: 32px;
	font-size: 18px;
	color: #fff;
	margin: 5px 0 0 8px;
	padding: 0;
	background: #ccc url(../images/btn_pager.gif) no-repeat;
	text-shadow: #000 0px 1px 0px;
}

.paginate strong {
	display: inline;
	width: 30px;
	height: 30px;
	float: left;
	text-align: center;
	line-height: 32px;
	font-size: 18px;
	color: #fff;
	margin: 5px 0 0 8px;
	background: #ccc no-repeat;
	padding-right: 0;
	padding-top: 0;
	padding-left: 0;
}

.paginate a:hover {
	border-style: none;
}

.paginate .strong {
	background-image: none;
	padding: 1px;
	width: 30px;
	height: 30px;
	text-shadow: none;
}

/* text post */

.summary-wrap {
	width: 460px;
	margin: 10px 0 0 215px;
	padding: 4px 0 0 10px;
	height: 115px;
	border-left: 1px solid #ccc;
}

.summary-wrap p {
	margin: 0;
	padding: 0;
	font-size: .875em;
}

/* @group blog post */

.social-links p {
	margin-bottom: 0;
	color: #666;
	font-weight: bold;
	margin-left: 10px;
	padding: 2px 0;
}

.social-links p span {
	background-color: #eee;
	padding: 4px 8px;
}

.social-links a {
	margin: 0 0 0 8px;
	padding: 0;
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: top;
}

.social-links a:hover {
	border-style: none;
}

.social-links a img {
	margin: 0;
	padding: 0;
	border-style: none;
	width: 16px;
	height: 16px;
}


/* @end */



/* @end */




/* @end */