@import "reset.css";
@import "rollover.css";
@import "gallery.css";

/* Global styles */
body {
	background: url(../images/header-bg.jpg) #cac2a0 top repeat-x;
	margin: 0;
	padding: 0;
	font-size: 62.5%;
	}

strong 
	{
	font-weight: normal;
	}

hr
{color: #cac2a0;
}

p
	{
	padding-bottom: 5px;
	}

a img, a:visited img, a:hover img{
	margin: 0;
	padding: 0;
	}	

div.wrapperHeader
	{
	width: 860px;
	margin: 0 auto;
	clear: both;
	}	
	
div.wrapperHeader .logo
	{
	width: 320px;
	float: left;
	}	
div.wrapperHeader .navigation
	{
	width: 520px;
	text-align: right;
	float: right;
	padding-top: 19px;
	}
	div.wrapperHeader .navigation .mainnav
		{
		padding-bottom: 5px;
		font-size:16px;
		}
		
		#mainnav {
			float:right;
		}
		
		#mainnav a {
			color:#363636;
			display:block;
			float:left;
			margin-right:10px;
			text-decoration:none;
			text-transform: uppercase;
		}
		
		#mainnav a:hover {
			color:#540000;
		}
		
	div.wrapperHeader .navigation .subnav
		{
		width: 203px;
		padding-left: 317px;
		font-size:13px;
		}
		
		#subnav {
			text-align: left;
			padding-left:163px;
			width:220px;
		}
		
		#subnav a {
			display:block;
			margin:3px 0;
			text-decoration: none;
			color:#363636;
		}
		
			#subnav a:hover {
				color:#540000;
			}
		
		
div.wrapperContent
	{
	width: 100%;
	background: #791700;
	clear: both;
	height: auto;
	line-height: 140%;
	color: #cac2a0;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	}
	
	body.map div.content
	{min-height:500px;
	}
	
	*html body.map div.content
	{height:500px;
	}
		
div.footer
	{
	margin: 0 auto;
	text-align: center;
	clear: both;
	color: #363636;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	line-height: 1.5em;
	padding: 10px 0;
	}
	div.footer a 
		{
		color: #363636;
		}
	div.footer a:visited
		{
		color: #333333;
		}
		
/* Home page styles */		
div.home
	{
	width: 860px;
	margin: 0 auto;
	clear: both;
	}
		div.home strong 
		{
		font-weight: bold;
		}
		
		div.home .left
		{
		width: 300px;
		float: left;
		padding: 30px 25px 5px 30px;
		}

		div.home .left .newatnassal 
			{
			width:166px;
			height: 74px;
			margin: 20px 0 0 25px;
			text-align: left;
			padding: 40px 15px 60px 16px;;
			color: #000000;
			background: url(../images/new-at-nassal-bg.jpg) no-repeat;
			}
			div.home .left .newatnassal a
				{
				color: #000000;
				text-decoration: underline;
				font-size:11px;
				}
			div.home .left .newatnassal a:visited
				{
				color: #222222;
				text-decoration: underline;
				}
	div.home .right
		{
		float: right;
		padding: 50px 5px 10px 0;
		}
		div.home .right #flashcontent,
		div.home .right img
			{
			border: 2px solid #c1b08f;
			}
			
			
/* Sub page styles */			
div.content
	{
	width: 860px;
	margin: 0 auto;
	clear: both;
	}
	div.content .left
		{
		width: 420px;
		float: left;
		padding: 30px 25px 15px 30px;
		}
		div.content .left h1
			{
			font-size: 1.4em;
			padding: 10px 0 5px 0;
			font-weight: bold;
			}
		div.content .left ul.aboutlist 
			{
			padding-left: 20px;
			list-style-position: inherit;
			list-style:square;
			}
			div.content .left ul.aboutlist li
			{
			list-style: square;
			}	
		div.content .left ul.sitemap li
			{ list-style-image:none;
			padding-left:20px;
			line-height:25px;
			}
			div.content .left ul.sitemap li a
				{
				color: #cac2a0;
				}
	
		

		div.content td.aboutlist
		{
		width:200px;}	
		
	div.content .right
		{
		width: 380px;
		float: right;
		padding: 60px 5px 10px 0;
		}
		
		div.content .right img
			{
			border: 2px solid #c1b08f;
			}


/* Portfolio styles */
div.wrapperPortfolio
	{
	width: 100%;	
	background: #791700 url(../images/filmstrip-bg.jpg) repeat-x bottom;
	clear: both;
	border-top: #540000 solid 15px;
	clear: both;
	line-height: 140%;
	color: #cac2a0;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	}
		div#photocontainer h1
			{
			font-size: 1.4em;
			padding: 10px 0 5px 0;
			font-weight: bold;
			}
		div#photocontainer h2
			{
			padding-bottom: 15px;
			}

div.filmstrip
	{
	width: 100%;
	height: 61px;
	padding: 12px 0;
	margin: 0 auto;
	position:relative;
	top:373px;
	text-align: center;
	}