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

/* remember to define focus styles! */

:focus {outline: 0;}
body {line-height: 1;}
ol, ul {list-style: none;}

/* tables still need 'cellspacing="0"' in the markup */

table {border-collapse: separate;	border-spacing: 0;}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {content: "";}

blockquote, q {quotes: "" "";}      
strong {font-weight: bold;}     

em {font-style: italic;}

/* basic styles
------------------------------------------------------------------*/

html, body {height: 100%;}

body {               
	font:100%/1.18em "lucida grande", "lucida sans", verdana, sans-serif;
	background: #c5afaf url("images/body-bg.gif") repeat-x center top;  
	color: #564127;                  
}                                                 

body#home {background: #c5afaf url("images/index_body-bg.gif") repeat-x center top;}  
                              
.clear {clear: both;}

.centered {text-align:center;}

.right {text-align:right;}		

h1, h2, h3, h4, h5, h6 {            
	font-weight:bold; 
	color: #5c090f;  
	line-height: 1.3em;                                                          
}

h1 {font-size: 2.16em;}
h2 {font-size: 1.64em; line-height: 1em;}
h3 {font-size: 1.45em; margin-top: 20px;}
h4 {font-size: 1.18em; margin-top: 20px;}
h5 {font-size: 1em; text-transform: uppercase; letter-spacing: 1px;}
h6 {font-size: 0.9em;}


p, ul {margin: 10px 0px;	line-height: 1.5em;}

a, a:visited {    
	font-weight: bold;
	color: #5c090f;      
	text-decoration: none;
         
}       
                
a:hover {color: #a71421;}                 

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {}

#main img, #full-main img {
	background-color: #fff;
	padding: 4px;
	border: 1px solid #d3afa8;
}       

/*page structure
------------------------------------------------------------------*/

#header {
	width: 960px;
	height: 259px;
	margin: 0px auto; 
	position: relative;
}       

#header-container {
 	width: 100%;
	height: 259px;
	background: transparent url("images/header-container.gif") no-repeat center top;
}  

#marquee {
	width: 960px;
	height: 294px;
	position: relative;
	margin: 0px auto;       
}
       
#marquee-container {           
	width: 100%;     
	min-width: 960px;
	height: 294px;
	background: transparent url("images/hill_monsta.jpg") no-repeat center center;
}

#content-container {
	width: 100%;          
	min-width: 960px;
	height: auto;
	min-height: 300px;
	background: transparent url("images/content_container-full.png") repeat-y center top;   
}                                                                                         

#home #content-container, #contact #content-container {background-image: url("images/content_container-sidebar.png");}

#content {    
	font-size: 0.75em;
	width: 960px; 
	min-height: 300px;
	background: transparent url("images/content-bg.gif") no-repeat center top;
	margin: 0px auto;  
}


#home #content, #contact #content {BACKGROUND: url(images/content-bg-right.gif) no-repeat center top; }


#footer {
	position: relative;         
	font-size: 11px; 	
  width: 900px;    
	height: 30px;
	margin: 0px auto;   
	line-height: 1em;
	padding: 26px 30px 0px 30px;
	background: #c5afaf url("images/footer-full.gif") no-repeat center top;
	clear: both;    
	color: #6a4545;
}       

#footer p {
	margin-top: 0px;
}

#home #footer, #contact #footer {
	background-image: url("images/footer-with_sidebar.gif");
}  

#full-main {
	width: 880px;
	margin-left: 30px;
	height: auto;
	min-height: 500px;
	padding: 31px 0px 20px 20px; 
	float:left;     
	position: relative;
}        

#main {
	width: 560px;
	margin-left: 30px;
	height: auto;
	min-height: 500px;
	padding: 31px 20px 20px 20px;
	float: left;       
}                          
           

#full-main ul {
	margin-top: 20px;
}         

/* logo ir
------------------------------------------------------------------*/

a#logo {   
	width: 860px;
	height: 95px;
	position: absolute;
	top: 65px;
	left: 50px;
	background: transparent url("images/logo.png") no-repeat left top;
	text-indent: -19999px;

}                     
                                                      
/* nav
------------------------------------------------------------------*/

ul#nav {
	position: absolute;
	top: 193px;
	left: 240px;    
	height: 56px;
	width: 915px;
	float: left;
	font-size: 0.70em;  
}                

ul#nav li {    
	float: left;
	width: auto;
	min-width: 10px;
	height: 56px;         
}  
               
ul#nav li a, ul#nav li a:visited {
	color: #ad5656;  
	display: block;
	width: auto;
	height: 16px;
	min-width: 10px; 
	text-transform: uppercase;  
	letter-spacing: 1px;  
	padding: 20px 18px;
}              

ul#nav li.first a {
	padding-left: 20px;
}  

ul#nav li.last a {
	padding-right: 51px;
}   
    
ul#nav li a:hover {    
	background: transparent url("images/nav-hover.gif") repeat-x left top;
	color: #e68687;
}              
         
#about li#aboutnav a, #about li#aboutnav a:hover, #news li#newsnav a, #news li#newsnav a:hover, 
#portfolio li#portfolionav a, #portfolio li#portfolionav a:hover, #contact li#contactnav a,
#contact li#contactnav a:hover {    
	background: transparent url("images/nav-active.gif") no-repeat center top;   
    color: #f9f2e8;
}      

#home ul#nav li.first a, #home li.first a:hover {
 	background: transparent url("images/nav-active.gif") no-repeat 30px top;     
    color: #f9f2e8;
}            
                       
/* index
------------------------------------------------------------------*/

#services, #index-shows {
	width: 260px;
	padding: 25px 20px 20px;
	height: auto;
	min-height: 200px;
	float: right;
}          

#index-news {
	width: 560px;
	padding: 25px 20px 20px 50px;
	height: auto;
	min-height: 200px;
	float: left
}

#index-oldnews {
	width: 880px;
	padding: 25px 20px 20px 50px;
	height: auto;
	min-height: 200px;
	float: left
}

#services {
	margin-right: 30px;
}                     

#index-shows {
	margin-left: 30px; 
	width: 300px;
	padding: 25px 0px 0px 0px;
}         

#home h2, #about h2, #news h2, #blog h2, #portfolio h2, #contact h2 {
	display: block;
	text-indent: -19999px;
	width: auto;
	min-width: 40px;          
	position: relative;
}                        

#index-shows h2 {
	background: transparent url("images/index-shows.gif") no-repeat left center;
	width: 93px;       
	margin-left: 20px;
}                                                                         

#index-news h2 {
	background: transparent url("images/index-news.gif") no-repeat left center; 
	width: 76px;
}                              

#services h2 {
	background: transparent url("images/services.gif") no-repeat left center;
}                   
    

#index-news p {
	margin: 0px 0px 10px 0px;
}

#index-news p.date, #news #main p.date {   
	margin: 9px 0px 10px 0px;
}                
            
#index-news h4, #news #main h4 {
	margin-top: 22px;
}     

#index-permalinks {
	clear:both;
	width: 900px; 
	margin: 0px 30px;
	float: left;
}       

#index-permalinks p {
	float: left;
	width: 260px;
	height: 40px;
	margin: 5px 20px 5px 20px;  
	text-indent: -19999px;
}             

#services-top-box {
	margin-top: 20px;
}        

.services-box {
	margin-top: 20px;  
	clear: both;
}                

#marquee-text {
	position: absolute;
	top: 21px;
	right: 10px;
	width: 644px;
	height: 285px;             
	background: transparent url("images/marquee-text.gif") no-repeat right bottom;   
	text-indent:-19999px;
}                    

#marquee-text a {
	width: 300px;
	top: 0px;
	right: 7px;
	position:absolute;
	display:block; 
	height: 240px;  
}                   

/* about
------------------------------------------------------------------*/

#about #full-main img {
	float: right;     
	width: 590px;
	height: auto;
	margin: 20px 0px 20px 20px;      
}                        

#about #full-main {
	margin-right: 20px;
	width: 860px; 
	padding
}
        
#personnel {
	float:right;
	clear: right;
	background: #ecdecd url("images/sidebar-bg.gif") repeat-x left -90px;
	padding: 15px 20px 5px 20px;
	margin: 0px 0px 15px 20px;
}                       

#personnel h5 {
	color: #a46c44;                       
}

#about h2 {  
	width: 196px;
	background: transparent url("images/about.png") no-repeat left top;
}                   

/* news
------------------------------------------------------------------*/ 

#news h2 {  
	width: 196px;
	background: transparent url("images/news.png") no-repeat left top;
}   

#news #main h2 {
	background: transparent url("images/news.png") no-repeat left top;    
	width: 77px;
	margin-bottom: 15px;    
}                            

#news #main {
	width: 560px;
	padding: 31px 20px 20px;
}                     

p.date {
	margin-top: 10px;
	font-weight: bold; 
	font-size: 0.95em; 
	color: #a46c44; 
	line-height: 1.3em
}          
  

/* portfolio
------------------------------------------------------------------*/

#portfolio #full-main h2 {
	background: transparent url("images/port.png") no-repeat left top;
	width: 95px;
	margin-bottom: 3px;                
}        

.portfolio_image_container {
	width: 273px;
	margin: 20px 20px 0px 0px;
	padding-top: 15px;
	float: left;
	display: block;
	height: 170px;              
	text-align: center;   
	background-color: #f2e4d6;
}     

p.port-text {
	margin-top: 234px;
	margin-right: 15px
}         
      
/* contact
------------------------------------------------------------------*/

#contact h2 {
	background: transparent url("images/contact.png") no-repeat left top;
	width: 95px;
	margin-bottom: 3px;                
} 	     

#contact #full-main ul li {
    margin: 10px 0px;	
}     

#contact #full-main ul {
	list-style: circle inside;   
	margin-top: 0px;
}                 

#contact #full-main h5 {
	margin: 24px 0px 10px 0px;   
	color: #a46c44;    
}                        

p.import {
	margin-top: 24px;
}      

p.import a {
	display: block;
	padding-left: 35px;                                                  
	height: 18px;    
	width: 250px;
	background: transparent url("images/icon-hcard.gif") no-repeat left top;
}           

p.import a:hover {
	background: transparent url("images/icon-hcard.gif") no-repeat left -18px;
} 

#contact #full-main legend, #zemSubscriberLists, #zemSubscriberName, #contact #full-main label {
	display:none;
}               

#contact #full-main form, p.tokyo-contact {
	margin-bottom: 30px;
} 

/* thankyou
------------------------------------------------------------------*/
      
#thankyou h2 {
	background: transparent url("images/thankyou.png") no-repeat left top;
	width: 110px;
	margin-bottom: 3px;                
} 	
				   
/* Error
------------------------------------------------------------------*/
      
#Error h2 {
	background: transparent url("images/error.png") no-repeat left top;
	width: 110px;
	margin-bottom: 3px;                
}