@import url(vo-image.css);
/*----------RESET-----------*/
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
{
	line-height: 1;
}
OL, UL
{
	list-style: none;
}
BLOCKQUOTE, Q
{
	quotes: none;
}
:focus
{
	outline: 0;
}
INS
{
	text-decoration: none;
}
.footl { display:none; }
DEL
{
	text-decoration: line-through;
}
TABLE
{
	border-collapse: collapse;
	border-spacing: 0;
}
@font-face
{
	font-family: ColaborateThin;
	src: url('fonts/ColabThi-webfont.eot');
	src: local('☺'), url('fonts/ColabThi-webfont.woff') format('woff'), url('fonts/ColabThi-webfont.ttf') format('truetype'), url('fonts/ColabThi-webfont.svg#webfontcrb0Yhf3') format('svg');
	font-weight: normal;
	font-style: normal;
}
BODY, HTML
{
	margin: 0;
	padding: 0;
	color: #444;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.5em;
	background: #03213A url(../../img/bg2.jpg) no-repeat center top;
	text-rendering: optimizeLegibility;
	font-smooth: always;
}
#container
{
	margin: 0 auto;
	width: 960px;
	position: relative;
}
H2
{
	font: normal 28px Georgia, serif;
	color: #30B2D5;
}
H2 A
{
	color: #30B2D5;
	text-decoration: none;
}
H2 A:hover
{
	color: #4FCDF0;
}
/*-------------HEADER--------------*/
#header
{
	position: relative;
	height: 241px;
}
#header-graphic
{
	background: url(../../img/banner2.jpg) no-repeat center center;
	height: 177px;
	width: 960px;
	position: absolute;
	top: 64px;
}
A#header-logo
{
	background: url(../../img/header-logo.png) no-repeat center top;
	display: block;
	width: 186px;
	height: 27px;
	text-indent: -9999px;
	margin: 14px 0 0 14px;
	float: left;
}
A#header-logo:hover
{
	background: url(../../img/header-logo.png) no-repeat center bottom;
}
UL#header-nav
{
	float: right;
	margin: 18px 70px 0 0;
}
UL#header-nav LI
{
	display: inline;
	margin-right: 15px;
}
UL#header-nav LI A
{
	color: #CECECE;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
}
UL#header-nav LI A:hover
{
	color: #EEE;
}
#header A.consult
{
}
#header A.consult:hover
{
}
A.header-twitter, A.header-facebook
{
	display: block;
	background: #FF0000;
	width: 16px;
	height: 16px;
	position: absolute;
}
A.header-facebook
{
	top: 20px;
	right: 25px;
	background: url(../../img/facebook.png) no-repeat;
}
A.header-twitter
{
	top: 20px;
	right: 50px;
	background: url(../../img/twitter.png) no-repeat;
}
/*----------MAIN CONTENT-----------*/
#black-box
{
	background: #000000;
	padding: 25px;
	color: #D9D9D9;
	overflow: hidden;
	border-bottom: 3px solid #30B2D5;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
}
#black-box .left
{
	width: 550px;
	float: left;
	padding-right: 25px;
	border-right: 1px solid #3C3C3C;
}
#black-box .right
{
	width: 309px;
	float: right;
	margin: 0 0 0 25px;
	background: none;
}
#cms_static_home #header
{
	position: relative;
	height: 64px;
}
#cms_static_home #header-graphic
{
	display: none;
}
#cms_static_home #slider
{
	background: url(../../img/feature1.png) no-repeat;
	height: 300px;
	width: 960px;
}
/*----------MAIN CONTENT-----------*/
#main
{
	background: #FFFFFF;
	padding: 25px;
}
#main H2
{
	color: #AC411A;
	border-bottom: 1px solid #C9C9C9;
	padding-bottom: 4px;
	margin-bottom: 15px;
}
#main P
{
	margin-bottom: 5px;
}
#main .left
{
	width: 550px;
	float: left;
	margin: 0 0 25px;
}
#main .left H2
{
	margin-bottom: 15px;
}
.home-services
{
	clear: both;
	margin-bottom: 25px;
}
.home-services IMG
{
	float: left;
}
.home-services .text
{
	float: right;
	width: 447px;
}
.home-services H3, .home-services A
{
	color: #09496D;
	text-decoration: none;
}
.home-services H3 SMALL
{
	color: #898989;
	font-weight: normal;
	font-family: Georgia, serif;
	font-style: italic;
}
.home-services .text P.name
{
	color: #AC411A;
}
UL#home-posts LI
{
	overflow: hidden;
	margin-bottom: 20px;
}
UL#home-posts LI .text
{
	float: right;
	width: 447px;
}
UL#home-posts LI A
{
	display: block;
	font-weight: bold;
	text-decoration: none;
	color: #09496D;
	margin-bottom: 5px;
}
UL#home-posts LI P
{
	font: 13px/18px Georgia, serif;
	color: #898989;
}
UL#home-posts LI SPAN.publish_date
{
	display: block;
	margin: -9px 0 5px;
	font-size: 10px;
	text-transform: uppercase;
	color: #898989;
}
/*----------COMMENTS-----------*/
.post-comments
{
	width: 600px;
	background: #FFFFFF;
	margin: 0 auto;
	padding: 40px;
	border: 20px solid #E4E4E4;
}
#comments
{
	background: #FFFFFF;
	width: 600px;
	margin: 20px auto 80px;
	padding: 40px;
	border: 20px solid #E4E4E4;
}
.post-comments H3.author
{
	font-size: 20px;
	font-family: ColaborateThin, Helvetica, Arial, sans-serif;
	padding: 10px 0 0;
	color: #AC411A;
	font-weight: normal;
}
.post-comments UL LI
{
	border-bottom: 1px solid #D0CFCF;
	padding: 20px 0;
}
.post-comments .date
{
	font-size: 12px;
	color: #666;
	font-family: verdana;
}
.blog-post-comment #fullname
{
	float: left;
	margin-right: 20px;
}
#fullname INPUT, #email INPUT
{
	width: 277px;
	height: 30px;
	font-size: 16px;
	margin-bottom: 20px;
	border: 2px solid #D0CFCF;
	padding: 5px;
}
.blog-post-comment #message TEXTAREA
{
	width: 590px;
	height: 200px;
	font-size: 14px;
	padding: 10px 5px 5px;
	border: 2px solid #D0CFCF;
	margin-bottom: 20px;
}
.blog-post-comment BUTTON.submit
{
	width: 300px;
	height: 40px;
	font-size: 20px;
	cursor: pointer;
}
#add-comment
{
	font-size: 32px;
	font-family: ColaborateThin, Helvetica, Arial, sans-serif;
	display: block;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.required-flag
{
	color: #AC411A;
	padding-left: 3px;
}
/*----------PORTFOLIO-----------*/
.portfolio-item
{
	overflow: hidden;
}
.portfolio-image
{
	float: left;
	width: 400px;
	height: 250px;
	border: 6px solid #EEE;
	outline: 1px solid #DDD;
	margin-right: 25px;
	margin-bottom: 35px;
}
#portfolio .project-details
{
	float: left;
	width: 440px;
/*height: 265px;*/
	margin-bottom: 35px;
	padding: 10px 15px;
	background: url(../../img/gradient-top.png) repeat-x 0 top;
	border-top: 1px solid #DDD;
}
#portfolio .project-details H2
{
	border-bottom: 1px solid #CCC;
	margin-bottom: 10px;
}
#portfolio .project-details P STRONG
{
	display: block;
}
#portfolio .project-details P.name
{
	font-style: italic;
}
#portfolio .project-details A
{
	font-size: 0.9em;
	color: #AAA;
	text-decoration: none;
}
/*----------TEAM-----------

ul#team li { width: 215px; float: left; margin: 0 15px 30px 0;  }
ul#team li img { width: 215px; height: 250px; background: #BBB; margin-bottom: ;}
ul#team li .details { padding: 10px; background: url(../images/gradient-top.png) repeat-x 0 top;}
ul#team li .details h2 { font-size: 16px; font-weight: bold; border: none; margin: 0; color: #09496d; }
ul#team li .details p.position { color: #888; font-size: 14px; text-transform: uppercase; font-weight: bold; }
ul#team li .details p { font-size: 12px; }
ul#team li .details a { color: #ac411a; text-decoration: none; }
ul#team li.clay { margin-right: 0; }

----------TEAM2-----------*/
UL#team
{
	overflow: hidden;
	margin-top: 30px;
}
UL#team LI
{
	width: 215px;
	float: left;
	margin: 0 15px 30px 0;
}
UL#team LI IMG
{
	width: 215px;
	height: 250px;
	background: #BBB;
	/*[empty]margin-bottom:;*/
}
UL#team LI .details
{
	padding: 10px;
	background: url(../images/gradient-top.png) repeat-x 0 top;
}
UL#team LI .details H2
{
	font-size: 16px;
	border: none;
	margin: 0;
	color: #09496D;
}
UL#team LI .details P.position
{
	color: #888;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
}
UL#team LI .details P.position SPAN
{
	margin: 0 -2px;
}
UL#team LI .details P
{
	font-size: 12px;
}
UL#team LI .details A, #team A
{
	color: #AC411A;
	text-decoration: none;
}
UL#team LI .details A:hover, #team A:hover
{
	text-decoration: underline;
}
UL#team LI.clay
{
	margin-right: 0;
}
A#clay
{
	display: block;
	width: 215px;
	height: 250px;
	background: url(../../img/clay.jpg) no-repeat 0 top;
}
A#clay:hover
{
	background: url(../../img/clay.jpg) no-repeat 0 bottom;
}
A#jon
{
	display: block;
	width: 215px;
	height: 250px;
	background: url(../../img/jon.jpg) no-repeat 0 top;
}
A#jon:hover
{
	background: url(../../img/jon.jpg) no-repeat 0 bottom;
}
A#josh
{
	display: block;
	width: 215px;
	height: 250px;
	background: url(../../img/josh.jpg) no-repeat 0 top;
}
A#josh:hover
{
	background: url(../../img/josh.jpg) no-repeat 0 bottom;
}
A#nick
{
	display: block;
	width: 215px;
	height: 250px;
	background: url(../../img/nick.jpg) no-repeat 0 top;
}
A#nick:hover
{
	background: url(../../img/nick.jpg) no-repeat 0 bottom;
}
/*-------------BLOG--------------*/
.blog A
{
	-webkit-transition: color .3s linear;
	-moz-transition: color .3s linear;
	-o-transition: color .3s linear;
	transition: color .3s linear;
}
.blog #header
{
	height: 60px;
}
.blog #header-graphic
{
	display: none;
}
.blog .post-content, .blog #more-posts
{
	width: 600px;
	margin: 0 auto 20px;
	background: #FFF;
	color: #666;
	padding: 40px;
	border: 20px solid #E4E4E4;
	position: relative;
}
.blog H1, .blog #main H2.title
{
	font-family: ColaborateThin, Helvetica, Arial, sans-serif;
	font-size: 35px;
	margin: 0 0 10px;
	font-weight: normal;
	color: #000;
	padding-bottom: 10px;
	border-bottom: 1px solid #DDD;
	line-height: 35px;
}
.blog #main H2 A
{
	color: #000;
}
.blog #main H2 A:hover
{
	color: #FF0000;
}
.blog #main H2
{
	font-family: ColaborateThin, Helvetica, Arial, sans-serif;
	font-size: 20px;
	border: none;
	margin-bottom: 10px;
	margin-top: 25px;
}
.blog #main H3
{
	margin-bottom: 10px;
}
.blog #main
{
	background: none;
}
.blog #main .post-content P
{
	margin-bottom: 15px;
	text-align: justify;
	font-size: 13px;
}
.blog #main P A
{
	color: #30B2D5;
	text-decoration: none;
}
.blog #main P A:hover
{
	color: #FF0000;
}
.blog #main P#post-credits
{
	color: #898989;
	margin-bottom: 30px;
	font-size: 12px;
}
.blog P#post-credits SPAN
{
	border-right: 1px solid #AAA;
	padding-right: 6px;
	margin-right: 5px;
}
.blog P#post-credits SPAN.post-date
{
	border: none;
}
.blog .post-content OL
{
	list-style-type: decimal;
	padding-left: 20px;
	margin-bottom: 15px;
}
.blog .post-content UL
{
	list-style-type: disc;
	padding-left: 20px;
	margin-bottom: 15px;
}
.blog .cnd-pagination
{
	text-align: center;
	overflow: hidden;
	width: 700px;
	margin: -55px auto 40px;
}
.blog .cnd-pagination SPAN.results
{
	display: block;
	width: 430px;
	float: left;
	color: #AAA;
	text-transform: uppercase;
	font-size: 11px;
	line-height: 28px;
}
.blog .cnd-pagination BUTTON.previous
{
	float: left;
	width: 133px;
	height: 30px;
	background: url(../../img/previous-arrow.png) no-repeat 0 top;
	border: none;
	text-indent: -9999px;
}
.blog .cnd-pagination BUTTON.previous:hover
{
	background-position: 0 center;
}
.blog .cnd-pagination BUTTON.previous:active
{
	background-position: bottom;
}
.blog .cnd-pagination BUTTON.next
{
	float: right;
	width: 133px;
	height: 30px;
	background: url(../../img/next-arrow.png) no-repeat;
	border: none;
	text-indent: -9999px;
}
.blog .cnd-pagination BUTTON.next:hover
{
	background-position: 0 center;
}
.blog .cnd-pagination BUTTON.next:active
{
	background-position: bottom;
}
.blog P#nick-sig
{
	color: #999;
}
.blog .social
{
	margin-top: 40px;
	background: #F0F0F0;
	padding: 10px;
	border-top: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
}
.blog .social #retweet
{
	float: left;
	margin-right: 12px;
}
.blog .social .fb-like
{
	float: left;
	width: 450px;
	height: 20px;
	margin-top: -2px;
}
.blog #footer
{
	background: none;
	color: #FFF;
	border-color: #354D62;
	width: 720px;
	margin: 0 auto;
}
.blog #footer P, .blog #footer P A
{
	color: #4F6476;
}
.blog #footer A
{
	color: #4F6476;
	border-color: #4F6476;
}
.blog #more-posts .post-content
{
	margin-bottom: 30px;
	padding: 0 0 30px;
	border: none;
	border-bottom: 1px solid #DDD;
}
.blog #more-posts .post-content:last-child
{
	margin: 0;
	border: none;
	padding: 0;
}
.blog #more-posts .post-content H2
{
	border: none;
	margin: 0;
	font-size: 25px;
	line-height: 25px;
}
.blog #more-posts .post-content H2 A
{
	color: #AC411A;
}
.blog #more-posts .post-content SPAN.publish_date
{
	color: #999;
}
.blog #more-posts H3
{
	font-size: 45px;
	border-bottom: 1px solid #DDD;
	padding: 0 0 30px;
	margin: 10px 0 30px;
	font-family: ColaborateThin, Helvetica, Arial, sans-serif;
	color: #AC411A;
	font-weight: normal;
}
.post-content .voImage IMG
{
	padding: 5px;
	background: #E4E4E4;
	border: 1px solid #9D9D9D;
}
.blog .post-content BLOCKQUOTE
{
	background: #F4F4F4;
	padding: 20px;
	border: 1px solid #DDDDDD;
	margin-bottom: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-moz-box-shadow: 5px 5px 5px #E8E8E8;
	-webkit-box-shadow: 5px 5px 5px #E8E8E8;
	box-shadow: 5px 5px 5px #E8E8E8;
}
.blog CODE
{
	background: #F4F4F4;
	padding: 5px;
}
.syntaxhighlighter.php
{
	margin: 20px 0 !important;
}
/*-------------WORDPRESS--------------*/
.wordpress #main .left P
{
	margin-bottom: 20px;
}
.wordpress #main .left UL
{
	margin-left: 20px;
	list-style-type: disc;
}
.wordpress #main .left UL LI
{
	margin-bottom: 10px;
}
.wordpress #main P#smashing
{
	padding: 20px 20px 20px 73px;
	background: #F7F7F7 url(../../img/smashing.gif) no-repeat 17px 18px;
	border: 1px solid #CCC;
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.15);
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
}
.wordpress #main A
{
	color: #AC411A;
	text-decoration: none;
}
.wordpress #main A:hover
{
	text-decoration: underline;
}
.wordpress #main P.budget
{
	font-style: italic;
	color: #777;
}
.wordpress #main .right UL LI
{
	padding: 0;
	font-size: 13px;
	margin-bottom: 20px;
}
.wordpress #main .right UL LI CITE
{
	display: block;
	margin-top: 5px;
	color: #777;
}
/*-------------SUBTITLES DEMO--------------*/
.demo .wrap
{
	padding: 0 0 20px;
	width: 400px;
}
.demo .subtitles .controls
{
	text-align: right;
}
.demo .subtitles .controls .switch
{
	cursor: pointer;
	text-decoration: underline;
}
.demo .subtitles .subtitle
{
	margin: 5px 0 0;
	font-size: 1.3em;
	text-align: center;
}
/*----------CONTACT-----------*/
.contact LEGEND
{
	display: none;
}
.contact INPUT, .contact TEXTAREA
{
	background: #EEE;
	width: 534px;
	margin-bottom: 15px;
	padding: 7px;
	color: #3B3B3B;
	border: 1px solid #CCC;
}
.contact INPUT:focus, .contact TEXTAREA:focus
{
	background: #F9F9F9;
	border: 1px solid #AAA;
}
.contact SELECT
{
	margin-bottom: 15px;
}
.contact TEXTAREA
{
	height: 120px;
}
.contact .submit
{
	width: 550px;
	background: #000000;
	font-weight: bold;
	text-transform: uppercase;
	color: #30B2D5;
	border: 1px solid #30B2D5;
	cursor: pointer;
	height: 30px;
}
.contact .submit:hover
{
	background: #AC411A;
	color: #FFF;
	border: 1px solid #AC011A;
}
.contact .right UL LI
{
	height: 50px;
	margin-bottom: 15px;
	padding-left: 66px;
	font-size: 20px;
	line-height: 48px;
	color: #777;
}
.contact .right UL LI.facebook
{
	background: url(../../img/fb.png) no-repeat left top;
}
.contact .right UL LI.twitter
{
	background: url(../../img/twit.png) no-repeat left top;
}
.contact .right UL LI A
{
	text-decoration: none;
	color: #777;
}
.contact .right UL LI A:hover
{
	text-decoration: underline;
}
.contact P.attention
{
	font-style: italic;
	color: #666;
	border-bottom: 1px solid #DDD;
	border-top: 1px solid #DDD;
	padding: 20px 0;
	margin: 20px 0;
}
.contact P.attention A
{
	color: #AC411A;
	text-decoration: none;
}
.contact P.attention A:hover
{
	text-decoration: underline;
}
.voForm LABEL
{
	display: block;
	margin-bottom: 2px;
}
#main.contact UL.question LI#q48
{
	position: relative;
	height: 100px;
}
#main.contact .note
{
	position: absolute;
	top: 0;
	right: 0;
	width: 310px;
	font-size: 11px;
	line-height: 14px;
	color: #777;
}
/*----------SIDE CONTENT-----------*/
#main .right
{
	width: 309px;
	float: right;
	margin: 0 0 15px 25px;
	border-left: 1px solid #C9C9C9;
	padding-left: 25px;
}
UL#recent-projects LI.port
{
	background: #AAA;
	border: 5px solid #EEE;
	outline: 1px solid #CCC;
	height: 100px;
	margin-bottom: 15px;
}
UL#recent-projects LI.port:hover
{
	border: 5px solid #DDD;
}
UL#recent-projects LI.testimonial
{
	margin-bottom: 15px;
	font: italic 12px/17px Georgia, serif;
	text-align: justify;
	color: #898989;
}
UL#recent-projects LI.testimonial P.person
{
	color: #30B2D5;
}
/*-------------FOOTER--------------*/
#footer
{
	clear: both;
	overflow: hidden;
	background: #FFFFFF;
	border-top: 1px solid #C9C9C9;
	border-bottom: 1px solid #C9C9C9;
	font-size: 10px;
	padding: 5px 0 0;
}
#footer P
{
	float: left;
}
#footer A
{
	color: #333;
}
UL#footer-nav
{
	float: right;
}
UL#footer-nav LI
{
	display: inline;
}
UL#footer-nav LI A
{
	color: #137EB1;
	border-left: 1px solid #C9C9C9;
	padding: 1px 6px 1px 10px;
	text-decoration: none;
}
UL#footer-nav LI.first A
{
	border-left: none;
}
/*-------------CLEARFIX--------------*/
.clearfix:after
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix
{
	display: inline-block;
}
HTML[xmlns] .clearfix
{
	display: block;
}
* HTML .clearfix
{
	height: 1%;
}
.success-message
{
	background: #E4E4E4;
	margin-bottom: 20px;
	font-size: 150%;
	text-align: center;
	color: #AC411A;
	padding: 15px;
}