/* 
Avalon Films Style Sheet

Colors:
Avalon Red: #9D0511
-------------------- */


/* Global Styles
----------------------------------------- */
* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
	margin-bottom: 1px;
}
body {
	background:#cdeaed url(../images/avalon_bkgn_texture.jpg);
	color: #555;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	margin:25px 0 0 0;
}

ul, li {
	list-style: none;
}
h3 {
    background-color:inherit;
    color: #9D0511;
	font-size:1em;
	font-weight:bold;
	margin:0 0 -5px 0;
	padding:0;
}
p {
	margin: 0.5em 0 1em 0;
	line-height: 1.3em;
}
a:link {
	background-color: inherit;
	color: #555;
}
a:visited {
	background-color: inherit;
	color: #555;
}
a:hover {
	background-color: inherit;
	color: #9D0511;
}
a:active {
	background-color: inherit;
	color: #333;
}

input {
    margin:3px 0;
}

/* Structural Divs
----------------------------------------- */
#wrapper {
    background-color: #fff;
	color: #555;
	margin:0 auto;
	width:1000px;
}
body.representation #wrapper { background:#FFFFFF url(../images/reps_bg.jpg) no-repeat scroll right bottom;  }
body.login #wrapper { background:#FFFFFF url(../images/client_bg.jpg) no-repeat scroll right bottom;  }
#flashnavigation {
	float:left;
	height:625px;
	width:268px;
}
#content {
	float:left;
    margin:0 0 -1em 0;
    padding:0;
	width:732px;
}
#footer {
	clear: both;
	background:#cdeaed url(../images/avalon_bkgn_texture.jpg);
	display: block;
	height: 0;
	margin:-5px 0 0 0;
	text-indent:-9999px;
}


/* topnav specifics
----------------------------------------- */
#topnav {
    height:30px;
}
#topnav ul {
	padding:0;
	margin:10px 0 0 20px;
	list-style:none;
}
#topnav li {
	float:left;
	margin:0;
	padding:0;
}
#topnav li a {
	display:block;
	text-indent:-9999px;
	height:30px;
}
/* nav images normal */
#topnav .t-larry a {
	background: url(../images/nav-larry-august.gif);
	width:110px;
}
#topnav .t-anthony a {
	background: url(../images/nav-anthony-garth.gif);
	width:129px;
}
#topnav .t-steven a {
	background: url(../images/nav-steven-finestone.gif);
	width:151px;
}
#topnav .t-peter a {
	background: url(../images/nav-peter-klein.gif);
	width:96px;
}
/* nav images hover */
#topnav li a:hover {
	background-position:0 -30px;
}
/* nav images on */
.larry #topnav .t-larry a, .anthony #topnav .t-anthony a, .steven #topnav .t-steven a, .peter #topnav .t-peter a {
	background-position:0 -30px;
}


/* classes
----------------------------------------- */
.header {
    height:157px;
    margin:15px 0 25px 0;
}
.left {
	float:left;
	margin:10px 0 -1em 22px;
    padding:0;
	width:340px;
}
.right {
	float:left;
	margin:10px 0 -1em 5px;
    padding:0;
	width:340px;
}
.both {
    float:left;
	margin:10px 0 0 22px;
	width:690px;
}

a.hover { 
    display:block;
	height:105px;
	float:left;
	overflow:hidden;
	padding:0 5px 0 0;
	width:105px;
}
a.hover:hover { 
    background-position:0 -105px;
}

.avalon-red {
    background-color:inherit;
    color: #9D0511;
}
.icons {
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
.loginarea {
    margin:0;
}

.individualwork {
    margin:55px 0 0 0;
}


/* images
----------------------------------------- */
img.notepad {
	margin: 17px 0 0 20px;
}
img.statement {
	margin:0 0 0 10px;
}
img.statementnophoto {
	margin:0 0 0 40px;
}
img.thumb {
	border:0;
	margin:0 4px 0 0;
}
img.locationmap {
    float:right;
	margin:-22px 30px 0 20px;
}


/* Self Cleared Float
----------------------------------------- */
#flashnavigation:after, #topnav:after, #content:after, #footer:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.header:after, .left:after, .right:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*Directors Page*/
div#our_directors { margin-left:-30px; overflow:hidden; }
div#our_directors a { display:block; float:left; height:307px; text-indent:-9999em; width:178px; }
    div#our_directors a#larry_august { background: url(../images/larry_august.jpg) 0 0 no-repeat; }
        div#our_directors a#larry_august:hover { background-position:0 -307px; }
    div#our_directors a#anthony_garth { background: url(../images/anthonay_garth.jpg) 0 0 no-repeat; }
        div#our_directors a#anthony_garth:hover { background-position:0 -307px; }
    div#our_directors a#peter_klein { background: url(../images/peter_klein.jpg) 0 0 no-repeat; }
        div#our_directors a#peter_klein:hover { background-position:0 -307px; }
    div#our_directors a#steve_finestone { background: url(../images/steven_finestone.jpg) 0 0 no-repeat; }
        div#our_directors a#steve_finestone:hover { background-position:0 -307px; }

/*No Flash Styles*/
div#flash_required_message { text-align:center; margin:15px 0; width: 1000px; }
div#flash_required_message  h4 { font-size:11px; }
div#navigation { background: url(../images/nav_bg.png) no-repeat; height:625px; position:relative; width:281px; z-index:2; }
div#navigation a#main_logo { background:none;  display:block; height:175px; left:45px; position:absolute; top:100px; text-indent:-9999em; width:138px; }
div#navigation ul { position:absolute; left:76px; top:323px; }
div#navigation  ul li a { color:#fff; display:block; font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:15px; height:100%;  padding:5px 0;  /*text-align:right;*/ text-decoration:none; text-indent:-9999em; text-transform:uppercase; width:100%; }
/*div#navigation  ul li a:hover { background: #ff9933; border-right:2px solid #ffe5bf; color:#b90115; }*/
div#navigation  ul li a span { position:relative; left:-15px;  }

div#navigation ul li { height:28px; margin-bottom:3px; }
	div#navigation ul li.directors { width:161px; }
		div#navigation ul li.directors a { background: url(../images/nav_directors.png) no-repeat; }
		div#navigation ul li.directors a:hover { background-position:0 -38px; }
	div#navigation ul li.featured_work { width:163px; }
		div#navigation ul li.featured_work a { background: url(../images/nav_featured_work.png) no-repeat; }
		div#navigation ul li.featured_work a:hover { background-position:0 -38px; }
	div#navigation ul li.representation { width:165px; }
		div#navigation ul li.representation a { background: url(../images/nav_rep.png) no-repeat; }
		div#navigation ul li.representation a:hover { background-position:0 -38px; }
	div#navigation ul li.company { width:166px; }
		div#navigation ul li.company a { background: url(../images/nav_company.png) no-repeat; }
		div#navigation ul li.company a:hover { background-position:0 -38px; }
	div#navigation ul li.contact { width:168px; }
		div#navigation ul li.contact a { background: url(../images/nav_contact.png) no-repeat; }
		div#navigation ul li.contact a:hover { background-position:0 -38px; }
	div#navigation ul li.client_login { width:169px; }
		div#navigation ul li.client_login a { background: url(../images/nav_client_login.png) no-repeat; }
		div#navigation ul li.client_login a:hover { background-position:0 -38px; }
	
	div#navigation ul li.active a { background-position:0 -38px; }	
div#homepage_bg { background: url(../images/homepage_bg.jpg) no-repeat; height:625px; left:205px; position:relative; margin-bottom:-610px; top:-625px; width:795px; z-index:1;}