/* CSS Document 

Grace Bawdens Official Website
Common styles CSS
Created 3/10/08  -  Quality Post Solutions Pty. Ltd.

*/

* {
	margin:0; 
	padding:0;
}

html, body {
	height:auto;
}

body {
	padding: 0;
	margin: 0;
	font-family:Verdana, Arial, Helvetica;
	font-size:14px;
	background: #000000;
}

h1 {
	font-family:"Arial Black", Arial, "Bookman Old Style";
	font-size:24px;
	color: #FFFFFF;
}

h2 {
	font-family: Verdana, Arial, Helvetica;
	font-weight:bold;
	font-size:18px;
	padding-top:1em;
	text-align:left;
    color: #FFFFFF;
}

h3, h4 {
	color: #FFFFFF;
}

p {
	padding-top:1em;
	color: #FFFFFF;
}

a img {
    border: none; 
}

a {
	color:#0CF;
}

.rowEven {
	color:#FFFFFF;
	background-color: #333333;
	vertical-align: middle;
}

.rowOdd {
	color:#FFFFFF;
    background-color: #000000;
    vertical-align: middle;
}

#outer {
	width: 950px;
	height: auto;
	min-height: 167px;
	padding: 0;
	background: url(../images/header.jpg) top center no-repeat;
}

/* HEADER */

#header {
	float: left;
	display:inline;
	width: 410px;
	height: 167px;
	margin: 0;
	padding: 0;
}

#header h1 {
	float: left;
	margin: 0;
	padding: 0;
}

#header h1 a {
	display: block;
	width: 400px;
	height: 115px;
	padding: 0;
	margin-top: 25px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
}
	
#header h1 span { 
	display:none;
}

/* MAIN NAVIGATION - Under banner*/
#mainNav {
	float: left;
	padding: 0;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
}

#mainNav img {
	float:left;
}

#mainNav span{
	display: none;
}

#mainNav a{
	display:block;
	height:23px;
	float:left;
}

#mainNav a#home {
	width:44px;
	background: url(../images/nav_home.gif) 0 0 no-repeat;
}

#mainNav a#home:hover{
	background: url(../images/nav_home.gif) 0 -23px no-repeat;
}

#mainNav a#invest{
	width:50px;
	background: url(../images/nav_invest.gif) 0 0 no-repeat;
}

#mainNav a#invest:hover{
	background: url(../images/nav_invest.gif) 0 -23px no-repeat;
}

#mainNav a#bio{
	width:52px;
	background: url(../images/nav_about.gif) 0 0 no-repeat;
}

#mainNav a#bio:hover{
	background: url(../images/nav_about.gif) 0 -23px no-repeat;
}

#mainNav a#vids{
	width:46px;
	background: url(../images/nav_video.gif) 0 0 no-repeat;
}

#mainNav a#vids:hover{
	background: url(../images/nav_video.gif) 0 -23px no-repeat;
}

#mainNav a#tracks{
	width:50px;
	background: url(../images/nav_store.gif) 0 0 no-repeat;
}

#mainNav a#tracks:hover{
	background: url(../images/nav_store.gif) 0 -23px no-repeat;
}

#mainNav a#pics{
	width:64px;
	background: url(../images/nav_gallery.gif) 0 0 no-repeat;
}

#mainNav a#pics:hover{
	background: url(../images/nav_gallery.gif) 0 -23px no-repeat;
}

#mainNav a#news{
	width:49px;
	background: url(../images/nav_media.gif) 0 0 no-repeat;
}

#mainNav a#news:hover{
	background: url(../images/nav_media.gif) 0 -23px no-repeat;
}

#mainNav a#faq{
	width:48px;
	background: url(../images/nav_faq.gif) 0 0 no-repeat;
}

#mainNav a#faq:hover{
	background: url(../images/nav_faq.gif) 0 -23px no-repeat;
}

#mainNav a#thanx{
	width:56px;
	background: url(../images/nav_thanx.gif) 0 0 no-repeat;
}

#mainNav a#thanx:hover{
	background: url(../images/nav_thanx.gif) 0 -23px no-repeat;
}

#mainNav a#contact{
	width:69px;
	background: url(../images/nav_contact.gif) 0 0 no-repeat;
}

#mainNav a#contact:hover{
	background: url(../images/nav_contact.gif) 0 -23px no-repeat;
}

/* CONTAINER */

#container {
	float: left;
	margin:0;
	min-height:500px;
	width:950px;
	background-color:#000000;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
}

#contText {
	float: left;
	padding-left:20px;
	width: 910px;
}

#contImage {
	float: left;
	padding-right: 20px;
}

#contDesc {
}

#video1colhd {
	margin:20px 170px 10px 170px;
	padding:20px;
	float:left;
	width:580px;
	border:thick #6A1C88 groove;
}

#video1col {
	margin:20px 238px 10px 238px;
	padding:20px;
	float:left;
	width:445px;
	border:thick #6A1C88 groove;
}

#video2Acol {
	padding:20px 26px 10px 6px;
	float:left;
	height:410px;
}

#video2Bcol {
	padding:20px 6px 10px 26px;
	float:left;
	clear: none;
	height:410px;
}

#video2col_hdg {
	padding:20px 192px 0px 192px;
	width:575px;
	float:left;
}

#description {
	vertical-align:top;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
}

#eventTbl {
}

#eventTbl tr {
	vertical-align:top; 
}

#eventTbl td{
	border: 2px solid #FFFFFF;
	padding: 5px 10px 5px 10px;
	color:#FFF;
}

/* FOOTER STYLES */
#footer {
	clear: left;
	width: 950px;
	height: auto;
	padding-top:13px;
	padding-bottom:14px;
	text-align: center;
	background: url(../images/footer_black.jpg) top left repeat-x #000000;
}

#footer_fade {
	clear: left;
	width: 950px;
	height: auto;
	padding-top:15px;
	padding-bottom:14px;
	text-align: center;
	background: url(../images/footer.jpg) top left repeat-x #000000;
}

#footer_fade p,
#footer p {
	font-size:9px;
	color:#FFFFFF;
}
