body {
	margin: 0px;
	padding: 0px;
	background-image: url(../x_images/body_back.gif);
	background-repeat: repeat;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #50505D;
}
div,p {
	padding: 0;
	margin-top: 0;
}
strong {
	color: #a00;
}
ul {
	margin-left: 0;
	padding-left: 0;
}
ul li {
	list-style-type: none;
	padding-left: 2em;
	margin-bottom: 0.5em;
	background-image: url("../x_images/fire.gif");
    background-repeat: no-repeat;
    background-position: top left;
}

hr {
    display: block;
    height: 2px;
    border-top: 1px dashed #9D9DA1;
    border-left: 0 none;
    border-right: 0 none;
    border-bottom: 1px solid #E0DFE3;
    margin: 1em 0;
    padding: 0;
}
a:link {
	color: #60606D;
	text-decoration: underline;
	font-style: italic;
}

a:visited {
	color: #60606D;
	text-decoration: underline;
	font-style: italic;
}

a:active {
	color: #60606D;
	text-decoration: underline;
	font-style: italic;
}

a:hover {
	color: #000;
	text-decoration: none;
	font-style: italic;
}



/* ----- HEADER AND LOGO STYLES ----- */
#header {
	background-color: #EAEAF0;
	background-image: url(../x_images/banner_tile.gif);
	background-repeat: repeat-x;
	height: 118px;
	width: 770px;
}
#C {
	position: absolute;
	left: 8px;
	top: 17px;
	background-image: url(../x_images/C.gif);
	background-repeat: no-repeat;
	height: 73px;
	width: 59px;
}
#coldmountain {
	position: absolute;
	left: 73px;
	top: 34px;
	background-image: url(../x_images/coldmountain.gif);
	background-repeat: no-repeat;
	height: 32px;
	width: 248px;
}
#coldmountain h1, #coldmountain h2 {
	display: none;
}
#sitemap a{
	color: #eaeae0;
	font-size: 6px;
}
#sitemap a:hover {
	color: #eaeae0;
}



/* ----- MAIN NAV LIST STYLES ----- */
#nav {
	position: absolute;
	top: 14px;
	left: 690px;
	width: 80px;
	font-size: 10px;
	z-index: 3;
}
#nav ul {
	padding: 0;
	margin: 0;
	border: none;
	list-style: none;
}
#nav ul li {
	padding: 0;
	margin: 0;
	border: none;
	list-style: none;
}
#nav a {
	display: block;
	text-decoration: none;
	width: 80px;
	height: 16px;
	padding: 0;
	margin: 0;
	border: none;
}
#nav span {
/*
	visibility: hidden; 
*/
	z-index: -1;
	position: relative;
	color: #000;
}
#nav li#homenav a{
	background-image: url(../x_images/nav/web-design-homepage.gif);
}
#nav li#portfolionav a{
	background-image: url(../x_images/nav/web-design-portfolio.gif);
}
#nav li#infonav a{
	background-image: url(../x_images/nav/web-design-information.gif);
}
#nav li#archivenav a{
	background-image: url(../x_images/nav/web-design-archive.gif);
}
#nav li#contactnav a{
	background-image: url(../x_images/nav/web-design-contact.gif);
}
#nav li#homenav a:hover, #nav li#portfolionav a:hover, #nav li#infonav a:hover, #nav li#archivenav a:hover, #nav li#contactnav a:hover {
	background-position:0px -16px;
}
/* active navs */
.homepage #nav li#homenav a,
.portfoliopage #nav li#portfolionav a,
.infopage #nav li#infonav a,
.contactpage #nav li#contactnav a,
.archivespage #nav li#archivenav a {
	background-position:0px -16px;
}

/* ----- SECONDARY NAV LIST ----- */
#secondnav {
	margin-top: 4px;
	margin-bottom: 12px;
}
#secondnav a {
	text-decoration: none;
	background: #F3F3F6;
	color: #8D8EA5;
	padding: 0px 4px 0px 4px;
	font-style: normal;
	border-right: 1px solid #CBCCD7;
	border-bottom: 1px solid #CBCCD7;
}
#secondnav a:hover {
	text-decoration: none;
	background: #FFFFFF;
	color: #50505D;
	padding: 0px 4px 0px 4px;
	font-style: normal;
	border-right: 1px solid #CBCCD7;
	border-bottom: 1px solid #CBCCD7;
}
#secondnav .current {
	background: #fff;
	color: #50505D;
	border-right: 1px solid #CBCCD7;
	border-bottom: 1px solid #CBCCD7;
}



/* ----- TERTIARY NAV LIST ----- */
#thirdnav {
	position: absolute;
	width: 291px;
	left: 443px;
	top: 204px;
	z-index: 100;
}
#thirdnav ul {
	text-align: right;
	list-style: none;
	margin-top: 6px;
	padding-right: 8px;
}
#thirdnav ul li {
	background-image: none;
}
/* active third navs */
#thirdnav a.active, #photo_menu a.active,
#web-design-page #thirdnav a#web-design,
#web-development-page #thirdnav a#web-development,
#project-management-page #thirdnav a#project-management,
#copywriting-page #thirdnav a#copywriting,
#photography-page #thirdnav a#photography,
#animation-page #thirdnav a#animation {
	font-weight: bold;
	color: #000;
	text-decoration: none;
	padding-right: 6px;
	border-right: 3px solid #fff;
}
/* ----- POSITION PAGE ELEMENTS ----- */
#pageheading {
	position: absolute;
	left: 75px;
	top: 167px;
	margin: 0;
	padding: 0;
}
#pageheading span {
	visibility: hidden;
}
#home_text, #about_text{
	position: absolute;
	left: 77px;
	width: 300px;
}
#home_text {
	top: 210px;
}
#about_text {
	top: 197px;
}

#mainimage {
	position: absolute;
	left: 429px;
	top: 190px;
	width: 323px;
}


/* ----- ARCHIVED PHOTOS PAGE ----- */
#photo_menu {
	position: absolute;
	left: 15px;
	top: 210px;
	width: 146px;
	height: 512px;
	text-align: right;
}
#photo_menu li {
	margin: 0;
	background: none;
	margin-bottom: 2px;
}
#bigpicframe {
	position: absolute;
	left: 224px;
	top: 169px;
	width: 534px;
	height: 409px;
	background-color: #EAEAF0;
	background-image: url(../x_images/500_image_back.jpg);
	background-repeat: no-repeat;
}
#bigpic {
	position: absolute;
	z-index: 500;
	left: 239px;
	top: 184px;
	width: 500px;
	height: 375px;
	background-color: #FFF;
}
/* ----- EMPTY STYLES FOR JAVASCRIPT STYLE SWITCHER -----*/
a.nonactive {
}

a.nonactive:visited {
}

/* ----------- PAGE HEADINGS ------------- */
.homepage #pageheading {
	width: 73px;
	height: 25px;
	background-image: url(../x_images/headings/home_heading.gif);
	background-repeat: no-repeat;
}
.infopage #pageheading {
	width: 48px;
	height: 25px;
	background-image: url(../x_images/headings/info_heading.gif);
	background-repeat: no-repeat;
}
.contactpage #pageheading {
	width: 98px;
	height: 25px;
	background-image: url(../x_images/headings/contact_heading.gif);
	background-repeat: no-repeat;
}
.archivespage #pageheading {
	width: 96px;
	height: 25px;
	background-image: url(../x_images/headings/archive_heading.gif);
	background-repeat: no-repeat;
}