/* Lisa Rice Voice Website

Author: Christina Reeser
Date Created: 7/7/2009
Copyright: Lisa Rice Voice. All rights reserved. */

/* ---------->>> GLOBAL <<<-----------*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

html, body { margin: 0; padding: 0;}

body {
 background: #64ACBC url(background.gif) top center repeat;
 font-family: "Verdana", Verdana, Geneva, sans-serif;
 font-size: 11px;
 color: #010101;
 line-height: 20px;
}

h1, h2, h3, h4, h5, h6, pre, blockquote, label, ul, li, ol, dl, fieldset, address { 
	padding:0;
	margin:0; 
	}
p { margin-top: 15px; margin-bottom: 15px; }
li, dd { margin-left:5%; padding: 0; }
fieldset { padding: .5em; }

a { text-decoration: none; color:#1B455E; }
a:hover { text-decoration: underline; }

a:active, a:focus {
outline: 0;
      }



/* ---------->>> DIVS <<<-----------*/

#wrapper { 
background-color: #fff;
 margin: 0 auto;
 padding: 0;
 width: 896px;
 padding-bottom: 20px;
 margin-top: 40px;
 border: 4px solid #1B4760;
}

#header {
 width: 896px;
 height: 150px;
 margin: 0px auto;
 color: #F0923E;
 background: url(headerbg.jpg) bottom no-repeat;
 padding: 20px 0;
}

#faux { 
 background: #fff url(sub_bkg.gif) top left repeat-y;
 margin-bottom: 0px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 896px;
 }

#leftcol {
 width: 195px;
 float: left;
 display: inline;
/* background-color: #33A5A5;*/
}

#content {
 width: 630px;
 color: #000;
 margin-top: 20px;
float: right;
 margin-right: 30px;
}

#news { 
  border-left: 1px solid #ddd; 
  width: 200px; 
  float: right; 
  padding-left: 20px; 
  margin-left: 20px;
  margin-bottom: 40px;}

/* ---------->>> HEADER ITEMS <<<-----------*/

h1 { }

	#header h1 {
	height:144px; /* height of logo */
	width:353px; /* width of logo */
	background: url(LisaRice_logo.gif) top left no-repeat;
	text-indent:-9000px;
	float: left;
	margin-left: 40px;
	}
	
	#content h1 {
	color: #1f1f1f;
	font-weight: normal;
	font-size: 22px;
	margin-bottom: 10px;
	text-transform: uppercase;
	}

h2 { }
	#content h2 {
	color: #1B455E;
	font-size: 14px;
	margin-bottom: 0px;
	text-transform: uppercase;
	}
		
	#content h2.dir {
	color: #1B455E;
	font-size: 14px;
	margin-bottom: 0px;
	text-transform: uppercase;
	line-height: 16px;
	margin-bottom: 7px;
	}
	
	#content h2.dir span { 
	font-weight: normal;
	color: #666 !important; 
	line-height: 16px;
	}
	
	#news h2 { background-color: #eee; padding: 5px; margin-top: 0 !important;}
	
h3 { }
	#content h3 {
	color: #000;
	font-size: 14px;
	margin-bottom: 0px;
	text-transform: uppercase;
	}

p { }
	#header p {
	float: right;
	width: 300px;
	height: 17px;
	color: #F0923E;
	text-align: right;
	padding-right: 70px;
	}
	
	#content p {
	color: #010101;
	line-height: 20px;
	margin-top: 0;
	}
	
	#leftcol p {
	color: #fff;
	padding: 20px;
	}
	
	p#to_top {
	width: 100px;
	margin: 0; padding: 0;
	float: right;
	background: url(top_icon.gif) center right no-repeat;
	font-size: .8em;
	text-align: right;
	padding-right: 15px;
	}
	
	p#to_back {
	margin: 0; padding: 0;
	background: url(back_icon.gif) center left no-repeat;
	font-size: .8em;
	text-align: left;
	padding-left: 15px;
	margin-bottom: 10px;
	}
	
	.quote { text-align: center; color: #3A808A !important; font: italic 1.1em "Georgia"; padding: 0px; width: 80%; margin: 0 auto; }
	.quote a { font-weight: normal !important;}
	label { display: block; width: 70px; float: left; font-weight: bold; color: #1B455E; }
	
a { }

	#header a {
	display:block;
	width:100%;
	height:98%;
	outline:none;
	}
	
	#content a {
	font-weight: bold;
	color: #1B455E;
	}
	
	.on { color: #000 !important;}

dl { margin-top: 10px;}
dt { font-weight: bold;}
dd { margin-bottom: 10px;}
li { }
	
	#content li {
	margin-left: 5%;
	}
	
#content ul { margin-bottom: 10px;}	

img { }
    
    .centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }
    
    .address img {
    float: right;
    margin-right: 5px;
    margin-top: 20px;
    }

hr  { }
	div.hr {
	margin: 20px 0;
	height: 1px;
	background: #fff url(hr.gif) repeat-x;
	}  
	
	div.hr hr {display: none}    


/* ---------->>> Global NAVIGATION <<<-----------*/

#nav { 
	float: left;
	margin: 0; padding: 0;
	margin-top: 15px;
	}
	
#nav li{
	list-style-type: none;
	margin: 0; padding: 0;
}
#nav a {
	display:block; 
	width:195px; 
	height:31px; 
	border:0px;
	margin: 0;
	margin-bottom:10px; 
	padding: 0; 
	overflow:hidden;
	font-size: 5px; text-indent: -9999px; text-decoration: none;
	}


.home a { background: url(nav_home.gif) top right no-repeat;}
.home a:hover  { background: url(nav_home_on.gif) top right no-repeat; }
#home .home a  { background: url(nav_home_on.gif) top right no-repeat; }

.about a { background: url(nav_about.gif)  top right no-repeat;}
.about a:hover  { background: url(nav_about_on.gif)  top right no-repeat; }
#about .about a  { background: url(nav_about_on.gif)  top right no-repeat; }


.studio a { background: url(nav_studio.gif)  top right no-repeat;}
.studio a:hover  { background: url(nav_studio_on.gif)  top right no-repeat; }
#studio .studio a  { background: url(nav_studio_on.gif)  top right no-repeat; }

.portfolio a { background: url(nav_portfolio.gif)  top right no-repeat;}
.portfolio a:hover  { background: url(nav_portfolio_on.gif)  top right no-repeat; }
#portfolio .portfolio a { background: url(nav_portfolio_on.gif)  top right no-repeat; }

.contact a { background: url(nav_contact.gif) top right no-repeat;}
.contact a:hover  { background: url(nav_contact_on.gif)  top right no-repeat; }
#contact .contact a  { background: url(nav_contact_on.gif)  top right no-repeat; }

.blog a { background: url(nav_blog.gif) top right no-repeat;}
.blog a:hover  { background: url(nav_blog_on.gif)  top right no-repeat; }
#blog .blog a, #article .blog a  { background: url(nav_blog_on.gif)  top right no-repeat; }



#subnav {
	width: 130px;
	margin: 0px 0;
	text-align: right;
}	

#subnav li{
	list-style-type: none;
	margin-bottom: 5px;
	line-height: 10px;
}

#subnav a {
	display: inline;
	background: none;
	color: #1B455E;
	font-size: 10px !important;
}

#subnav a:hover, #subnav a.on { background: none; color: #1B455E; padding-left: 0px; }


/* ---------->>> Home Links <<<-----------*/

#homelinks { 
	width: 288px;
	margin-left: 280px;
	}
#homelinks a {
	display:block; 
	height: 36px;
	width: 188px;
	overflow:hidden;
	font-size: 5px; text-indent: -9999px; text-decoration: none;
	margin-left: 30px;
	}
	
#homelinks li { 
	background: url(play.gif) no-repeat left;
	list-style-type: none;
	margin: 0; padding: 0;
	}

#homelinks li:hover { 
	background: url(play_over.gif) no-repeat left;
	}

.comlink a { background: url(commercial.gif)  top left no-repeat;}
.phonelink a { background: url(phone.gif)  top left no-repeat;}
.imglink a { background: url(imaging.gif)  top left no-repeat;}
.narlink a { background: url(narrative.gif)  top left no-repeat;}


/* ---------->>> MISC TAGS <<<-----------*/

table.rep {
border: 0;
}

table.rep tr {
}

table.rep td {
vertical-align: top;
padding: 5px;
border: 1px solid #ccc;
}


#photobar { width: 200px; float: right; }

#photobar img { border: 1px solid #000; margin-top: 5px; float: right; }

 .button a {
 	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
 	text-align: center;
 	padding: 5px; margin-bottom: 10px; margin-right: 3px;
 	border: 1px solid #c60; 
 	font-size: 10px; 
 	color: #fff !important;
	background-color: #F0923E;
	text-decoration: none !important;
	float: left;
 }
 
  .button a:hover { background-color: #F8C99F; color: #000 !important; } 

.blue { color: #333; font-weight: bold;}
/* ---------->>> FOOTER TAGS <<<-----------*/

.footernav, .address { 
	line-height: 16px; 
	color: #F0923E; 
	text-transform: uppercase; 
	font-size: 10px; 
	text-align: left; 
	clear: both;
	margin-left: 210px;
	}	

.title { font-weight: bold; color: #33A5A5; }
.footernav a  { color: #333 !important; }
.clear { clear: both; background: none; }
.address { color: #333; margin-top: 10px; }

.partnertext {
margin-top: 50px;
width: 105px;
float: left;
line-height: 14px;
}
.small { font-size: 10px;}

#gallery { 
width: 430px;
margin-top: 0px;
float: right;
}

#gallery img { margin: 3px; border: 5px solid #ccc; }

#gallery img:hover { border: 5px solid #143245;}

.address { 
color: #999;
text-transform: none;
letter-spacing: 1px;
}

.address a { color: #999; }