html {background:#000 url(http://www.justincosgrove.com/img/bg-main-area.jpg);}
body {
	margin:0;
	font:18px "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#c1c1c1;
	background:url(http://www.justincosgrove.com/img/bg-header-footer.jpg) repeat-x;
	min-width:1002px;
}

#inner{
background:url(http://www.justincosgrove.com/img/innerHeaderBg.jpg) repeat-x;
}
a {
	text-decoration:none;
	color:#0ff;
}
a:hover {text-decoration:underline;}
a:focus {outline:none;}
img {border:none;}
input,
select,
textarea {
	font:14px/14px Arial, Helvetica, sans-serif;
	vertical-align:middle;
}
form,
fieldset {
	margin:0;
	padding:0;
	border:none;
}
#leftCol strong, #leftCol em{
color: #fff;
}
#wrapper {
	width:100%;
	overflow:hidden;
	position:relative;
}
.w1 {
	float:left;
	position:relative;
	width:1020px;
	left:50%;
}
.w2 {
	float:left;
	position:relative;
	width:1020px;
	left:-50%;
}
.visual {
	width:100%;
	position:relative;
	z-index:2;
	margin:196px 0 0;
	background:url(http://www.justincosgrove.com/img/bg-main-shadow.png) repeat-y;
}
.visual .holder {
	width:981px;
	margin:0 auto;
	background:url(http://www.justincosgrove.com/img/bg-visual.jpg) no-repeat;
}
.visual .holder:after {
	clear:both;
	content:"";
	display:block;
}
.top-shadow {
	background:url(http://www.justincosgrove.com/img/bg-top-shadow.png) no-repeat;
	position:absolute;
	float:left;
	width:100%;
	height:94px;
	top:130px;
	left:0;
	z-index:4;
}
#header {
	width:100%;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	background:url(http://www.justincosgrove.com/img/bg-block.png) no-repeat 50% 0;
	z-index:5;
}
.logo {
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	background:url(http://www.justincosgrove.com/img/bg-logo.png) no-repeat;
}
.logo a {
	display:block;
	width:255px;
	height:220px;
}
.info {
	float:left;
	width:457px;
	padding:20px 35px 0 20px;
}
.info h2{
width: 374px;
height: 61px;
text-indent: -999em;
margin: 0 0 15px -27px;
background:url(http://www.justincosgrove.com/img/title.png) no-repeat;
}
.info p {
	margin:0;
	padding:0 0 10px;
        font-size: 17px;
	text-align:justify;
}
.info .more {
	position:relative;
	width:167px;
	height:47px;
	text-indent:-9999px;
	overflow:hidden;
	float:right;
	background:url(http://www.justincosgrove.com/img/text-read-more.png) no-repeat;
	margin:-25px -35px 0 0;
}
.gallery {
	float:right;
	width:449px;
	height:299px;
	position:relative;
	background:url(http://www.justincosgrove.com/img/bg-gallery-shadow.png) repeat-y;
	padding:0 0 0 20px;
}
#galleryPhotos p{
display: block;
width: 449px;
height: 299px;
margin-top: 0px;
overflow: hidden;
}

.gallery .view-more {
	width:262px;
	height:48px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(http://www.justincosgrove.com/img/text-view-more-photos.png) no-repeat;
	float:right;
	position:absolute;
	right:-15px;
	bottom:-25px;
	z-index:50;
}
.main-area {
	width:100%;
	background:url(http://www.justincosgrove.com/img/bg-main-shadow.png) repeat-y;
	position:relative;
	z-index:1;
}
.main-area:after,
#main:after {
	clear:both;
	content:"";
	display:block;
}
#main {
	width:937px;
	margin:0 auto;
	padding:30px 30px 0 13px;
	background:url(http://www.justincosgrove.com/img/bg-main.jpg) repeat-y;
}
#content {
	float:left;
	width:465px;
	padding:32px 0 0;
}
.block {
	background:url(http://www.justincosgrove.com/img/bg-player-area.png) no-repeat;
	padding:32px 0 32px 34px;
	position:relative;
	width:415px;
	height:268px;
	margin:0 0 2px 12px;
}
#inner .block{
margin: 0 auto;
width:450px;
padding:32px 0 32px 0px;
}
.block:after {
	clear:both;
	content:"";
	display:block;
}
.block .audio {
	margin:0;
	background:url(http://www.justincosgrove.com/img/text-audio.png) no-repeat;
	width:106px;
	height:68px;
	position:absolute;
	top:-35px;
	left:-10px;
	text-indent:-9999px;
	overflow:hidden;
}
.box {
	width:420px;
	background:url(http://www.justincosgrove.com/img/bg-list.png) repeat-y;
	position:relative;
	padding:32px 0 10px 15px;
	margin:0 0 10px 30px;
}
.box:after {
	clear:both;
	content:"";
	display:block;
}
.box .list-area {
	width:100%;
	overflow:hidden;
}
.box ul {
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:210px;
}
.box li {
	width:100%;
	overflow:hidden;
	font-size:0;
	line-height:0;
	margin:0 0 7px;
}
.box ul a {
	color:#fff;
	background:url(http://www.justincosgrove.com/img/bul-list.png) no-repeat;
	float:left;
	padding:0 0 0 26px;
	font-size:18px;
	line-height:19px;
}
.box .services {
	margin:0;
	text-indent:-9999px;
	overflow:hidden;
	background:url(http://www.justincosgrove.com/img/text-services.png) no-repeat;
	width:142px;
	height:62px;
	position:absolute;
	left:-20px;
	top:-28px;
}
.aside {
	float:right;
	width:413px;
	padding:42px 0 0;
}
.cell {
	width:100%;
	background:url(http://www.justincosgrove.com/img/bg-cell-b.png) no-repeat 0 100%;
	padding:0 0 130px;
	margin:0 0 40px;
}
.cell .t {
	height:1%;
	background:url(http://www.justincosgrove.com/img/bg-cell.png) no-repeat;
	padding:19px 16px 0 0;
}
.cell .c {
	position:relative;
	float:left;
	margin:0 0 -130px;
}
.cell:after,
.cell .t:after,
.cell .item:after {
	clear:both;
	content:"";
	display:block;
}
.cell .news {
	margin:0;
	text-indent:-9999px;
	overflow:hidden;
	background:url(http://www.justincosgrove.com/img/text-news.png) no-repeat;
	position:absolute;
	top:-64px;
	left:-15px;
	width:96px;
	height:63px;
}
.cell .item {
	width:100%;
	font-size:12px;
	color:#fff;
	margin:0 0 10px;
}
.item .date {
	width:55px;
	height:47px;
	background:url(http://www.justincosgrove.com/img/bg-date.png) no-repeat;
	position:relative;
	margin:0 11px 0 -11px;
	padding:8px 0 0;
	text-align:center;
	float:left;
	display:inline;
}
.item .date strong {
	display:block;
	font-size:23px;
	line-height:23px;
}
.item .date em {
	font-style:normal;
	display:block;
}
.item .description {
	height:1%;
	overflow:hidden;
	text-align:justify;
}
.item .description h4 {
	margin:0;
	font-size:18px;
}
.item .description p {margin:0 0 10px;}
.item .description .more {text-decoration:underline;}
.item .description .more:hover {text-decoration:none;}
.cell .read-all-news {
	background:url(http://www.justincosgrove.com/img/text-read-all-news.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	width:167px;
	height:47px;
	position:absolute;
	bottom:-31px;
	right:-49px;
}
.view-resume{
display: block;
width: 415px;
height: 85px;
text-indent: -999em;
background:url(http://www.justincosgrove.com/img/resume.png);
}
.view-resume:hover{
background-position: 0 -84px;
}
.footer-area {
	width:100%;
	background:url(http://www.justincosgrove.com/img/bg-header-footer.jpg) repeat-x 0 24px;
	overflow:hidden;
	position:relative;
        margin-top: -42px;
	clear:both;
}
.footer-area:after,
.footer-holder:after {
	clear:both;
	content:"";
	display:block;
}
.footer-area .holder {
	width:100%;
	background:url(http://www.justincosgrove.com/img/bg-footer-border.gif) repeat-x 0 24px;
	overflow:hidden;
}
.footer-holder {
	width:1020px;
	position:relative;
	left:50%;
	float:left;
}
.footer-frame {
	width:1020px;
	float:left;
	position:relative;
	left:-50%;
	background:url(http://www.justincosgrove.com/img/bg-footer.jpg) no-repeat 5px 0;
}
#footer {
	height:211px;
	width:590px;
	position:relative;
	float:left;
	margin:0;
	padding:60px 397px 0 33px;
}
.img {
	float:left;
	width:360px;
}
.img img {display:block;}
.navbar {
	list-style:none;
	margin:0;
	padding:25px 0 0;
	float:right;
	width:190px;
}
.navbar li {
	float:left;
	width:90px;
	padding:0 5px 2px 0;
}
.navbar a {color:#767777;}
.navbar .facebook,
.navbar .inlinked {
	width:21px;
	height:21px;
	background:url(http://www.justincosgrove.com/img/ico-socials.gif) no-repeat;
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 3px 0 0;
}
.navbar .inlinked {background-position:0 -42px;}
.navbar .facebook:hover {background-position:0 -21px;}
.navbar .inlinked:hover {background-position:0 -63px;}
.copyright {
	width:425px;
	overflow:hidden;
	clear:both;
	text-align:center;
	font-size:12px;
	color:#717171;
}
.copyright p {margin:0;}
.copyright .mark {
	width:100%;
	position:relative;
	overflow:hidden;
}
.copyright .mark-holder {
	float:left;
	position:relative;
	left:50%;
}
.copyright .mark-frame {
	float:left;
	position:relative;
	left:-50%;
}
.copyright .mark span {
	float:left;
	padding:0 3px 0 0;
}
.copyright .mark .s {
	margin:3px 0 0;
	float:left;
	width:12px;
	height:12px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(http://www.justincosgrove.com/img/ico-s.gif) no-repeat;
}
.copyright .mark .s:hover {background-position:0 -12px;}
#nav {
	list-style:none;
	margin:0;
	padding:45px 0 0 14px;
	float:left;
}
#nav li {
	float:left;
	padding:0 13px 0 0;
}
#nav a {
	display:block;
	height:74px;
	width:74px;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
}
#nav span {
	display:block;
	z-index:3;
	position:relative;
	height:74px;
	width:100%;
	cursor:pointer;
	top:0;
	left:0;
	background:url(http://www.justincosgrove.com/img/bg-nav.png) no-repeat;
}
#nav .Home span {background-position:0 15px;}
#nav .Services span {background-position:-98px 15px;}
#nav .Media span {background-position:-252px 15px;}
#nav .Blog span {background-position:-363px 15px;}
#nav .Contact span {background-position:-472px 15px;}
#nav .Home {width:98px;}
#nav .Services {width:154px;}
#nav .Media {width:111px;}
#nav .Blog {width:110px;}
#nav .Contact {width:148px;}
#nav a em {
	position:absolute;
	top:0;
	left:50%;
	margin:0 0 0 -42px;
	z-index:2;
	width:85px;
	height:74px;
	display:none;
	background:url(http://www.justincosgrove.com/img/bg-nav-hover.png) no-repeat;
}
#nav a:hover em {display:block;}
#nav .active em {
	display:block !important;
	opacity:1 !important;
}
.soc {
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
	top:8px;
	right:21px;
	background:url(http://www.justincosgrove.com/img/bg-socials-box.png) no-repeat;
	width:70px;
	height:30px;
	z-index:6;
	padding:4px 0 0 12px;
}
.soc li {
	float:left;
	width:28px;
	height:26px;
	text-indent:-9999px;
	overflow:hidden;
	padding:0 2px 0 0;
}
.soc a {
	background:url(http://www.justincosgrove.com/img/ico-soc.gif) no-repeat;
	display:block;
	height:100%;
}
.soc .inlinked {background-position:0 -27px;}
.soc .facebook:hover {background-position:0 -52px;}
.soc .inlinked:hover {background-position:0 -78px;}


/* ----- INTERIOR STYLES -------- */

#inner .visual{
height: 119px;
}

#inner .visual img{
margin-left: 20px;
}

#inner #main h2{
display: inline;
float: left;
color: #01c8c8;
font-size: 54px !important;
line-height: 0;
margin: 0 0 25px -14px;
text-transform: uppercase;
padding: 5px 10px 0;
background: url(http://www.justincosgrove.com/img/transBlack.png);
}

#leftCol{
clear: both;
width: 598px;
float: left;
padding: 20px;
font-size: 14px;
line-height: 1.6;
margin-bottom: 15px;
background: url(http://www.justincosgrove.com/img/transBlack.png);
}
#leftCol h3{
color: #fff;
margin: 0px;
padding: 0px;
font-weight: normal;
line-height: 1;
font-size: 22px;
}
#leftCol h3 a{
color: #fff;
}
#leftCol h3.custom{
text-transform: uppercase;
color: #01c8c8;
}
#leftCol h4{
color: #01c8c8;
margin: 3px 0 0 0;
padding: 0px;
font-weight: normal;
line-height: 1;
font-size: 15px;
}
.newslist p{
margin-bottom: 25px;
}
#rightCol{
float: right;
width: 269px;
font-size: 12px;
margin: -65px -10px 0 0;
}
#rightCol h5{
display: inline;
float: right;
color: #01c8c8;
font-size: 31px !important;
text-transform: uppercase;
margin: 0 -20px 25px 0;
padding: 0 40px 3px 10px;
background: url(http://www.justincosgrove.com/img/transBlack.png);
}
#rightCol h6{
display: inline;
float: right;
color: #01c8c8;
font-size: 31px;
text-transform: uppercase;
padding: 0 20px 0 0;
}
#newsBox{
clear: both;
padding: 14px;
margin-bottom: 40px;
background: url(http://www.justincosgrove.com/img/transBlack.png);
}
#newsBox li{
list-style: none;
margin: 0 0 15px 0;
padding: 0;
}
#newsBox li:last-child{
margin-bottom: 0px;
}
#newsBox li em{
color: #01c8c8;
display: block;
font-style: normal;
}
#newsBox li a{
color: #c1c1c1;
}
#innerResume{
display: block;
width: 248px;
height: 188px;
text-indent: -999em;
background: url(http://www.justincosgrove.com/img/innerResume.png);
}
.clear{
display: block;
clear:both;
}
#serviceList{
padding: 0px;
margin-top: -20px;
list-style: none;
margin-left: -9px;
}
.serviceBox{
width: 297px;
height: 62px;
float: left;
margin: 0 0px 18px 18px;
text-align: center;
color: #fff;
font-size: 29px;
text-transform: uppercase;
background: url(http://www.justincosgrove.com/img/serviceBg.jpg) no-repeat;
}
.serviceBox img{
vertical-align: middle;
}
.mixing{padding: 22px 0 0 0;}
.recording{padding: 15px 0 7px 0;}
.editing{padding: 19px 0 3px 0;}
.sound{padding: 22px 0 0px 0;}
.voice{padding: 18px 0 4px 0;}
.composing{padding: 14px 0 8px 0;}

.serviceInfo{
padding: 15px;
width: 898px;
margin: 0 0 0 8px;
font-size: 14px;
color: #fff;
line-height: 1.5;
clear: both;
background: url(http://www.justincosgrove.com/img/transBlack.png);
}
#inner .view-resume{
margin: 25px auto 0 auto;
}

.imgRight{
float: right;
margin: 0 0 15px 15px;
}
.imgLeft{
float: left;
margin: 0 15px 15px 0;
}

#footerSmooth{
clear: both;
height: 54px;
width: 981px;
position: relative;
top: -23px;
z-index: 1;
margin: 0 auto;
background: url(http://www.justincosgrove.com/img/footerSmooth.png);
}

/* ======== CONTACT FORM ========== */

#EmailForm{margin-top: 40px;}

#EmailForm input[type="text"] {
margin: 0 10px 0 0;
border: 1px solid #666;
background: #000;
padding: 5px;
color: #fff;
}
#EmailForm textarea{
margin: 20px 0 10px 16px;
border: 1px solid #666;
background: #000;
padding: 5px;
color: #fff;
width: 484px;
overflow: auto;
}
#EmailForm .button{
float: right;
margin-right: 24px;
width: 129px;
height: 81px;
border: 0px;
cursor: pointer;
text-indent: -999em;
background: url(http://www.justincosgrove.com/img/submit.png);
}
.errors{margin-bottom: 20px;background: #000; padding: 20px;}
.errors strong{color: #01c8c8;}

/* -------- COMMENTS ---------------- */

.jot-err {border: 1px solid red;font-weight: bold;color: red;padding: 5px;margin-bottom: 10px;}
.jot-cfm {
border: 1px solid #df9c1c;
font-weight: bold;
color: #df9c1c;
padding: 5px;
margin-bottom: 10px;
}

.jot-row {

}

.jot-row-alt {

}
.jot-row-me {background-color: #FFDDDD;}
.jot-row-up {border: 1px dotted red;}
.jot-row-new {border: 1px dotted green;}

.jot-comment {

}

.jot-posticon {
float: right;
width: 45px;
height: 39px;


}
.jot-posticon img {border: 0px;}
.jot-mod {float: right;width: 100px;text-align: right;color: #666666;font-weight: bold;}
.jot-mod img {border: 0px;}
.jot-mod a {float: right;padding: 1px;padding-left: 2px;padding-right: 2px;}
.jot-mod a:hover {background-color: #666666;color: #666666;}
.jot-poster {padding: 0px;text-align: left;font-size: 10px;}
.jot-nav {padding: 0px;text-align: center;margin: 10px;}
.jot-list ul {padding: 0px;text-align: left;margin-bottom: 10px;list-style-position: inside;}
.jot-subscribe {margin-bottom: 10px;}
.jot-form {margin-bottom: 10px;}
.jot-form fieldset {border: 0px;}
.jot-form label {display: block;}

.jot-user {
width: 105px;
float:left;
color: #00fff3;
font-weight: bold;
font-size: .8em;
padding-top: 20px;
margin-bottom: 10px;
}
.jot-post-number{
display:block;
color: #ccc;
font-weight: normal;
}
.jot-date{
font-weight: normal;
}
.jot-arrow{
width: 27px;
height: 26px;
float:left;
position:relative;
z-index: 5;
margin-left: -27px;
margin-top: 40px;
background: url(http://www.justincosgrove.com/img/commentsArrow.png) no-repeat;
}
.jot-row-author .jot-arrow{
background: url(http://www.justincosgrove.com/img/authorArrow.png) no-repeat;
}
.jot-message {
width: 463px;
float:left;
padding: 15px;
border-radius: 5px;
position: relative;
background: #000;
border: 1px solid #666;
margin: 0 0 25px -2px;
overflow: auto;
}
.jot-row-author .jot-message {
background: #013a41;
color: #fff;
border: 1px solid #3eb4c2;
}
.jot-row-me{
background: transparent;
}
.jot-subject {
color: #00fff3;
font-weight: bold;
display:block;
}
.jot-row-author .jot-subject{
color: #432917;
}
.jot-row-author .jot-user {
background: transparent;
margin-bottom: 10px;
}
.jot-extra {text-align: right;}
.jot-editby {font-size: 10px;color: #666666;font-style: italic;}

.jot-form{
margin-bottom: 30px;
padding-bottom: 20px;
background: 
border-bottom: 1px solid #666;
}

.jot-form input, .jot-form textarea{
display: block;
background: #000;
border: 1px solid #666;
padding: 5px;
width: 250px;
color: #fff;
}

.jot-form input[type="hidden"]{
display:none;
}

.jot-form textarea{
width: 585px;
margin-bottom: 0px;
overflow: auto;
}
.jot-form #submit{
margin-top: -20px;
width: 129px;
height: 81px;
border: 0px;
cursor: pointer;
text-indent: -999em;
background: url(http://www.justincosgrove.com/img/submit.png);
}

.audioTag, .videoTag, .photoTag{
width: 304px;
height: 105px;
text-indent: -999em;
margin: 0 0 0 -48px !important;
background: url(http://www.justincosgrove.com/img/audioTag.png);
}
.videoTag{
background: url(http://www.justincosgrove.com/img/videoTag.png);
}
.photoTag{
background: url(http://www.justincosgrove.com/img/photoTag.png);
}
.phone{
	font-size:8px;
}