/*Call nav css*/

@import url("/css/nav.css");

/* CSS Document */
body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	line-height: 1.166;	
	margin: 60px 0 0 0;
	padding: 0px;
}

a:link, a:visited, a:hover {
	color: #666666;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #000000;   /* #FF3399 */
}
/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}

h1{
 font-family: Verdana, Arial, sans-serif;
 font-size: 120%;
 color: #8C8060;
 font-weight:normal;
}

h2{
 font-size: 90%;
 color: #615B42;
 font-weight: normal;
}

h3{
 font-size: 100%;
 color: #334d55;
}

h4{
 font-size: 100%;
 font-weight: normal;
 color: #333333;
}

h5{
 font-size: 100%;
 color: #334d55;
}
.tint {color:#615B42}
.tint2 {color:#000000}
/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#theContainer {text-align: center;}
#siteContainer {height: 100%; width: 731px; margin:0 auto; border: 0px; background-color: #FFFFFF;}
#logo img {	margin: 8px 0 22px 16px;}
#masthead{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 22px;
	background: url(/images/masthead-bg.gif) no-repeat;
}
#masthead h1 {display:none;}
#navBar{
	margin: 0 586px 0 0;
	padding: 0px;
	background-color: #FFFFFF;
	text-align: left;
	height: 375px;
}

#content{
  float:right;
	width: 579px;
	margin: 0;
	padding: 0;
}
#zoneTop {
	background-color: #f5f0e3;
	height:375px;
	width: 579px;
	text-align: left;
}
#text {
	padding:48px 0 0 0;
	font-size: 70%;
	line-height: 1.4em;
	text-align: left;
	color:#8C8060;
	height:292px;
}
.minitextbox {margin: 0 0 0 52px; width:320px;}
.bigtextbox {margin: 0 0 0 52px; width:510px;}
#pagelinks {padding:0 40px 22px 0;
	font-size: 70%;
	text-align: right;
	color:#8C8060;}
#zoneBottom {
 	margin-top:10px;
	background-color: #ffffff;
	text-align:left;
	
}
.projecttag {
	width:372px; font-size:70%; line-height: 1.4em;
	 }
#copyright {float:right; font-size:55%; text-align:right; padding-bottom:4px;}
#information {position: relative; width:372px; margin-top:5px; font-size:70%; visibility:hidden; line-height: 1.4em;}




/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0 0 12px 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #FFF;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


/*********** #sectionLinks styles ***********/

#sectionLinks{
	position: relative;
	margin: 0px;
	padding: 0px;
	font-size: 60%;
}

#sectionLinks a:link{
	padding: 2px 0px 1px 16px;
	border-top: 1px solid #FFF;
	width: 100%;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: auto;
	background: url(../images/nav-bullet.gif) no-repeat 2px 4px;
}

a.showreel{
	width: 100%;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: auto;
	font-size: 9px;
}

div.showreel{
	background-color: #f5f0e3;
	padding: 5px;
}

#sectionLinks ul ul a:link, #sectionLinks ul ul a:visited, #sectionLinks ul ul a:hover{
	padding: 2px 0px 1px 22px;
	background-image:none;}
	
#sectionLinks a:visited{
	border-top: 1px solid #FFF;
	padding: 2px 0px 1px 16px;
	background: url(../images/nav-bullet.gif) no-repeat 2px 4px;
}

#sectionLinks a:hover{
	border-top: 1px solid #FFF;
	background-color: #ffffff;
	padding: 2px 0px 1px 16px;
}