@charset "UTF-8";


/*Common Background elements */

body  {
	background: #666;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
#container {
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	background: url(../images/dropshdw.gif) repeat-y;
	text-align: left; /* this overrides the text-align: center on the body element. */
	width: 750px;   /* width should be the same as the background image */
	padding: 0px 20px 0px 20px;
	/* box model hack */ 
 voice-family: "\"}\"";
	voice-family:inherit;
	width: 710px;
	
	}
	
	

#sidebar1 {
	position: float; 
	float: left;
	width: 151px;
	
	
}

#sidebar1 img {
	vertical-align:bottom;
}	




.mousefloat {
	float: right;
	margin-left: 5px;	
}



#MouseSideBar {
	display:block;
	width:184px;
	
}



/* End Common Positioning Elements */




/* Common Posit Note links here */

#inpostits {
	float: left; /* since this element is floated, a width must be given */
	top: auto;
	width: 151px; /* the background color will be displayed for the length of the content in the column, but no further */
	height: 545px;
	padding: 0; /* padding keeps the content of the div away from the edges */
	position: relative;
	background: url(../images/insidelinks2.jpg) no-repeat;
}
 
#inpostits li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	display: block;
	left: 0px;
}

#inpostits a {
	display: block;
}


#inpostits1 {left: 0; top: 0; width: 151px; height: 98px;}
#inpostits2 {left: 0; top: 99px; width: 151px; height: 67px;}
#inpostits3 {left: 0; top: 166px; width: 151px; height: 101px;}
#inpostits4 {left: 0; top: 266px; width: 151px; height: 80px;}
#inpostits5 {left: 0; top: 347px; width: 151px; height: 85px;}
#inpostits6 {left: 0; top: 432px; width: 151px; height: 114px;}

#inpostits1 a {height: 98px;}
#inpostits2 a {height: 67px;}
#inpostits3 a {height: 101px;}
#inpostits4 a {height: 80px;}
#inpostits5 a {height: 85px;}
#inpostits6 a {height: 114px;}


#inpostits1 a:hover {background: url(../images/insidelinks2.jpg) -151px 0; no-repeat;}
#inpostits2 a:hover {background: url(../images/insidelinks2.jpg) -151px -99px; no-repeat;}
#inpostits3 a:hover {background: url(../images/insidelinks2.jpg) -151px -166px; no-repeat;}
#inpostits4 a:hover {background: url(../images/insidelinks2.jpg) -151px -266px; no-repeat;}
#inpostits5 a:hover {background: url(../images/insidelinks2.jpg) -151px -347px; no-repeat;}
#inpostits6 a:hover {background: url(../images/insidelinks2.jpg) -151px -431px; no-repeat;}


/* END  Common Posit Note links here */


/* Images and Positioning SPECIFIC to BIO page here */


#pepper {
	position: float; 
	float: left;
	width: 151px;

}

# pepper img {
	vertical-align:bottom;
	}


#sidebar2_BIO {
	position: float;
	float: right;
	width: 184px;
	height: 1200px;
	background: url(../images/BioPics/spices.jpg) no-repeat;

}
	



#sidebar2_BIO img {
	vertical-align:bottom;
	float:right;
}
	



#BioText2 {
	display:block;
	position:relative;
	top:400px;
	left:0;
	width:174px;
	

}

	
#mainContent_BIO {
	position: float; 
	float: left;
	width: 375px;
	height: 1200px;
	background-image:url(../images/BioPics/bottomcard.jpg);
	
}


#mainContent_BIO img {

	vertical-align:bottom;
}

#mainContent_BIO li {
	list-style: none;
	position: relative;
	left: 70px;
	width: 200px;
	text-align:right;}

#mainContent_BIO li a {
	font-family: "Arial Black", "Arial Narrow", sans-serif;
	font-size: 12px;
	color: #cc0000;
	text-decoration: none;
	}

#mainContent_BIO li a:hover {
	font-family: "Arial Black", "Arial Narrow", sans-serif;
	font-size: 12px;
	color: #cc0000;
	text-decoration: underline;

}	


/* END  BIO Positioning  */


/* Positioning for WORKING */


#mainContent_WORKING {
	position: float; 
	float: left;
	width: 375px;
	height: 700px;
	background: url(../images/roadsign.gif) no-repeat;}



#mainContent_WORKING img {

	vertical-align:bottom;
}

#back { 

top:350px; 
left:113px;
width:160px;
height:100px;
position:relative;	

}


#back a {
	display:block;
	position:absolute;
	top: 20px;
	width:160px;
	height:40px;
	left: 0;
}



#sidebar2_WORKING {
	position: float;
	float: right;
	width: 184px;
	height: 700px;
	
}
	

#sidebar2_WORKING img {
	vertical-align:bottom;
	float:right;
}



/* END WORKING */


/* Positioning for ERROR */


#mainContent_ERROR {
	position: float; 
	float: left;
	width: 375px;
	height: 700px;
	
}


#mainContent_ERROR img {

	vertical-align:bottom;
}



#sidebar2_ERROR {
	position: float;
	float: right;
	width: 184px;
	height: 700px;
	
}
	

#sidebar2_ERROR img {
	vertical-align:bottom;
	float:right;
}

#sidebar2_ERROR_insides {
	position: relative;
	top: 130px;
	left: 0;
	width:175px;}

/* END ERROR */


/* Positioning and Image Elements for INFO PAGE ONLY */




#pencils {
	position: float; 
	float: left;
	width: 151px;

}

# pencils img {
	vertical-align:bottom;
	}



#sidebar2_INFO {
	position: float;
	float: right;
	width: 184px;
	height: 1300px;
	background: url(../images/infopics/info_bookcdside.jpg) no-repeat;

}

#sidebar2_INFO img {
	vertical-align:bottom;
	float:right;
}

	
#mainContent_INFO {
	position: float; 
	float: left;
	width: 375px;
	
	background:url(../images/infopics/info_pencilfade.jpg) no-repeat;}
	






#mainContent_INFO img {

	vertical-align:bottom;
}


#maincontentText {
	padding-left:20px;
	
	}


.whitespacer_INFO 
{float:right;
clear:both;
}

.whitespacel_INFO
{float:left;
clear:both;
}


	
.bookfloat {
float:right;
clear:both;}	

.cdfloat {
float:left;
clear:both;
}


.lW { float: left; clear: left; height: 15px; }

.lquote { float:left; clear: left; height: 50px;}
.rquote { float:right; clear: right; height: 50px;}


/* END INFO PAGE specifics 

NOTE- uses .whitespacers and .floater styles from ABOVE info page */


#sidebar2_PRICE {
	position: float;
	float: right;
	width: 184px;
	height: 1300px;
	background: url(../images/pricespics/pigfullbody.jpg) no-repeat;

}

#sidebar2_PRICE img {
	vertical-align:bottom;
	float:right;
}

	
#mainContent_PRICE {
	position: float; 
	float: left;
	width: 375px;
	
}	
	






#mainContent_PRICE img {

	vertical-align:bottom;
}


#maincontentText {
	padding-left:20px;
	
	}
	
#maincontentText2 {
	padding-left:20px;
	padding-right:40px;
	}	


#mainContent_PRICE li {
	list-style: none;
	position: relative;
	left: 70px;
	width: 200px;
	text-align:right;}

#mainContent_PRICE li a {
	font-family: "Arial Black", "Arial Narrow", sans-serif;
	font-size: 9pt;
	color:#CC0000;
	text-decoration: none;
	text-transform: uppercase;
	}

#mainContent_PRICE li a:hover {
	font-family: "Arial Black", "Arial Narrow", sans-serif;
	font-size: 9pt;
	color:#CC0000;
	text-decoration:underline;
	text-transform: uppercase;

}




/* PRICES POSITIONING */





/* END Prices Positioning */



/* Postioning for CONTACT Page */

#phone {
	position: float; 
	float: left;
	width: 151px;

}

#phone img {
	vertical-align:bottom;
	}

#mainContent_CONTACT {
	position: float; 
	float: left;
	width: 375px;
	
	background:url(../images/contact/contact_background.jpg) no-repeat;}
	

#mainContent_CONTACT img {

	vertical-align:bottom;
}

#clockdiv 
{
position:absolute;
width: 140px;
top: 875px;
padding:30px;
}

.rolofloat {
	position:absolute;
	top:424px;
	left: 589px;
	float:right;
	clear:right;
}

#sidebar2_CONTACT {
	position: float;
	float: right;
	width: 184px;
	height: 1000px;
	background: url(../images/contact/contact_rolodexr.jpg) no-repeat;

}

#sidebar2_CONTACT img {
	vertical-align:bottom;
	float:right;
}


/* End CONTACT page */




/* CSS for nuCotact */

#mainContent_CONTACTFORM label.error {  
    display:block;  
    float:none;  
    font-size:0.8em;  
    width:auto;
	padding-top:0;  
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#bf311a;
	font-style:italic;
		
} 

.form_error
{ font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.2em;
color:#bf311a;
}





/* Postioning for CONTACT_FORM Page */




#mainContent_CONTACTFORM {
	position: float; 
	float: left;
	width: 375px;
	
	background:url(../images/contact/contact_background.jpg) no-repeat;}
	

#mainContent_CONTACTFORM img {

	vertical-align:bottom;
}


#sidebar2_CONTACTFORM {
	position: float;
	float: right;
	width: 184px;
	height: 1000px;

}

#sidebar2_CONTACTFORM img {
	vertical-align:bottom;
	float:right;
}


/* End CONTACT_FROM page */





/* Start CLENTS-specific page */

#mainContent_CLIENTS {
	position: float; 
	float: left;
	width: 375px;
}	
	

#mainContent_CLIENTS img {

	vertical-align:bottom;
}

#sidebar2_CLIENTS {
	position: float;
	float: right;
	width: 184px;
	
	
}

#sidebar2_CLIENTS img {
vertical-align:bottom;}






/*End CLIENTS page */









/* Images and Positioning SPECIFIC to PORTFOLIONU page here */


	
#mainContent_PORTNU {
	position: float; 
	float: left;
	width: 559px;
	height: 800px;
	
	
	
}


#mainContent_PORTNU img {

	vertical-align:top;
}

/* tab card links --DESIGN -- with their sprite movements */

#tablinks {
 width: 500px;
 height: 58px;
 background: url(../images/portdesigntabs.jpg) no-repeat;
 margin: 0; padding: 0;
 position: relative;
}
#tablinks li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#tablinks li, #tablinks a {height: 58px; display: block;}

#tab1 {left: 0; width: 161px;}
#tab2 {left: 162px; width: 145px;}
#tab3 {left: 307px; width: 145px;}


#tab1 a:hover {background: url(../images/portdesigntabs.jpg) 0 -58px no-repeat;}
#tab2 a:hover {background: url(../images/portdesigntabs.jpg) -162px -58px no-repeat;}
#tab3 a:hover {background: url(../images/portdesigntabs.jpg) -307px -58px no-repeat;}

/* tab card links --ILLUSTRATION -- with their sprite movements */

#illustablinks {
 width: 500px;
 height: 58px;
 background: url(../images/portillusback.jpg) no-repeat;
 margin: 0; padding: 0;
 position: relative;
}
#illustablinks li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#illustablinks li, #illustablinks a {height: 58px; display: block;}

#illustab1 {left: 0; width: 161px;}
#illustab2 {left: 162px; width: 145px;}
#illustab3 {left: 307px; width: 145px;}


#illustab1 a:hover {background: url(../images/portillusback.jpg) 0 -58px no-repeat;}
#illustab2 a:hover {background: url(../images/portillusback.jpg) -162px -58px no-repeat;}
#illustab3 a:hover {background: url(../images/portillusback.jpg) -307px -58px no-repeat;}


/* tab card links --WEB-- with their sprite movements */

#webtablinks {
 width: 500px;
 height: 58px;
 background: url(../images/portwebtabs.jpg) no-repeat;
 margin: 0; padding: 0;
 position: relative;
}
#webtablinks li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#webtablinks li, #webtablinks a {height: 58px; display: block;}

#webtab1 {left: 0; width: 161px;}
#webtab2 {left: 162px; width: 145px;}
#webtab3 {left: 307px; width: 145px;}


#webtab1 a:hover {background: url(../images/portwebtabs.jpg) 0 -58px no-repeat;}
#webtab2 a:hover {background: url(../images/portwebtabs.jpg) -162px -58px no-repeat;}
#webtab3 a:hover {background: url(../images/portwebtabs.jpg) -307px -58px no-repeat;}


/*background image and div for the index card block (not the tabs) */

#PORTfilecard {
	position:relative;
	width: 500px;
	height:500px;
	background: url(../images/portcardback.jpg) no-repeat;	
}

#PORTfilecard {
vertical-align:top;

}


#PORTclips {
	position:relative;
	width: 460px;
	height: 220px;
	top:20px;
	left:15px;
	background:#ffffff;
	overflow: auto;
	white-space: no-wrap; /*Don't let the images wrap to the next line*/
	
}

#PORTclips {
vertical-align:top;

}

#PORTdrop {
	position:relative;
	top: 20px;
	left:20px;
	width:460px;
	
}









/* END  PORTFOLIONU Positioning  */




/* Images and Positioning SPECIFIC to PORTRESULTS page here */





#sidebar2_PORTRES {
	position: float;
	float: right;
	width: 184px;
	

}
	



#sidebar2_PORTRES img {
	vertical-align:bottom;
	float:right;
}
	

#sidebar2_interior {
position:relative;
width:174px;

}


	
#mainContent_PORTRES {
	position: float; 
	float: left;
	width: 375px;
	
	
	
}


#mainContent_PORTRES img {

	vertical-align:bottom;
}

#PORTRES_bigclip {

	position:relative;
	width: 350px;
	overflow-x: auto;
	overflow-y: none;
	
}


#related_PORTRES {

	position:relative;
	top: 0;
	left: 0;
	height: 215px;
	width: 350px;
	overflow: auto;
	white-space: no-wrap; /*Don't let the images wrap to the next line*/
}


#common_PORTRES {

	position:relative;
	top: 0;
	left: 0;
	height: 215px;
	width: 325px;
	overflow: auto;
	white-space: no-wrap; 
	background:#FFFFFF;
	/*Don't let the images wrap to the next line*/
}


/* SMALL TABS */


#tablinksmall {
 width: 346px;
 height: 40px;
 top: 15px;
 background: url(../images/portdesigntabSMALL.jpg) no-repeat;
 margin: 0; padding: 0;
 position: relative;
}
#tablinksmall li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#tablinksmall li, #tablinksmall a {height: 58px; display: block;}

#tabsmall1 {left: 0; width: 115px;}
#tabsmall2 {left: 116px; width: 96px;}
#tabsmall3 {left: 213px; width: 96px;}


#tabsmall1 a:hover {background: url(../images/portdesigntabSMALL.jpg) 0 -41px no-repeat;}
#tabsmall2 a:hover {background: url(../images/portdesigntabSMALL.jpg) -116px -41px no-repeat;}
#tabsmall3 a:hover {background: url(../images/portdesigntabSMALL.jpg) -213px -41px no-repeat;}


#PORTfilecardSMALL {
	position:relative;
	width: 325px;
	top: 15px;
	padding: 10px 10px 10px 10px;
	background: url(../images/portcardbackSMALL.jpg) no-repeat;	
}

#PORTfilecardTEXT {
	position:relative;
	width: 336px;
	left: 10px;
	top:10px;

}


/* END  PORTRESULT Positioning  */








/* Common Footer Info */

#footer { 
	padding: 10px 20px 10px 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	text-align:center;
} 



#footer ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	} 

#footer ul li {
	margin-left: 0;
	padding: 3px 10px;
	border-left: 0.5px solid #000;
	list-style: none;
	display: inline;
	font-family: Futura, Arial, sans-serif;
	font-size: 12px;
	color:#999999;
	}
	
#footer ul li.first {
	border-left: none;
	list-style: none;
	display: inline;
	}
	
#footer ul li a {
	font-family: Futura, Arial, sans-serif;
	font-size: 12px;
	color:#999999;
	}
	
#footer ul li a:hover {
	font-family: Futura, Arial, sans-serif;
	font-size: 12px;
	color:#CC0000;
	}
	
	
/* Common CLEAR Elements */

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}








/* Common TYPEOGRAPHY ELEMENTS FOR ALL INSIDE PAGES */


.sidehead1 {
	font-family: "Arial Black", "Arial Narrow", sans-serif;
	font-size: 12pt;
	color: #CC0000;
	text-transform: uppercase;
}

.sidelink a {
	font-family: "Arial Black", "Arial Narrow", sans-serif;
	font-size: 10pt;
	color: #CC0000;
	text-transform: uppercase;
	text-decoration:none;
}

.sidelink a:hover {
	font-family: "Arial Black", "Arial Narrow", sans-serif;
	font-size: 10pt;
	color: #CC0000;
	text-transform: uppercase;
	text-decoration:underline
}

.sidebartype {
	font-family: Futura, Calibri, sans-serif;
	font-size: 12px;

}

.sidebartype a {
	font-family: Futura, Calibri, sans-serif;
	font-size: 12px;
	color:#999999;
	text-decoration: underline;
	
}

.sidebartype a:hover {
	font-family: Futura, Calibri, sans-serif;
	font-size: 12px;
	color:#cc0000;
	text-decoration:underline;
}


.sidedisplay1{
	font-family: "Arial Black", "Arial Narrow", sans-serif;
	font-size: 8pt;
	text-transform: uppercase;	
}

.sidedisplay2 {
	font-family:"Arial Narrow", sans-serif;
	font-size:10px;
	text-transform:uppercase;
	color: #333333;
	line-height: 150%;

}

.sidedisplay2 a {
	font-family:"Arial Narrow", sans-serif;
	font-size:10px;
	text-transform:uppercase;
	color: #cc0000;
	text-decoration:none;
	line-height: 150%;

}

.sidedisplay2 a:hover {
	font-family:"Arial Narrow", sans-serif;
	font-size:10px;
	text-transform:uppercase;
	color: #cc0000;
	text-decoration:underline;
	line-height: 150%;

}


.sidedisplay3 {
	font-family: "Arial Black", "Arial Narrow", sans-serif;
	font-size: 8pt;
	text-transform: uppercase;
	color: #CB2026;
	line-height: 200%;
}




h1 {
	font-family: Futura, Calibri, sans-serif;
	color: #000000;
	text-transform: lowercase;
	text-indent: 0px;
}

h2 {
	font-family: Futura, Calibri, sans-serif;
	color: #000000;
	text-transform: lowercase;
	text-indent: 0px;
}

h3 {
	font-family: Futura, Calibri, sans-serif;
	color: #000000;
	text-transform: lowercase;
	text-indent: 0px;
	margin-bottom: 3px;
}


h4 {
	font-family: Futura, Calibri, sans-serif;
	color: #666666;
	text-transform: lowercase;
	text-indent: 0px;
}

h5 {
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	text-transform:uppercase;
	text-indent: 0;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	border-bottom-width: 1px;
}

.mainnote {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 120%;
	text-indent: 0;
	color:#666666;
}


.mainnote a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 120%;
	color:#666666;
}

.mainnote a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 120%;
	text-indent: 0;
	color:#cc0000;
	text-decoration:underline;
}


.mainbody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	line-height: 130%;
	text-indent: 10%;
	
}

.IE {
font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	line-height: 130%;
	text-indent: 0;
}


.mainbody ul, li {
margin: 10px;
padding:0;
text-indent:0;
list-style-image:url(../images/check.jpg)}

.mainbody a {
	font-family: Arial, Helvetica, sans-serif;
	color:#666666;
	font-size: 11pt;
	line-height: 130%;
	text-decoration: none;	
}

.mainbody a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color:#cc0000;
	font-size: 11pt;
	line-height: 130%;
	text-decoration: underline;

}

.displayquote {
	font-family: Futura, Arial, sans-serif;
	color:#999999;
	font-size: 36px;	
}

.displayquote  {
	font-family: "Arial Black", "Arial Narrow", sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	padding-top: 30px;
	line-height: 120%;
	height: 150%;
}

.quote_note1 {
	font-family:"Arial Black", "Arial Narrow", sans-serif;
	font-size:10px;
	color:#666666;
	text-transform:uppercase;

}

.quote_note2 {
	font-family:"Arial Narrow", sans-serif;
	font-size:10px;
	text-transform:uppercase;
	color: #333333;
	line-height:150%;
}

.linkdisplay  {
	font-family: "Arial Black", "Arial Narrow", sans-serif;
	font-size: 12px;
	color: #cc0000;
	text-decoration: none;
	padding-top: 10px;
	line-height: 120%;
}

.linkdisplay_note1 {
	font-family:"Arial Black", "Arial Narrow", sans-serif;
	font-size:10px;
	color:#666666;
	text-transform:uppercase;
}

.linkdisplay_note2 {
	font-family:"Arial Narrow", sans-serif;
	font-size:10px;
	text-transform:uppercase;
	color: #333333;
}


.linkdisplay a {
	font-family: "Arial Black", "Arial Narrow", sans-serif;
	font-size: 12px;
	color: #cc0000;
	text-decoration: none;
	
}

.linkdisplay a:hover {
	font-family: "Arial Black", "Arial Narrow", sans-serif;
	font-size: 12px;
	color: #cc0000;
	text-decoration: underline;
	
}
.clock {
font-family: Futura, Calibri, sans-serif;
font-size:14px;
	color: #666666;
}


/* Positioning for SONGSEARCH */


#mainContent_SONGS {
	position: float; 
	float: left;
	width: 375px;
	}



#mainContent_SONGS img {

	vertical-align:bottom;
}

#back { 

top:350px; 
left:113px;
width:160px;
height:100px;
position:relative;	

}


#back a {
	display:block;
	position:absolute;
	top: 20px;
	width:160px;
	height:40px;
	left: 0;
}



#sidebar2_SONGS {
	position: float;
	float: right;
	width: 184px;
	height: 700px;
	
}
	

#sidebar2_SONGS img {
	vertical-align:bottom;
	float:right;
}



/* END SONGSEARCH */