/* ---------------------------
	  
##MAke footer stick to the bottom add accoring padding-bottom to the content and sub-nav containers.

##See about adding png hack to style sheet. Also make sprites pngs and add i color for logo image and black and white versions of each sprite graphic.
--------------------------- */


/* ---------------------------
	  Reset
--------------------------- */

html {background-color: #000;}
body {line-height:1.5;}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,acronym,address,code,del,dfn,img,dl,dt,dd,ol,ul,li,fieldset,form,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-size:100%;font-family:inherit;vertical-align:baseline;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
table {border-collapse:separate;border-spacing:0;}
caption,th,td {text-align:left;font-weight:normal;}
table,td,th {vertical-align:middle;}
a img,img,fieldset,abbr,acronym {border:none;}
a:focus {outline:none;}
pre,code{ font:115% monospace; }
q:before{content:'“';}
q:after{content:'”';}
ol, ul {padding-left:1.5em;}
/* em, strong{font-style:normal;font-weight:400;} */
hr {display: none;} 




/* ---------------------------
	  typography
--------------------------- */

body { 
	font: 93.8%/1.5em "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
/* ---------------------------
	  header typography
--------------------------- */

.content h1,
.sub-nav h2,
#home h2 {
/* 	font-size: 3em; 
	line-height: 1;
	letter-spacing: .03em;
	margin-top: 0.5em; 
	margin-bottom: .2em; */
	line-height: .9em;
	clear: both;
	font-weight: bold;
	font-size: 3.4em;
	margin-top: .2em;
	margin-bottom: .2em;
	letter-spacing: -.05em;
	color: #333;
}
.content h2,
#home h3 { 
	font-size: 1.8em; 
	margin-top: 1em;
	margin-bottom: .2em;
	font-weight: bold;
	letter-spacing: .01em;
	line-height: 1em;
	color: #444;
}
.content h3,
.sub-nav h3 { 
	font-size: 1.4em; 
	line-height: 1.1em; 
	margin-top: 1em;
	margin-bottom: .3em;
	font-weight: bold;
	color: #999;
}
.content h3 {
	color: #555;	
}
.content h4,
.sub-nav h4 { 
	font-weight: bold;
	font-size: 1.2em; 
	line-height: 1.25; 
	margin-top: 1.25em; 
}
.content h5,
.sub-nav h5 { 
	font-size: 1em; 
	font-weight: bold; 
	margin-top: 1.5em; 
}
.content h6,
.sub-nav h6 { 
	font-size: 1em; 
	font-weight: bold; 
}
/* ---------------------------
	  paragraphs and inline
--------------------------- */

.content p, 
.content ul, 
.content ol, 
.content dl,
.sub-nav p, 
.sub-nav ul, 
.sub-nav ol, 
.sub-nav dl,
.tagline { 
	margin: 0 0 1.5em; 
	color: #444;
}
.sub-nav p, 
.sub-nav ul, 
.sub-nav ol, 
.sub-nav dl {
	color: #eee;	
}
.content img {
	margin-top: .3em;
}

.content blockquote,
.sub-nav blockquote { 
	color: #666;
	background: url(sprite.gif) -20px 0px no-repeat;
	margin: 0 0 1.5em;
	padding: .7em 0 0 100px;
	border-top: 3px solid #555;
	border-bottom: 3px solid #555;
	overflow: hidden;

}
.content blockquote p,
.sub-nav blockquote p {
	font-style: italic;
	color: #444;
}
.content blockquote cite,
.sub-nav blockquote cite{
	font-weight: bold;
	font-style: oblique;
	color: #444;
	font-size: 1.4em;
	padding-top: 0;
}
.content pre,
.sub-nav pre { 
	margin: 1.5em 0; 
	white-space: pre; 
}
.content pre,
.content code,
.content tt,
.sub-nav pre,
.sub-nav code,
.sub-nav tt { 
	font: 1em 'andale mono', 'lucida console', monospace; 
	line-height: 1.5; 
}
.content table,
.sub-nav table { 
	margin-bottom: 1.4em; 
	width:100%; 
}
.content th,
.sub-nav th { 
	font-weight: bold; 
}
.content th, 
.content td, 
.content caption,
.sub-nav th, 
.sub-nav td, 
.sub-nav caption { 
	padding: 4px 10px 4px 5px; 
}
.content tfoot, 
.sub-nav tfoot { 
	font-style: italic; 
}

/* ---------------------------
	  Content link Color
--------------------------- */
a:link { 
	color: #173779;
}
a:visited {
	color: #581779;	
}
a:active {
	color: #167926;
}
a:hover {
	color: #165779;
}
/* ---------------------------
	  Layout
--------------------------- */
#wrapper {}

.container {
	max-width:950px;
	margin: 0 auto;
	padding: 0 10px;
	width: inherit !important;
	width:950px;
}


/* ---------------------------
	  head
--------------------------- */
.status {
	height: 1.2em;	
	border-bottom: 1px solid #555;
	background-color: #111;
}
.head {
	overflow: hidden; 
	height: 1%;
	border-bottom: 2px solid #666;
	/* 1.2em */
/* 	background: #000 url(head-bg.gif) repeat-x top left !important; */
}

/* ---------------------------
	  Site logo/title
--------------------------- */

.site {
	font: 900 1.7em/1em Helvetica, Arial, "Lucida Grande", sans-serif;	
	float: left;
	padding: 0 23px 0 0px;
	margin-bottom: .8em;
	font-weight: bold;
	height: 1em;
	color: #EBFFFF;	
}
.site a {
	background: url(logo-bello.gif) no-repeat 0 0;
	width:271px;
	height: 52px;
	display: block;
}
.site a:hover {
	background: url(logo-bello.gif) no-repeat 0px -52px;	
}
.site strong {
	display: none;
}

/* ---------------------------
	  Main Nav
--------------------------- */

.nav {
	display: inline;
	list-style: none;
	float: right;   
	margin: 1em 10px .3em;
	font: 100 1.1em/1.4em Helvetica, Arial, "Lucida Grande", sans-serif;
	letter-spacing: .1em;
}
.nav li {
	float: left;
	padding: 0px 1.2em .4em 0;
}

.nav li a {
	text-decoration: none;
	color: #fff;
}
.nav li a:hover {
	color: #5DDDF3;
}
.nav li span {
	font-weight: bold;
	color: #999;
	font-size: 1.4em;	
}
/* ---------------------------
	  Tagline
--------------------------- */
.tagline {
	font:italic 100 2em/1.3em Georgia, "Times New Roman", Times, serif;
	clear: both;
	padding: .5em 0 0 0;
	margin-bottom: 0;	
	color: #888;
}
.tagline strong {
	color: #444;
	font-size: 1.2em;
	font-weight: bold;	
}
.tagline em {
	display: block;
	color: #888;
}

/* ---------------------------
	  Content
--------------------------- */
.content {
	border-top: 1px solid #444;
	padding: 1.9em 0 2em 0;
	clear: both;
	background: #fff;
}
.content img {
	max-width: 100%;	
}
.content p img {
	float: left;
	margin: .5em 1em .5em 0;
	-moz-border-radius-bottomleft: 30px;
	-webkit-border-bottom-left-radius: 30px;
	border-bottom-left-radius: 30px;
}

/* ---------------------------
	  Masthead
--------------------------- */

#masthead {
	clear: both;
	min-width: 350px;
	margin-bottom: 2em;
	padding: 0;
	position: relative;
	height: auto;
}
#masthead img,
#masthead embed,
#masthead object {
	padding: 0;
	margin: 0;
	display: block;
	width:100%;
}
#masthead embed,
#masthead object {
	
}
#masthead img {
	-moz-border-radius-bottomright: 50px;
	-webkit-border-bottom-right-radius: 50px;
	border-bottom-right-radius: 50px;	
}
      /* 940x360 - 580 */
/* ---------------------------
	  Sub Nav Layout
--------------------------- */
.sub-nav {
	background-color: #000;
	padding-bottom: 3em;
	padding-top: 1em;
	overflow: hidden;
	color: #fff;
	clear: both;
	overflow: hidden;
} 
.sub-nav .container {}

.sub-nav h2 a, .sub-nav h2 {
	text-decoration: none;
	color: #eee;
}

/* ---------------------------
	  Block List Color
--------------------------- */

/* content */
.content .block-list .xfolkentry {
	background-color: #F3F3F3;
	background-color: #111;
	border-bottom: 1px solid #444;	
}
.content .block-list .xfolkentry .taggedlink a {
	color: #eee; 	
}
.content .block-list .xfolkentry .description {
	color: #aaa;	
}

/* subnav */
.sub-nav .block-list .xfolkentry {
	background-color: #fff;
	border-bottom: 2px solid #888;	
}

.sub-nav .block-list .xfolkentry .taggedlink a {
	color: #333; 	
}
.sub-nav .block-list .xfolkentry .description {
	color: #444;	
}

/* ---------------------------
	  block list Layout
--------------------------- */
.block-list {
	clear: both;
	overflow: hidden;
	padding-left: 0;
	margin-bottom: 30px;
}
.block-list .xfolkentry {  
	list-style: none;
	overflow: hidden;
	width:300px;
	float: left;
	margin: 20px 15px 0px 0;
	position: relative;
	overflow: hidden;
	/* min-height: 240px; */
	*height: 220px;
}
.block-list .xfolkentry .more {
	display: block;
	position: absolute;
	top: 0px;
	width:307px;
	height: 100% !important;
	height: 250px;
	z-index: 1;
	background-color: #138;
	-khtml-opacity:.0; 
	-moz-opacity:.0; 
	-ms-filter: alpha(opacity=00); 
	filter:alpha(opacity=00); 
	opacity:.0;
}
.block-list .xfolkentry .more:hover {
	background-color: #138;	
	-khtml-opacity:.4; 
	-moz-opacity:.4; 
	-ms-filter: alpha(opacity=40); 
	filter:alpha(opacity=40); 
	opacity:.4;
}
.block-list .xfolkentry .taggedlink {
	letter-spacing: .08em;
	padding: .2em 5px 0 9px;
	margin: 0;
	font: oblique 900 1.2em/1.1em Georgia, "Times New Roman", Times, serif; 
}
.block-list .xfolkentry .taggedlink a {
	text-decoration: none;
}
.block-list .xfolkentry img {
	width:300px;
	height: 117px;
	-moz-border-radius-bottomright: 30px;
	-webkit-border-bottom-right-radius: 30px;
	border-bottom-right-radius: 30px;
}
.content .xfolkentry img {
	margin-top: 0;	
}
.block-list .xfolkentry .description {
	font-size: .8em; 
	padding: .1em 10px 1em 10px;
	margin: 0;
	line-height: 1.5em;	
}
.block-list .meta, 
.block-list br,
.block-list .xfolkentry .more span {
	display: none;	
}

/* view more link */


.view-more {
	text-align: right;
	padding-right: 1em;
	font: oblique 900 2em/1em Georgia, "Times New Roman", Times, serif;
	text-align: right;
	padding-right: 1em;	
	margin-bottom: 1em;
	text-decoration: none;
}
.view-website {
	margin-bottom: 1.4em;	
}
.view-website a {
font: oblique 900 2em/1em Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	text-decoration: none;
}
.view-more a {
	color: #aaa;
	text-decoration: none;
}
.view-more a:hover {
	color: #5DDDF3;
}


/* ---------------------------
	  Portfolio
--------------------------- */
#portfolio {
		
}
#portfolio .meta {
	font: oblique 900 1.5em/1em Georgia, "Times New Roman", Times, serif;
	background-color: #111;	
	overflow: hidden;
	height: 1%;
	margin: 1em 0 1.5em 0;
	
}
#portfolio .meta br {
	display: none;	
}
#portfolio .meta .prev {
	float: left;
	
}
#portfolio .meta .prev span:before {
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	content: "< ";
}
#portfolio .meta .next span:after {
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	content: " >";
}
#portfolio .meta .next {
	float: right;
	text-align: right;
}
#portfolio .meta a {
	text-decoration: none;
	color: #ccc;
	width:50%;
	background-color: #000;
	display: block;	
	
}
#portfolio .meta a span {
	padding: .6em 1em;
	display: block;	
}
#portfolio .meta a:hover {
	color: #5DDDF3;
	background-color: #333;	
}
#portfolio .project-images {
	margin: 1em 0;	
	overflow: hidden;
	height: 1%;
	
}
#portfolio .project-images a {
	position: relative;
	display: block;
	margin: 0 10px 10px 0;
	float: left;
	padding: 2px 5px 0px 5px;
	background-color: #000;
	text-decoration: none;
	overflow: hidden;
	height: 120px;
	width:290px;
}

#portfolio .project-images a img {
	width:290px;
	position: relative;
	z-index: 3;	
}
#portfolio .project-images a:hover img {
	visibility: hidden;
}
#portfolio .project-images span{
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #000;
	height: 107px;
	overflow: hidden;
	padding: 5px;
	font-size: 2em;
	line-height: 1.1em;
	font-weight: bold;
	z-index: 2;
	
}
#portfolio .project-images a:hover span{
	color: #5DDDF3;	
}
/* ---------------------------
	  Articles List
--------------------------- */
#articles {
	
}
#articles h2{
	font: oblique small-caps 100 4em/1.3em Georgia, "Times New Roman", Times, serif;
	
}
#articles h2 a{
	color: #888;
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #999;

}
#articles h2 a:hover {
	color: #5DDDF3;	
}
#articles ul {
	padding-left: 0;
}
#articles .xfolkentry {
	list-style: none;
}
#articles .taggedlink a:link {
	color: #222;
}
#articles .description {
	margin-bottom: .2em;
}
#articles .meta {
	font-size: .9em;
	font-weight: bold;
	color: #888;	
}
#articles .meta a {
	font-weight: normal;
	font-size: .9em;
	text-decoration: none;
}
#articles .meta a:hover {
	text-decoration: underline;
}
#articles .more {
	
}

/* ---------------------------
	  forms
--------------------------- */
label {
	display: block;
	width:150px;
	float: left;
	clear: left;
	padding-right: 15px;	
	margin-bottom: 1em;
}
form br {
	display: none !important;
	display: block;
}
form label br {
	display: none;	
}
form h3,
form h4,
form h5 {
	clear: both;
	padding: 1em 0 1em 0;	
	display: block;
}
form input, form textarea {
	float: left;
	margin-bottom: 2em;
	clear: right;
}
form .container div {
	float: none;
	clear: both;
	overflow: hidden;
	margin-bottom: 2em;
}
form .container div label {
	display: inline;
	float: left;
	width:inherit;
	clear: right;
	margin-bottom: 0;
}
form .container div input,
form .container div textarea {
	clear: left;
	float: left;
	display: inline;
	margin-bottom: 0;
}

form .container div a {
	margin-left: 1em;	
}
html .error {
	display: block;
	width:inherit;
	color: #F00;
	font-weight: bold;
}
/* ---------------------------
	  form ids
--------------------------- */
#name,
#email,
#phone, 
#website {
	width:30em;	
	padding: .3em;
}
#description, 
#message, 
#competitors,
#audience,
#goals,
#services {
	width:30em;	
	padding: .3em;
}
/* ---------------------------
	  footer 
--------------------------- */
.footer {
	clear: both;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: .5em 1em;
	border-top: 1px solid #222;
	overflow: hidden;
	font-size: .9em;
	height: 1%;
}
.footer br {
	display: none;	
}
.footer a {
	font-style: italic;
	float: left;
	color: #aaa;
	letter-spacing: .08em;
}
.footer .designer {
	float: right;
	font-size: .9em;
	text-decoration: none;
	color: #444;
	margin-top: .2em;
}

*{padding: 0; margin: 0;}

/* ThickBox */
#TB_window{font:12px Arial,Helvetica,sans-serif;color:#333333;}#TB_secondLine{font:10px Arial,Helvetica,sans-serif;color:#666666;}#TB_window a:link{color:#666666;}#TB_window a:visited{color:#666666;}#TB_window a:hover{color:#000;}#TB_window a:active{color:#666666;}#TB_window a:focus{color:#666666;}#TB_overlay{position:fixed;z-index:100;top:0px;left:0px;height:100%;width:100%;}.TB_overlayMacFFBGHack{background:url(thickbox-bg.png) repeat;}.TB_overlayBG{background-color:#000;filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;}* html #TB_overlay{position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight :document.body.offsetHeight + 'px');}#TB_window{position:fixed;background:#ffffff;z-index:102;color:#000000;display:none;border:4px solid #525252;text-align:left;top:50%;left:50%;background-color:#000;padding:0 !important;}* html #TB_window{position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}#TB_window img#TB_Image{display:block;}#TB_caption{height:25px;padding:7px 30px 10px 25px;float:left;color:#eee;font:oblique 100 1.2em/1.4em Georgia,"Times New Roman",Times,serif;}#TB_closeWindow{height:25px;padding:11px 25px 10px 0;float:right;color:#fff;display:none;}#TB_closeAjaxWindow{padding:7px 0px 5px 0;margin-bottom:1px;text-align:right;float:right;}#TB_ajaxWindowTitle{float:left;padding:7px 0 5px 10px;margin-bottom:1px;}#TB_title{background-color:#e8e8e8;height:27px;}#TB_ajaxContent{clear:both;padding:2px 15px 15px 15px;overflow:auto;text-align:left;line-height:1.4em;}#TB_ajaxContent.TB_modal{padding:15px;}#TB_ajaxContent p{padding:5px 0px 5px 0px;}#TB_load{position:fixed;display:none;height:13px;width:208px;z-index:103;top:50%;left:50%;margin:-6px 0 0 -104px;/* -height/2 0 0 -width/2 */}* html #TB_load{/* ie6 hack */
position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}#TB_HideSelect{z-index:99;position:fixed;top:0;left:0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;height:100%;width:100%;}* html #TB_HideSelect{/* ie6 hack */
position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight :document.body.offsetHeight + 'px');}#TB_iframeContent{clear:both;border:none;margin-bottom:-1px;margin-top:1px;_margin-bottom:1px;}