/*  Owner: ASHTON DESIGN 
	Title: Main Stylesheet
	Date Created: 02.03.2009
	Last Modified: 02.03.2009
	Author - Source: Thryn J. Albin
	Author - Redux: Casey S. Collier
	Version: 1.3
	Notes:
	Revisions:
*/

/* GLOBAL */
html, body {
height: 100%;
}

body {
background-color: #FAFAFA;
/* background-color:#e2e4e3; */
/* background-color:#404040; */
margin:0;
padding:0;
font: 62.5% Helvetica, sans-serif;
color: #666;
}

* html #pagecontainer { /* for IE6 */
/* height: 100%; */
}

.clear { clear: both; background: none; }

a:link,a:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
color:#999;
text-decoration:none;
}
a:hover,a:active {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
color:#999;
text-decoration:underline;
}

/* MAIN WRAPPER */
#pagecontainer {
margin:10px auto 48px auto;
overflow:visible;
/* min-height: 800px;
height:700px; */ 
width: 800px;
background-color:#FAFAFA;
}

/* FOOTER */
#footer {
margin: 16px auto 0 auto;
height: 20px;
width: 750px;
background: #FAFAFA url(../img/address.png) 120px 0 no-repeat;
}

/* LOGO -- HOME BUTTON */
#logo {
position: relative;
left: 23px;
top: 23px;
margin: 0;
padding: 0;
height:10px;
width: 750px;
list-style: none;
overflow: hidden;
}
#logo li {
margin: 0;
padding: 0;
height: 10px;
list-style: none;
display: inline;
}

#logo a {
float: left;
padding: 10px 0 0 0;
overflow: hidden;
width: 181px;
background: url(../img/ashtonlogo.gif) top left no-repeat;	
height: 0px !important; 
height /**/:10px; /* for IE5/Win only */
}

/* LEFT COLUMN */
#leftcolumn {
position: relative;
float: left;
margin: 20px 0 0 0;
width: 125px;
height: 500px;
}
#leftcolumn p a span {
font-size:9px;
font-family:Arial, sans-serif;
}

#leftcolumn ul {
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
}
#leftcolumn ul li {
line-height:1.4em;
margin-bottom:8px;
}

#leftcolumn ul li a:link,a:visited {
font-size: 1em;
color: #666;
line-height: 1.2em;
text-decoration: none;
}
#leftcolumn ul li a:hover,a:active {
font-size: 1em;
color: #ec6424;
line-height: 1.2em;
text-decoration: none;
}
#leftcolumn ul li a.selected_staff {
font-size: 1em;
color: #EC6424;
line-height: 1.2em;
text-decoration: none;
}

/* THUMBNAILS */
#thumbs {
position:relative;
float: left;
clear: both;
width: 125px;
height: 300px;
}
#thumbs.long{
position:relative;
width: 125px;
height: 400px;
float: left;
clear: both;
}
#thumbs a img{
padding: 4px;
border: none;
}
#thumbs a:hover img, #thumbs a:active img , #thumbs a img#current{
padding: 0;
border: 4px solid #ec6424;
}

/* GALLERY - ENLARGED IMAGE */
#main {
position:relative;
float: right;
margin-top: 24px;
width: 459px;
height: 520px;
}

/* PROJECT DETAILS */
#projecttext {
position: relative;
float: left;
margin: 2px 0 0 4px;
width: 120px;
height: 120px;
}
#projecttext h1 {
margin: 0 0 8px 0;
padding: 0;
font-family: Verdana, sans-serif;
font-size: 9px;
font-weight:normal;
text-transform:uppercase;
color: #333;
line-height: 1.2em;
}
#projecttext p {
margin: 0;
padding: 0;
font-family:Verdana, sans-serif;
font-size: 8px;
color: #000;
line-height: 1.1em;
}

/* CLIENT LIST */
#client_list {
position:relative;
float: left;
margin:-.5em 16px 8px -4px;
width:175px; 
height:auto;
font: 1em normal Verdana, sans-serif;
color: #666;
text-indent: -5px;
}
#client_list ul {
margin:0;
padding:0 0 0 8px;
}
#client_list ul li {
list-style-type:none;
list-style-position:outside;
line-height:1.7em;
text-indent:0;
}

/* AWARDS LIST */
#awards_list{
position:relative;
float: left;
margin:20px 24px 16px 0;
width:200px; 
height:auto;
font: 1em normal Verdana, sans-serif;
color: #666;
text-indent: -5px;
}
#awards_list ul {
margin:0;
padding:0;
}
#awards_list ul li {
list-style-type:none;
list-style-position:outside;
line-height:1.7em;
text-indent:0;
}


/* CONTENT */
#content{
position: relative;
margin-top: 50px;
padding-left: 30px;
float: left;
display: inline;
width: 600px;
/* height: auto;
min-height:531px; */
border-left: 1px solid #666;
}
#content ol {
margin:0;
padding:0;
list-style-position:inside;
}

/* MAIN TEXT */
.maintext {
width:auto;
margin-bottom:8px;
line-height:1.4em;
}
.maintext_history {
width:516px;
line-height:1.4em;
}
.maintext span {
text-decoration:underline;
}


/* STAFF PICS */
.staffphoto{
float: left;
margin: 0;
margin-right: 15px;
border: 1px solid #cccccc;
}

/* LINKS */
#pagecontainer p a.main:link, #pagecontainer p a.main:visited{
font-size: 1em;
color: #666;
line-height: 1.2em;
text-decoration: underline;
}
#pagecontainer p a.main:hover, #pagecontainer p a:active{
font-size: 1em;
color: #ec6424;
line-height: 1.2em;
text-decoration: underline;
}
#pagecontainer #content #leftcolumn p a.main.selected{
font-size: 1em;
color: #ec6424;
}

#pagecontainer #content #leftcolumn p a:link, #pagecontainer #content #leftcolumn p a:visited{
font-size: 1em;
color: #666;
line-height: 1.2em;
text-decoration: none;
}
#pagecontainer #content #leftcolumn p a:hover, #pagecontainer #content #leftcolumn p a:active{
font-size: 1em;
color: #ec6424;
line-height: 1.2em;
text-decoration: none;
}
#pagecontainer #content #leftcolumn p a.selected{
font-size: 1em;
color: #ec6424;
}


/* MAIN NAV */
#mainnavcontainer {
position: relative;
display: inline;
float: left;
margin-top: 50px;
margin-left: 5px;
padding-right: 5px;
height: 531px;
width: 105px;
}
#mainnav {
position: relative;
margin:0;
padding: 0;
height: 100px;
width: 100px;
list-style: none;
}
#mainnav li {
	padding: 0;
	height: 25px;
    list-style: none;
    display: block;
	}
#mainnav li a {
    display: block;
	padding: 25px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:25px; /* for IE5/Win only */
	}
#mainnav a:hover {
	background-position: 0 -25px;
	}
#mainnav a:active, #mainnav a.selected {
	background-position: 0 -25px;
	}

#portfolio a  {
	width: 100px;
	height: 25px;
	background: url(../img/navigation/main_nav_01.gif) top left no-repeat;
		}
#clients a  {
	width: 100px;
	height: 25px;
	background: url(../img/navigation/main_nav_02.gif) top left no-repeat;
	}
#company a  {
	width:100px;
	height: 25px;
	background: url(../img/navigation/main_nav_03.gif) top left no-repeat;
	}
#clientftp a  {
	width: 100px;
	height: 25px;
	background: url(../img/navigation/main_nav_04.gif) top left no-repeat;
	}

/* portfolio navigation */
#pnavcontainer {
position:relative; margin-left: 126px; width:400px; height:15px;
}
#pnav {
margin: 0;
padding: 0;
height:15px;
width:400px;
display: inline;
overflow: hidden;
list-style: none;
}
#pnav li {
	margin: 0; 
	padding: 0;
    list-style: none;
    display: inline;
	}
#pnav a {
	float: left;
	padding: 15px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:15px; /* for IE5/Win only */
	}
#pnav a:hover {
	background-position: 0 -15px;
	}
#pnav a:active, #pnav a.selected {
	background-position: 0 -15px;
	}
#environmental a  {
	width: 134px;
	background: url(../img/navigation/p_nav_01.png) top left no-repeat;
		}
#print a  {
width: 68px;
	background: url(../img/navigation/p_nav_02.png) top left no-repeat;
	}
#identity a  {
	width: 91px;
	background: url(../img/navigation/p_nav_03.png) top left no-repeat;
	}
#web a  {
	width: 51px;
	background: url(../img/navigation/p_nav_04.png) top left no-repeat;
	}
#pnav span{
display: none;}

/* environmental navigation */
#envnavcontainer {
position: relative;
display: inline;
margin-left: -10px;
margin-bottom: 8px;
height: 90px;
width: 120px;
float: left;
}
#envnav {
position: relative;
margin:0;
padding: 0;
height: 100px;
width: 120px;
list-style: none;
}
#envnav li {
	padding: 0;
	height: 20px;
    list-style: none;
    display: block;
	}
#envnav li a {
    display: block;
	padding: 20px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:20px; /* for IE5/Win only */
	}
#envnav a:hover {
	background-position: 0 -20px;
	}
#envnav a:active, #envnav a.selected {
	background-position: 0 -20px;
	}
#commercial a  {
	width: 112px;
	height: 20px;
	background: url(../img/navigation/env_nav_01.png) top left no-repeat;
		}
#educational a  {
	width: 118px;
	height: 20px;
	background: url(../img/navigation/env_nav_02.png) top left no-repeat;
	}
#sports a  {
	width:77px;
	height: 20px;
	background: url(../img/navigation/env_nav_03.png) top left no-repeat;
	}

/* print navigation */
#printnavcontainer {
position: relative;
display: inline;
margin-left: -10px;
margin-bottom: 8px;
height: 90px;
width: 120px;
float: left;
}
#printnav {
position: relative;
margin:0;
padding: 0;
height: 100px;
width: 120px;
list-style: none;
}
#printnav li {
	padding: 0;
	height: 20px;
    list-style: none;
    display: block;
	}
#printnav li a {
    display: block;
	padding: 20px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:20px; /* for IE5/Win only */
	}
#printnav a:hover {
	background-position: 0 -20px;
	}
#printnav a:active, #printnav a.selected {
	background-position: 0 -20px;
	}
#educational a  {
	width: 111px;
	height: 20px;
	background: url(../img/navigation/print_nav_01.png) top left no-repeat;
		}
#architecture a  {
	width: 117px;
	height: 20px;
	background: url(../img/navigation/print_nav_02.png) top left no-repeat;
	}
#corporate a  {
	width:122px;
	height: 20px;
	background: url(../img/navigation/print_nav_03.png) top left no-repeat;
	}
	
/* company navigation */
#cnavcontainer {
position:relative; margin-left: 126px; width:400px; height:15px;
}
#cnav {
margin: 0;
padding: 0;
height:15px;
width:400px;
display: inline;
overflow: hidden;
list-style: none;
}
#cnav li {
	margin: 0; 
	padding: 0;
    list-style: none;
    display: inline;
	}
#cnav a {
	float: left;
	padding: 15px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:15px; /* for IE5/Win only */
	}
#cnav a:hover {
	background-position: 0 -15px;
	}
#cnav a:active, #cnav a.selected {
	background-position: 0 -15px;
	}
#history a  {
	width: 73px;
	background: url(../img/navigation/cnav_01.png) top left no-repeat;
		}
#awards a  {
width: 70px;
	background: url(../img/navigation/cnav_02.png) top left no-repeat;
	}
#contact a  {
	width: 76px;
	background: url(../img/navigation/cnav_03.png) top left no-repeat;
	}
#staff a  {
	width: 54px;
	background: url(../img/navigation/cnav_04.png) top left no-repeat;
	}
#pnav span{
display: none;}