a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, form, h1, h2, h3, h4, h5, h6, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var{background: transparent;border: 0 none;font-size: 100%;margin: 0;padding: 0;vertical-align: baseline; }




* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 62.5%;
}

p, li {
	font: 1.3em/1.8em Tahoma, sans-serif;

}

h1 {
	font: 2.0em Tahoma, sans-serif;
	color: #DDD;
	height: 0px;
}

h2 {
	font: 1.8em Tahoma, sans-serif;
	color: #999;
	margin-bottom: 10px;
}

:link, :visited, :focus{
	text-decoration: none;
	outline: none;
	}


ul, ol {
	list-style: none;
	}

a img, :link img, :visited img {
	border: none;
  	outline: none;
}

address {
	font-style: normal;
	}
.clear { clear: both; }
	
/* browser default style reset finish */
	
	
/* document styling begin */

body {
	background-color: black;
}
	
#page-wrap {
	background: black;
	width: 778px;
	margin: auto;
	
	}
	
#header {
	text-align: center;
	}
	

#header a {
	display: block;
	width:515px;
	height:119px;
	background:url(images/topitz_logo_sprite.jpg) no-repeat top left;
	margin: 0 auto 30px auto;
	color: #BFBFBF;
	font-size: 15px;
	font-family: Helvetica, ÒHelvetica NeueÓ, Arial, sans-serif;
	line-height: 240px;
}

#header a:hover {	
	background-position:bottom;
	
}
#main_image_area {
	text-align: center;
	margin-top: 15px;
	}
	
	
	.info div {
    color: #999999!important;
    font-size: 95%;
    line-height: 135%;
}
	
a {
	text-decoration:none;
	}
	
	
/* content styling begin */	
#content {
	float: left;
	margin-top: 65px;
	width: 526px;
	margin-right: 20px;
	padding-bottom: 90px;
	}
	
#content p {
	padding-bottom: 10px;
	}	
	
#content a {
	color: #DDD;
	font-weight:bold;
	}
	
#content a:hover {
	color: #EEE;
	text-decoration: underline;
}

#content h2 {
	font: 1.5em Tahoma, sans-serif;
	color: #F7941D;
	padding-top: 20px;
}

#content strong {
	color: #F7941D;
	font-weight: normal;
}
	
#page-wrap #content h1 {
	margin-bottom: 50px;
	color: #F7941D;
}

#page-wrap #content p {
	color: #CCCCCC;
	margin-bottom: 10px;
	
}
/* content styling finish */


/* nav styles begin */
#nav {
	margin-top: 65px;
	width: 230px;
	float: right;
	background-color: #222222;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
}

#nav ul {
	width: 195px;
	margin-left: 12px;
	padding: 20px 0 20px 0;
}

#nav ul li {
	border-bottom: solid 1px #323232;
}
#nav ul li:last-child {
	border-bottom: none;
}

#nav ul li a {
	display: block;
	color: #999999;
	font-weight: bold;
	padding: 6px 0 6px 35px;
	background: url("images/nav_static_marker.jpg") no-repeat scroll 0px 6px;
}

#nav ul li a:hover {
	color: #ffffff;
}

#nav ul.social {
	margin: 10px 0 0 33px;
     	padding: 0;
}
#nav ul.social li{
	border: none;
	list-style: none;
     	margin: 0;
     	padding: 0;
}
#nav ul.social li a {
	display: block;
     	height: 20px;
     	width: 8px;
     	text-indent: -999999px;
     	float: left;
     	margin: 0 10px 20px 0;
     	outline: none;
     	cursor: pointer;
     	background-image: none;
     	-webkit-border-radius: 6px;
     	-moz-border-radius: 6px;
     	border-radius: 6px;
     	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
     	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
     	box-shadow: 0 1px 2px rgba(0,0,0,.2)

}

#nav ul.social li a.facebook {
     background: #3B5998 url(images/social_icons.png) no-repeat -50px -2px;
     border: solid 2px #5F5F5F;
}
#nav ul.social li a.facebook:hover {
     background-color: #4770BF;
}
#nav ul.social li a.twitter {
     background: #4ED3FF url(images/social_icons.png) no-repeat -2px -3px;
     border: solid 2px #5F5F5F;
}
#nav ul.social li a.twitter:hover {
     background-color: #6FDDFF;
}
#nav ul.social li a.linkedin {
     background: #007fb1 url(images/social_icons.png) no-repeat -98px -2px;
     border: solid 2px #5F5F5F;
}
#nav ul.social li a.linkedin:hover {
     background-color: #0094CF;
}
#nav ul.social li.last {
     margin-right: 0; 
}
/* misc. items begin */

#jodiimage {
	float: right;
	margin-top: 80px;
	border-bottom-style: solid;
	border-width: 2px;
	border-color: #666;
}

#press {
	margin-top: 50px;
	margin-bottom: 100px;
	border: solid;
	border-color: #333;
	border-width: 0.1em;
	background-color: #232323;
}

#press img {
	margin-left: 28px;
	border-style: solid;
	border-color: #999;
	border-width: 1px;
	margin-top: 9px;
	margin-bottom: 9px;
}

#press img:hover {
	border-color: #EEE;
}

#press p{
	font: 1.1em Tahoma, sans-serif;
	color: #666;
	padding-top: 10px;
	text-align: center;
}

#press h3{
	font: 1.6em Tahoma, sans-serif;
	font-weight: bold;
	color: #CCC;
	padding-bottom: 10px;
	padding-top: 5px;
	text-align: center;
}

#press_audio {
	display:block;
	width:500px;
	height:500px;
	background:url(images/press_audio.jpg) no-repeat top left;	

}

#audio_player {

	padding-top: 260px;
	padding-left: 105px;

}

a#thumb_hidden {
	display: none;
}

a#video_1 {
	display:block;
	width:100px;
	height:130px;
	background:url(../images/hq-video-link.jpg) no-repeat top left;
	margin-right: 14px;
	margin-top:0px;
	margin-bottom:0px;
	float:left
	}
	
a#video_1:hover {
	background:url(../images/hq-video-link.jpg) no-repeat bottom left;
	border:none;
	}

a#video_1 span {
	margin-left:-9999px;
	}
	
a#video_2 {
	display:block;
	width:100px;
	height:130px;
	background:url(../images/wor-audio-link.jpg) no-repeat top left;
	margin-right: 14px;
	margin-top:6px;
	margin-bottom:0px;
	float:left
	}
	
a#video_2:hover {
	background:url(../images/wor-audio-link.jpg) no-repeat bottom left;
	border:none;
	}
	
a#video_2 span {
	margin-left:-9999px;
	}
	
#roomStyling_list {
	padding-top: 20px;
	padding-left: 40px;
}

#roomStyling_list ul {
	color: #CCCCCC;	
}

#roomStyling_list ul li {
	list-style:inside;
	padding-bottom: 10px;
	
}


#photoStyling_list {
	padding-top: 20px;
	padding-left: 40px;
	padding-bottom: 35px;
}

#photoStyling_list ul {
	color: #CCCCCC;	
}

#photoStyling_list ul li {
	list-style:inside;
	padding-bottom: 10px;
	
}


.media_thumb {
    display: block;
    float: left;
    height: 130px;
    margin-bottom: 0;
    margin-right: 14px;
    margin-top: 6px;
    width: 100px;
		font-size: 12px;
	color: #CCCCCC;
}







#bus_aff span {
	
	font: 1.0em Tahoma, sans-serif;
	color: #F7941D;
	font-weight:bold;
}
/* misc. items finish */
	
	
/* current nav item selected begin */
#home #nav ul li a.home{color: white;}
#about #nav ul li a.about{color: white;}
#commissioned_works #nav ul li a.commissioned_works{color: white;}
#contact #nav ul li a.contact{color: white;}
#faux_finishing #nav ul li a.faux_finishing{color: white;}
#kids_murals #nav ul li a.kids_murals{color: white;}
#mosaic_art #nav ul li a.mosaic_art{color: white;}
#murals #nav ul li a.murals{color: white;}
#photo_styling #nav ul li a.photo_styling{color: white;}
#room_styling #nav ul li a.room_styling{color: white;}
#downsizing #nav ul li a.downsizing{color: white;}
#services #nav ul li a.services{color: white;}
/* current nav item selected finish */