@charset "UTF-8";
/* CSS Document */

html* {
	margin:0;
	padding:0;
}
.ui-tabs .ui-tabs-hide {
     display: none;
}


/*-- IMG --*/
img* {
	border:none;
	border-style:none;
}
a img {border:none;}


.img_frame {border-style:solid; border-color: #9e9567; border-width:3px; padding:3px; width:377px; float:left;}
.thumb_img_frame {border-style:solid; border-color: #9e9567; border-width:3px; padding:3px; width:112px; float:left;}


.text {width:500px; float:left;}
.text h2, .text p {margin:0; padding-left:20px;}

/*-- borders --*/
.border_solid {border-style:solid; border-color: #9e9567; border-width:3px; padding:3px;}
.border_dotted {border-style: dotted; border-color:#9e9567; border-width:1px; padding:5px;}
.border_dotted_top {border-top: dotted #9e9567 1px; padding:10px 0;}
.border_dotted_btm {border-bottom: dotted #9e9567 1px; padding:10px 0;}
.border_dotted_rgt {border-right: dotted #9e9567 1px; padding:10px 0; height:100%;}
.border_dotted_lft {border-left: dotted #9e9567 1px; padding:10px 0; height:100%;}
hr {border:none; border-bottom: dotted #9e9567 1px; padding:10px;}

/*-- frame --*/
body {background:url(../img/common/bg.gif) repeat-x 0 0 #000; margin:0; padding:0;}

.clear {clear:both;}
.left {float:left;}
.right {float:right;}

.align-center {text-align:center; margin:auto;}
.align-right {text-align:right;}
.no-margin {margin:0; padding:0;}
.no-border {border:none;}

#frame {width:900px; margin:0 auto 60px auto; padding:0;
}

#container {clear:both;}

/*-- nav --*/
#nav {width:900px; margin:0px; padding:0px;}

/*-- sub menu --*/
#sub_menu {margin:0; padding:0;}
#sub_menu ul {margin:0; padding:0; list-style:none;}
#sub_menu ul li {margin:0; padding:0;}
#subnav_margin {padding-bottom:45px;}

/*-- content --*/
.content {width:900px; padding-top:10px;}

#content500left {
	width: 485px;
	padding-right:15px;
	}

#content300right {
	width: 285px;
	padding-left:15px;
	}
	
#content500right {
	width: 485px;
	padding-left:15px;
	}

#content300left {
	width: 285px;
	padding-right:15px;
	}
	
#content400left {
	width: 385px;
	padding-right:15px;
	}
	
#content400right {
	width: 385px;
	padding-left:15px;
	}
	
.col500x300 {
	float:left;
	background: url(../img/shared/500x300_col.gif) left repeat-y;
}

.col300x500 {
	float:left;
	background: url(../img/shared/300x500_col.gif) left repeat-y;
}

.col400x400 {
	float:left;
	background: url(../img/shared/400x400_col.gif) left repeat-y;
}

.col580x220 {
	float:left;
	background: url(../img/shared/580x220_col.gif) left repeat-y;
}

.column {
	float:left;
}

.row {border-top: 1px solid #555; padding-top:10px; padding-bottom:10px;}

#bio img {float: left;}
#bio h2 {margin-left:110px;}
#bio h3 {margin-left:110px;}
#bio p {margin-left:110px;}



/*-- client list --*/
#client_list {margin:20px 0; padding:0;}
#client_list ul {float: left; margin:0; padding:0; list-style:none;}
#client_list ul li {width:300px; float: left; margin:0; padding:0;}

/*-- press --*/
#press {width:565px; padding-right:15px;}


/*-- awards --*/
#awards {border-top: 1px solid #555; padding-top:10px;}
.awards {padding-top:10px;}
#video {float:right; text-align:right; margin-top:25px;}



/*-- more info --*/
#quick_links {width:800px;}
#quick_links ul {margin:0; padding:0;}
#quick_links ul li {display:inline; vertical-align:top; background:url(../img/shared/quick_links_div.gif) right no-repeat; padding-right:10px;}
#quick_links ul li.last {display:inline; vertical-align:top; background:none; padding:0;}

.quick_links {padding:0; margin:0; padding-bottom:10px;}

/*----- features -----*/
.float_left img {
	float: left;
	margin:0px;
	padding:0px 5px 0px 0px;
}

.float_right img {	
	float: right;
	margin:0px;
	padding: 0px 0px 0px 5px;
}

#item {border-top: 1px solid #555; padding:10px 0px;}
#first_item {padding-bottom:10px;}
#item a {font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase; font-weight:lighter; color:#f58022;}
#first_item a {font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase; font-weight:lighter; color:#f58022;}

/*-- footer --*/
#footer {width:800px;}
#footer ul {margin:0; padding:0; height:30px; border-top: 1px solid #555; border-bottom: 1px solid #555;}
#footer ul li {display:inline; vertical-align:middle;}
#footer ul li a {padding-right: 5px;}
.footer {padding-top:10px;}

/*-- home overview --*/
#overview-list {width:25%;}
#overview-list ul {list-style:none; text-indent:0; margin:0; padding:0; left:0; display:list-item;}
#overview-list ul li {clear:both;}

/*-- home recent news --*/
#blogEntry {width:400px; margin-right:50px;}
#newsletter {width:400px; margin-left:30px;}
#newsletter-signup {padding:20px;}

fieldset {padding-top:0 !important; margin-top:-5px !important;}
.mce_inline_error {background:#000000 !important; margin-top:0 !important; color:#D1CFAB !important;}
#mce-responses {margin-top:-10px !important; color:#D1CFAB !important;}

#mce-FIRSTNAME, #mce-LASTNAME, #mce-EMAIL {
	display:block;
	border: solid thin #5a584c;
	background:#4f4b34 !important;
	color:#D1CFAB;
	height:25px;
	width:340px;
	margin-left:-20px;
	padding:0;
}

.subscribe {width: 95px; height:30px; background:url(/img/buttons/subscribe.gif) no-repeat 0 0; border:none;}
.subscribe:hover { width: 95px; background-position: 0px -30px;}

.contactsubmit {width:74px; height:30px; background:url(/img/buttons/submit.gif) no-repeat 0 0; border:none; margin-bottom:10px;}
.contactsubmit:hover { width: 74px; background-position: 0px -30px;}


/*-- home loveletters --*/
#loveletter-columns {width:285px; margin:0; padding-right:15px;}

/*-- PORTFOLIO --*/
;
/*-- gallery --*/
.gallery_thumb {margin:0 30px 30px 0 !important;}
.last_row {margin-bottom:0;}
#gallery-description {width:340px; margin:0; padding:20px; height:auto;}
#gallery-img {margin:0; padding:20px;}

.gallery_rollover a {
	display: block;
	height: 110px;
	text-indent: -9009px;
	border-style: dotted; border-color:#9e9567; border-width:1px;
}
#dimarzio {background:#000 url(/img/portfolio/thumbs/dimarzio_thumb.jpg) no-repeat 0 0; width:110px; background-position: 0px 0px;}
#dimarzio:hover {background-position: 0px -110px;}
#chrismukkah {background:#000 url(/img/portfolio/thumbs/chrismukkah_thumb.jpg) no-repeat 0 0; width:110px; background-position: 0px 0px;}
#chrismukkah:hover {background-position: 0px -110px;}
#bozocoop {background:#000 url(/img/portfolio/thumbs/bozocoop_thumb.jpg) no-repeat 0 0; width:110px; background-position: 0px 0px;}
#bozocoop:hover {background-position: 0px -110px;}
#jrodart {background:#000 url(/img/portfolio/thumbs/jrod_thumb.jpg) no-repeat 0 0; width:110px; background-position: 0px 0px;}
#jrodart:hover {background-position: 0px -110px;}
#he {background:#000 url(/img/portfolio/thumbs/he_thumb.jpg) no-repeat 0 0; width:110px; background-position: 0px 0px;}
#he:hover {background-position: 0px -110px;}
#dimarzio-gallery {background:#000 url(/img/portfolio/thumbs/dimarzio_gallery_thumb.jpg) no-repeat 0 0; width:110px; background-position: 0px 0px;}
#dimarzio-gallery:hover {background-position: 0px -110px;}
#br {background:#000 url(/img/portfolio/thumbs/br_thumb.jpg) no-repeat 0 0; width:110px; background-position: 0px 0px;}
#br:hover {background-position: 0px -110px;}
#yt {background:#000 url(/img/portfolio/thumbs/yt_thumb.jpg) no-repeat 0 0; width:110px; background-position: 0px 0px;}
#yt:hover {background-position: 0px -110px;}
#bloom {background:#000 url(/img/portfolio/thumbs/bloom_thumb.jpg) no-repeat 0 0; width:110px; background-position: 0px 0px;}
#bloom:hover {background-position: 0px -110px;}
#pe {background:#000 url(/img/portfolio/thumbs/pe_thumb.jpg) no-repeat 0 0; width:110px; background-position: 0px 0px;}
#pe:hover {background-position: 0px -110px;}
#ctm {background:#000 url(/img/portfolio/thumbs/ctm_thumb.jpg) no-repeat 0 0; width:110px; background-position: 0px 0px;}
#ctm:hover {background-position: 0px -110px;}
#fvc {background:#000 url(/img/portfolio/thumbs/fvc_thumb.jpg) no-repeat 0 0; width:110px; background-position: 0px 0px;}
#fvc:hover {background-position: 0px -110px;}
#bsia {background:#000 url(/img/portfolio/thumbs/bsia_thumb.jpg) no-repeat 0 0; width:110px; background-position: 0px 0px;}
#bsia:hover {background-position: 0px -110px;}
#mtc {background:#000 url(/img/portfolio/thumbs/mtcolleges_thumb.jpg) no-repeat 0 0; width:110px; background-position: 0px 0px;}
#mtc:hover {background-position: 0px -110px;}
#hansfund {background:#000 url(/img/portfolio/thumbs/hansfund_thumb.jpg) no-repeat 0 0; width:110px; background-position: 0px 0px;}
#hansfund:hover {background-position: 0px -110px;}

/*-- before and after --*/
#before-after {margin-bottom:0;}
#before-after .img_frame {width:400px;}
.jcarousel ul li {width:900px;}
#before-after h2 {font-size:12px; margin:0; padding:0;}
#before-after h1 {font-size:30px; margin-top:15px;}

/*---- about ----*/
#team-list {width:30%; margin:0; padding: 0 29px 0 0;}
#loveletter-rows {margin:0; padding:0;}
.bio {padding:20px;}
#bio img {float:left; margin:0; padding:0;}
#bio-img {width:225px; height:330px; float:left; margin-right:20px;}
#b2b {float:right; margin:-95px -15px 0 0;}

/*---- clients ----*/
#new-clients-columns {width:285px; margin:0; padding:0 15px 0 0;}
#new-clients-columns img {text-align:center;}

/*---- blog ----*/
.news_thumb {margin:0 30px 0 0;}
.narrowcolumn {width:660px; float:left;}
.widecolumn {width:660px; float:left;}
#sidebar {width:200px; float:left; margin-left:40px;}
#sidebar ul {padding:0; margin:0px 0 8px 0;}
.entry img {padding:5px; float:left; margin-right:15px;}
.blogtitle {margin-top:125px;}


/*-- contact --*/
#contact {width:400px; margin-right:50px;}
#contact-form {width:400px; margin:20px 0 10px 30px;}
#contact-signup {padding:20px;}

#contact-signup label {display:block; margin:0;}
fieldset {padding-top:0 !important; margin-top:-5px !important;}
.mce_inline_error {background:#000000 !important; margin-top:0 !important; color:#D1CFAB !important;}
#mce-responses {margin-top:-10px !important; color:#D1CFAB !important;}

#name_email {margin-right:15px;}
#mce-FIRSTNAME.cinput, #mce-LASTNAME.cinput, #mce-EMAIL.cinput, #phoneField, #websiteField, #commentField {
	display:block;
	border: solid thin #5a584c;
	background:#4f4b34 !important;
	color:#D1CFAB;
	height:25px;
	width:165px;
	padding:0;
	margin:0 0 5px 0;
}
#websiteField {width:348px; height:25px;}
#commentField {width:348px; height:70px;}
input.checkbox {
	width: auto;
	float:left;
	display:inline;
	margin:3px 10px 0px 5px;
	padding:0px 0px 0px 5px;
	border:none;
	background:none;
	}
.note {font-size:12px;}
.subscribe {width: 95px; height:30px; background:url(/img/buttons/subscribe.gif) no-repeat 0 0; border:none;}
.subscribe:hover { width: 95px; background-position: 0px -30px;}

.contactcontinue{width: 95px; height:30px; background:url(/img/buttons/continue.gif) no-repeat 0 0; border:none;}
.contactcontinue:hover { width: 95px; background-position: 0px -30px;}

/*-- Home Content Slider (added 9/6/11 by Casey Heuscher) --*/
#home-slider {height:450px; width:900px;}
.slide {position:absolute; top:0; left:0;}
.slide img {float:left; height:350px; width:400px;}
.slide h2 {color:#D7D4B6; font-family:'Rokkitt', arial, sans-serif; font-size:58px; font-weight:normal; letter-spacing:1px; line-height:.8em; margin-top:25px; text-transform:uppercase;}
.sliderContent {height:350px; width:480px; margin-left:20px; float:left;}
p.sliderSummary {color:#9D9568; font-family:Georgia, "Times New Roman", Times, serif; font-size:21px; font-weight:normal; letter-spacing:1px; line-height:1.2em; margin-bottom:15px;}
p.theWorkTitle {color:#9D9568; font-family:'Molengo', arial, sans-serif; font-size:12px; letter-spacing:2px; text-transform:uppercase; margin:0;}
p.theWork {color:#D7D4B6 !important; font-family:'Molengo', arial, sans-serif; font-size:14px; letter-spacing:2px; line-height:1.7em; margin-top:5px; text-transform:uppercase;}
p.theWork span {text-transform:none;}
p.recentWork {color:#D7D4B6 !important; display:block; font-family:'Molengo', arial, sans-serif; font-size:17px; letter-spacing:2px; margin:0 auto; text-transform:uppercase; width:132px; margin-top:60px;}
#pager {height:8px; width:65px; margin:20px auto; padding-left:5px;}
#pager a {background:url(../img/home/pager.jpg) no-repeat; background-position:0 0; display:block; float:left; height:8px; margin-right:5px; text-indent:-9009px; width:8px;}
#pager a.activeSlide {background-position:0 -8px;}

#footer {width:1100px; margin-left:-100px; padding-top:10px;}
#footer p {display:block; float:left;}
#footer a {display:block; float:right;}

#home-slider #logo {position:relative; height:350px; width:900px;}
#home-slider #logo #fflogo {position:absolute; top:0; left:0; z-index:1;}
#home-slider #logo #ffbb {position:absolute; top:0; right:0; z-index:2;}
/*-- eof Home Content Slider --*/