/*
	Author Name	: 	Chris Underwood
	Author Site	: 	http://www.nicasiodesign.com
	Style Name	: 	Clark Creative 2008
	Comments	: 	Design by Clark Creative, build by Nicasio Design.
*/

/* RESET ALL FONT SIZES ------------------------------------------------------------------------

Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code {font-family:monospace;*font-size:108%;line-height:100%;}

/* ----------------------------------------------------------------------------------------- */

/* USE THESE FONT SIZES TO DECLARE TRUE SIZES IN PIXELS ---------------------------------------

 {font-size:77%;} 		=>	10px
 {font-size:85%;} 		=>	11px
 {font-size:93%;} 		=>	12px
 {font-size:100%;} 		=>	13px
 {font-size:108%;} 		=>	14px
 {font-size:116%;} 		=>	15px
 {font-size:123.1%;} 	=>	16px
 {font-size:131%;} 		=>	17px
 {font-size:138.5%;} 	=>	18px
 {font-size:146.5%;} 	=>	19px
 {font-size:153.9%;} 	=>	20px
 {font-size:161.6%;} 	=>	21px
 {font-size:167%;} 		=>	22px
 {font-size:174%;} 		=>	23px
 {font-size:182%;} 		=>	24px
 {font-size:189%;} 		=>	25px
 {font-size:197%;} 		=>	26px

------------------------------------------------------------------------------------------- */

html { /* Force Vertical Scrollbar */
	/* IE */
	overflow-y: scroll; 
	/* Moz */
	height: 100%;
	margin-bottom: 0.1em;
}

* {padding: 0;margin: 0;}
	
body {margin:0;padding:0;background:WHITE url('/images/background.gif') repeat-y;text-align:left;height:100%;}

img {border: 0;}

img.padBorder {border:1px solid #c7c9cb;padding:4px;margin-bottom:15px;}
	
.clear {clear:both;height:0px;overflow:hidden;}

#container {margin:0;padding:0;width:1001px;}

#left {float:left;width:254px;}

#left-mainNav {float:left;width:122px;padding-top:50px;}

#mainNav-container {padding-top:103px;width:100%;text-align:right;}

ul#mainNav {list-style-type:none;margin-bottom:25px;}

ul#mainNav li {margin:0px 0px 6px 0px;padding:0px;}

ul#mainNav li a {width:122px;height:25px;overflow:hidden;font-size:1px;display:block;text-decoration:none;}

a.mainNav-company {background:transparent url('/images/mainNav-company.gif') no-repeat top left;}
a.mainNav-creativeMatter {background:transparent url('/images/mainNav-creativeMatter.gif') no-repeat top left;}
a.mainNav-portfolio {background:transparent url('/images/mainNav-portfolio.gif') no-repeat top left;}
a.mainNav-buzz {background:transparent url('/images/mainNav-buzz.gif') no-repeat top left;}
a.mainNav-connect {background:transparent url('/images/mainNav-connect.gif') no-repeat top left;}

a.mainNav-company:hover, a.mainNav-creativeMatter:hover, a.mainNav-portfolio:hover,
 a.mainNav-buzz:hover, a.mainNav-connect:hover, a.ON {background-position:0% 100%;}

a.mainNav-company span, a.mainNav-creativeMatter span, a.mainNav-portfolio span,
 a.mainNav-buzz span, a.mainNav-connect span {position:relative;left:-9999px;}

#left-subNav {float:left;margin-left:13px;width:119px;background:transparent url('/images/left-subNav-border.gif') no-repeat top left;}

#subNav-container {width:110px;text-align:right;}

ul#subNav {list-style-type:none;}

ul.subNav-company {margin-top:215px;}

ul.subNav-creativeMatter {margin-top:215px;}

ul.subNav-portfolio {margin-top:97px;}

ul.subNav-buzz {margin-top:215px;}

ul.subNav-connect {margin-top:215px;}

ul#subNav li {margin:0px 0px 8px 0px;padding:0px;}

ul#subNav li a {font-family:'Geneva', Arial, sans-serif;color:#464647;font-size:93%;text-decoration:none;}

ul#subNav li a:hover {color:#000;text-decoration:underline;}

ul#subNav li a.ON {color:#afc42a;text-decoration:none;}

a#ccLogo {margin-left:11px;}

#middle {float:left;width:593px;background:transparent url('/images/middle-topBG.gif') no-repeat top left;}

#lightBulb-container {width:20px;margin:33px 0px 0px 25px;}

a#light-bulbBTN {width:20px;height:47px;overflow:hidden;font-size:1px;display:block;text-decoration:none;background:transparent url('/images/light-bulbBTN.gif') no-repeat top left;}

a#light-bulbBTN:hover {background-position:0% 100%;}
a#light-bulbBTN_ON {width:20px;height:47px;overflow:hidden;font-size:1px;display:block;text-decoration:none;background:transparent url('/images/light-bulbBTN.gif') no-repeat 0% 100%;}

a#light-bulbBTN span, a#light-bulbBTN_ON span {position:relative;left:-9999px;}

#middle-content {margin-left:65px;margin-top:18px;}

#homeFlash {margin-bottom:25px;}

#content-border {border:1px solid #e1e2e3;width:99%;margin-top:10px;}

#eNewsletter-container, #services-container {width:480px;margin:20px auto;margin-bottom:0px;}

.eNewsletter-listing {float:left;width:157px;text-align:center;margin-left:3px;}

p.eNewsletter-thumb-info {margin-top:5px;}

.eNewsletter-listing img {margin-bottom:3px;}

.eNewsletter-listing a {color:#231f20;text-decoration:none;font-size:93%;}

.eNewsletter-listing a:hover {color:#AFC42A;text-decoration:none;}

.eNewsletter-listing-spacer {font-size:1px;height:28px;overflow:hidden;display:block;clear:both;}

.services-listing {margin-bottom:28px;}

.services-listing img {float:left;width:104px;}

.services-info {float:left;width:315px;margin-left:55px;}

.services-info a {color:#959595;font-size:93%;font-family:'Geneva', Arial, sans-serif;text-decoration:none;}

.services-info a:hover {color:#AFC42A;text-decoration:underline;}

h2 {color:#AFC42A;font-weight:normal;font-size:138.5%;font-family:'Geneva', Arial, sans-serif;}

h3 {color:#231f20;font-weight:normal;font-size:108%;font-family:'Geneva', Arial, sans-serif;margin-bottom:1px;}

p {color:#231f20;font-weight:normal;font-size:93%;font-family:'Geneva', Arial, sans-serif;line-height:123.1%;margin-bottom:15px;}

p.homeText {width:445px;}

p.portfolioText {width:430px;}

p a, #middle-content ul.normal li a  {color:#AFC42A;}
p a:hover, #middle-content ul.normal li a:hover {color:#666;}

#middle-content ul.normal {margin-left:35px;}
#middle-content ul.normal li {list-style-type:disc;color:#231f20;font-weight:normal;font-size:93%;font-family:'Geneva', Arial, sans-serif;line-height:133.1%;}

.person-bio {margin:15px 0px 25px 0px;}
.person-bio img {float:left;margin:0px 10px 10px 0px;}

ul.services-ul {margin-left:15px;margin-bottom:7px;}

ul.services-ul li {color:#231f20;font-weight:normal;font-size:93%;font-family:'Geneva', Arial, sans-serif;line-height:108%;margin-bottom:2px;}

ul.services-listing li a {color:#959595;font-family:'Geneva', Arial, sans-serif;text-decoration:none;}

ul.normal {margin:10px 0px 10px 15px;}
ul.normal li {margin-bottom:5px;}

#home-feat-proj-container {border:1px solid #e1e2e3;margin-top:28px;padding-bottom:11px;}

#home-feat-proj-image {float:left;margin:10px 0px 0px 12px;}

#home-feat-proj-text {float:left;margin:10px 0px 0px 19px}

p.home-feat-proj-info {width:283px;}

#portfolio-client-thumbs {float:right;width:50px;height:289px;margin-right:23px;}

#portfolio-client-thumbs img {display:block;margin-bottom:10px;}

#portfolio-image-container {float:left;text-align:center;width:420px;height:248px;border:1px solid #c7c9cb;margin-top:18px;margin-bottom:8px;}

#portfolio-navigation {width:432px;margin-bottom:20px;}

.portfolio-category {float:right;text-align:right;margin:0px 13px;}

.portfolio-category a {color:#231f20;font-family:'Geneva', Arial, sans-serif;font-size:77%;text-decoration:none;}

.portfolio-category a:hover {color:#AFC42A;text-decoration:none;}

#portfolio-items a {border:1px solid WHITE;}

#portfolio-items a:hover {border:1px solid #999;}

.portfolio-category-spacer {float:right;color:#231f20;font-family:'Geneva', Arial, sans-serif;font-size:77%;}

span.portfolioON {color:#959595;font-family:'Geneva', Arial, sans-serif;font-size:77%;}

#site-map {margin-top:25px;margin-left:15px;}

ul#site-map-list {list-style-type:none;}

ul#site-map-list li {margin:0px 0px 4px 0px;font-size:93%;}

ul#site-map-list li.site-map-header {color:#a7a9ac;}

ul#site-map-list li.site-map-divider {height:1px;overflow:hidden;font-size:1px;margin:10px 0px 4px 0px;}

ul#site-map-list li a {color:#AFC42A;text-decoration:underline;}

ul#site-map-list li a:hover {color:#000;}

#right {float:left;width:154px;background:transparent url('/images/rightBG.gif') no-repeat top left;height:520px;}

#right-content {background:transparent url('/images/right-topBG.gif') no-repeat top left;padding-top:8px;}

a#client-login {border-left:2px solid #f2f2f3;border-right:2px solid #f2f2f3;padding:0px 9px;color:#adacad;font-family:'Myriad Pro', 'Geneva', Arial, sans-serif;font-size:93%;text-decoration:none;}

a#client-login:hover {text-decoration:underline;}

form#client-login-form div.label {width:10em;text-align:right;float:left;margin-top:10px;}
form#client-login-form div.input {float:left;margin-left:10px;margin-top:10px;}
form#client-login-form div.form-submit {float:left;margin-left:10px;margin-top:10px;}

#blogBTN-container {width:35px;margin:25px 0px 0px 3px;}

a#blogBTN {width:35px;height:27px;overflow:hidden;font-size:1px;display:block;text-decoration:none;background:transparent url('/images/blogBTN.gif') no-repeat top left;}

a#blogBTN:hover {background-position:0% 100%;}

a#blogBTN span {position:relative;left:-9999px;}

#socialBTN-container {width:38px;margin:-5px 0px 0px 41px;}

a#socialBTN {width:38px;height:37px;overflow:hidden;font-size:1px;display:block;text-decoration:none;background:transparent url('/images/socialBTN.gif') no-repeat top left;}

a#socialBTN:hover {background-position:0% 100%;}

a#socialBTN span {position:relative;left:-9999px;}

#footer {clear:both;width:100%;padding-bottom:25px;}

#footer-left-contactArea {float:left;width:122px;text-align:center;}

#contact-email {height:21px;margin-bottom:7px;}

a#emailBTN {float:right;width:62px;height:21px;overflow:hidden;font-size:1px;display:block;text-decoration:none;background:transparent url('/images/emailBTN.gif') no-repeat top left;}

a#emailBTN:hover {background-position:0% 100%;}

a#emailBTN span {position:relative;left:-9999px;}

#contact-phone {clear:right;margin-bottom:15px;font-family:'Geneva', Arial, sans-serif;font-size:93%;color:WHITE;letter-spacing:0.05em;}

#contact-phone span {font-weight:bold;}

#contact-address {font-family:'Geneva', Arial, sans-serif;font-size:77%;color:WHITE;}

#footer-left-newsArea {float:left;margin-left:12px;width:120px;}

#newsBTN-container {padding-top:66px;border-bottom:1px solid #d1d3d4;}

a#newsBTN {margin:0 auto;width:38px;height:28px;overflow:hidden;font-size:1px;display:block;text-decoration:none;background:transparent url('/images/newsBTN.gif') no-repeat top left;}

a#newsBTN:hover {background-position:0% 100%;}

a#newsBTN span {position:relative;left:-9999px;}

#footer-middle {float:left;padding-top:81px;}

#copyright {float:left;width:244px;margin-left:65px;font-size:70%;font-family:'Geneva', Arial, sans-serif;color:#adacad;}

#footer-links {float:left;margin-left:15px;font-size:70%;font-family:'Geneva', Arial, sans-serif;color:#adacad;}

#footer-links a {color:#adacad;text-decoration:none;}

#footer-links a:hover {text-decoration:underline;}