/*	Desc: Soul Support Screen Style Sheet
	Author: Bill Kracke
	www.billkracke.com	
*/



/* -----------------
       =GLOBAL
------------------ */
@import url('../scripts/multibox.css');
/*=Typography */
/* Based on 16px || 94% 15px - 87.5% 14px - 81% 13px - 75% 12px - 69% 11px - 62.5% 10px  */
body {
	font-size: 75%;
	color: #222;
	font-family: Arial, Helvetica, sans-serif;
}
/* Monospaced fonts */
tt {
	font-family: Consolas,"Courier New", Courier, monospace;
}
code {
	font-family: Consolas,"Courier New", Courier, monospace;
}
pre {
	font-family: Consolas,"Courier New", Courier, monospace;
}
/*=Headings */
h1 {
	color: #465325;
	font-family: Helvetica;
}
h2 {
	color: #465325;
	font-family: Helvetica;
}
h3 {
	color: #465325;
	font-family: Helvetica;
}
h4 {
	color: #465325;
	font-family: Helvetica;
}
h5 {
	color: #465325;
	font-family: Helvetica;
}
h6 {
	color: #465325;
	font-family: Helvetica;
}
/*=Links *
a:visited {
	text-decoration: underline;
}
:link {
	text-decoration: underline;
}
a:visited:focus {
	color: #0f0;
}
:link:focus {
	color: #0f0;
}
:link {
	color: #00f;
}
:visited {
	color: #90f;
}
:visited:hover {
	color: #f00;
}
:link:hover {
	color: #f00;
}
*/
/* ------------------------
         STRUCTURE
------------------------ */
/*   =WRAPPER   */
#wrapper {
	background: #fff url('../cssimg/wrapperbg.jpg') repeat-y top;
	margin: 0 auto;
	width: 990px;
	position:relative;
	border-top:.1px solid transparent;  /*fixes FF top margin bug */
	padding-bottom:30px;
}
/*   =HEADER   */
#header {
	height: 178px;
	margin: 15px 0 15px 30px;
	width:513px;
	border:1px solid #aaa;
	background: url(../cssimg/headerbg.jpg) repeat-x;
	float:left;
	}

#logo {
	float:right;
	height:178px;
	margin: 0 10px 0 0;
	width:300px;
	}

	

#artwork {
	background:black;
	border: 1px solid #aaa;
	float:right;
	height:178px;
	margin: 15px 30px 15px 0;
	width:398px;
	text-indent: -99999px;
}

#headshot {
	float:left;
	height:178px;
	margin: 0 0 0 10px;
	width:165px;
	background: url('../img/headshot-trans.png') no-repeat center bottom;

}


#tagline {
	background: url(../img/tagline-trans.png) no-repeat center bottom;
	text-indent: -99999px;
	height:35px;
	margin:0;
	position: absolute;
	top: 174px;
	left: 40px;width: 600px;}
/*   =NAVIGATION   */
#primarynav {
	background: url('../cssimg/navbg.png') repeat-x bottom;
	border: 1px solid #444;
	height: 30px;
	width: 928px;
	margin: 0 auto 15px;
	clear:both;
}
#primarynavland {
	background: none;
	height: 0px;
	clear:both;
}
#primarynav > ul {
	margin: 0;
	padding: 0;
	height: 30px;
}
#primarynav > ul li {
	float: left;
	padding: 6px 15px;
	border-right: 1px solid #444;
	list-style: none;
	font-size: 16px;
	line-height: 18px;	text-align:center;

}
#primarynav ul li a {
	color: #fff;
	text-decoration: none;
	}
#primarynav ul li:hover {
	background: #465325;
	color: yellow;
}



/********************
     =CONTENT
********************/
#contentwrapper {
	position:relative;
	width:930px;
	margin: 0 auto;
	border: 1px solid #444;
	background: #fff;
}
#secondarynav {
	left:0;
	margin:0;
	overflow:hidden;
	padding: 10px;
	position:absolute;
	top:0;
	width: 158px;
		background: #fff;
	}

ul.navlinks {
	margin:0;
	padding:0;
}
.navlinks > li{
	list-style:none;
	width:auto;}

ul.navlink li ul li{
	list-style:square;
}

.navlinks a {
	text-decoration:none;
	color: #647141;
}

.navlinks a:hover {
	color: #465325;
	font-weight:bold;
}

#content {
	border-left: 1px solid #444;
	margin:0;
	margin-left:180px;
	padding: 15px 30px;
	width:688px;
		background: #fff;
}

/*
.button  {
	background: url('../cssimg/buttonbg.jpg') repeat-x bottom;
	float:left;
	font-weight:bold;
	font-family:"Times New Roman", Times, serif;
	font-variant:small-caps;
	margin:10px;padding:10px;
	width:125px;
	position:relative;
	}


.button:hover {
	background: #465325;
	color:white;
	background-image:none;
}
*/

a.plainlink:link ,
a.plainlink:active ,
a.plainlink:visited {
    text-decoration: none;
}

.button {
    margin: 1em 0;
}
 .butcaption ,
.butcaption a {
    font-weight:bold;
    font-size: 12px;
    text-align:center;
    color: black;
}
.button-left, .button-right, .button-center { 
    height: 45px; 
    padding: 0; 
    margin: 0;
}

.button-left {
    padding-left: 10px;
    background: transparent url('../cssimg/ssupbutton_01.gif') top left no-repeat;
}

.button-right {
    padding-right: 10px;
    background: transparent url('../cssimg/ssupbutton_03.gif') top right no-repeat;
}

.button-center a {
    color: white;
}
.button-center {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 20px;
    color: white;
    background: transparent url('../cssimg/ssupbutton_02.gif') top right repeat-x;
    line-height: 45px;
    text-align: center;

}
/*   =FOOTER   */
#footer {
	text-align: center;
	display: block;
	color: #ddd;
}
/*      =UTILITY        */
.center {
margin: 0 auto;
text-align:center;
}


.left {
	float:left;
	margin: 5px 10px 5px 0;
}

.right {
	float:right;
	margin: 5px 0 5px 10px;
}

.activepage {
    font-weight: bold;
}