/* browser default style reset begin */

* {
	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 {
	text-decoration: none;
	}
ul, ol {
	list-style: none;
	}

a img, :link img, :visited img {
	border: none;
	}
address {
	font-style: normal;
	}
	
/* browser default style reset finish */
	
	
/* document styling begin */

body {
	background-color: black;
}
	
#page-wrap {
	background: black;
	width: 778px;
	margin: auto;
	
	}
	
#header {
	background: black;
	text-align: center;
	}
	
#main_image_area {
	text-align: center;
	margin-top: 15px;
	}
	
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 {
	margin-top: 65px;
	width: 218px;
	float: right;
	background-color: #222222;
	
}

#nav ul li {
	color: #999999;
	font-size: 1.0em;
	font-weight: 700;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	padding-bottom: 1px;
	padding-top: 8px;
	width: 195px;
	margin-left: 12px;
	}

#nav ul li a {
	color: #999999;
	text-decoration: none;
	font-size: 1.2em;
	font-weight: 700;
	margin-right: 20px;
	}
	
#nav ul li a:hover {
	color: #CCCCCC;
	background-color: #333333;
	}
	
#nav img {
	padding-right: 15px;
	}

/* 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;
	
}

#bus_aff span {
	
	font: 1.0em Tahoma, sans-serif;
	color: #F7941D;
	font-weight:bold;
}

#logo {
	
	width:515px;
	height:119px;
	background:url(images/topitz_logo_sprite.jpg) no-repeat top left;
	background-position:top;
	margin-bottom: 45px;
	margin-left: auto;
	margin-right:auto;
}

#logo:hover {
	
	width:515px;
	height:119px;
	background:url(images/topitz_logo_sprite.jpg) no-repeat top left;
	background-position:bottom;
	margin-bottom: 45px;
	
}




/* misc. items finish */

#footer {
	text-align: center;
	padding-top: 550px;
	padding-bottom: 35px;
	}
	
#webmail a {
	color: black;
	
}

#webmail a:hover {
	color: white;
	
}


	
	
/* 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;}
#services #nav ul li a.services{color: white;}
/* current nav item selected finish */


#contact_form{
	margin-top: -55px;
}