/* 

DOC INFO
	Document: General CSS
	Version:  1.4
	Client:   Erik Kvalsvik - Architectural and Interior Photography
	Author:   Casey Collier (casey_at_dashton.com)
	Use:      Almost everything

TOC
	Utilities
	Body
	Header
	Navs
	Content
	Footer

COLORS

	Mintish - #6E9894
	Darker Gray - #666

FONTS
	default text  Georgia, Times, "Times New Roman", serif
	alt body text  Helvetica, Arial, sans-serif
	
*/

/* ================================== UTILITIES */
a {
	/* color:#8FC2FF; */
	text-decoration: none;
	outline: none;
	color:#FFF;
}
a:hover {
	text-decoration: underline;
}
img {
	border:none;
}

.floatright {
float:right;
}

.floatleft {
float:left;
}

.centered {
margin:0 auto;
display:block;
}

.hidden {
	position: absolute;
	top: -10000px;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* ================================== BODY */
body {
font-size:62.5%;
/*background:url(../img/Texture0111.jpg);*/
background:#333;
font-family:Georgia, Times, "Times New Roman", serif;
}


/* ================================== HEADER */

#header {
position:relative;
z-index:10;
margin:25px 0 0 0;
width:460px;
height:25px;
	background:url(../img/erik_header.png) no-repeat;
}

#header a {
display:block;
width:460px;
height:25px;
}

	#header:hover {
	position:relative;
	z-index:10;
	margin:25px 0 0 0;
	width:460px;
	height:25px;
		background:url(../img/erik_header.png) no-repeat 0 -25px;
	}

	h1 {
	padding:5px 0 0 24px;
	font-family:"Times New Roman", Times, serif;
	text-transform:uppercase;
	color:#FFF;
	font-weight:normal;
	font-size:14px;
	letter-spacing:2px;
	line-height:14px;
	vertical-align:middle;
	position:relative;
	  /* for IE */
	  filter:alpha(opacity=100);
	  /* CSS3 standard */
	  opacity:1;
	}
	h1 a {
	}
	h1 a:hover {
	text-decoration:none;
	color:#6E9894;
	}
		h1 span {
		font-family:Helvetica, sans-serif;
		text-transform:uppercase;
		letter-spacing:.1em;
		color:#999;
		font-weight:normal;
		font-size:9px;
		position:absolute;
		top:8px;
		right:16px;
		  /* for IE */
		  filter:alpha(opacity=100);
		  /* CSS3 standard */
		  opacity:1;
		}
	

/* ================================== MAIN NAV */

#nav-outer { /* The container and/or total expanded nav */
position:relative;
height:25px;
/*width:1075px;*/
width:760px;
overflow:hidden;
float:right;
z-index:10 !important;
}

.nav-inner {
position:absolute;
top:0;
right:0;
background-color: rgba(51,51,51,0.8);
}

ul#main-nav {
height:25px;
width:760px;
	box-shadow: 1px 1px 10px #333;
	-webkit-box-shadow: 1px 1px 10px #333;
	-moz-box-shadow: 1px 1px 10px #333;
}
	ul#main-nav li {
	display:inline;
	}

	ul#main-nav a {
	float:left;
	padding:8px;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:2px;
	}
	

/* ================================== SUB NAV */
	ul#sub-nav {
font-family:Helvetica, Arial, sans-serif;
height:25px;
float:left;
}
	ul#sub-nav li {
	display:inline;
	line-height:9px;
	color:#FFF;
	}

		ul#sub-nav li a {
		float:left;
		padding:9px 8px 8px 8px;
		font-weight:normal;
		color:#999;
		}
		ul#sub-nav li a:hover {
		color:#FFF;
		}


/* ================================== MINI NAV */
		ul#sub-nav li .mini-nav {
	float:left;
	height:25px;
	}
		ul#sub-nav li a {
		color:#FFF;
		}
		ul#sub-nav li a:hover {
		color:#CCC;
		}


/* ================================== MINI NAV */
		span.mini-prev {
	float:left;
	display:block;
	height:25px;
	padding-top:9px;
	}
	span.mini-next {
	float:left;
	display:block;
	height:25px;
	padding-top:9px;
	}

.pages a {
font-family:Georgia, "Times New Roman", Times, serif;
margin-top:-2px;
}

/*  ================================== NAV HIGHLIGHTS */
	body.home ul#main-nav li a.nav-about:hover {
	background-color:#5A817D;
	}

	body.home ul#main-nav li a.nav-portfolio:hover {
	background-color:#5A817D;
	}


	body.about ul#main-nav li a.nav-about {
	background-color:#6E9894;
	}
		body.portfolio ul#main-nav li a.nav-about:hover {
		background-color:#5A817D;
		}

	body.portfolio ul#main-nav li a.nav-portfolio {
	background-color:#6E9894;
	}	
		body.about ul#main-nav li a.nav-portfolio:hover {
		background-color:#5A817D;
		}
		

	a.selected {
	color:#6E9894 !important;
	}
	.selected-main {
	background-color:#5A817D !important;
	}
	div.mini-nav a.selected-mini {
	color:#6E9894 !important;
	}


/* ================================== CONTACT BLOCK */
#contact_block {
position:relative;
z-index:5;
width:675px;
height:520px;
margin:50px auto 0 auto;
border:1px solid #FFF;
background-color: rgba(51,51,51,0.9);
	box-shadow: 1px 1px 10px #333;
	-webkit-box-shadow: 1px 1px 10px #333;
	-moz-box-shadow: 1px 1px 10px #333;
}

#contact_block .contact_column_block {
width:285px;
/*height:170px;*/
}

#contact_block .contact_column_left_1 {
float:left;
width:285px;
margin:35px 0 0 35px;
}

#contact_block .contact_column_left_2 {
float:left;
width:285px;
margin:35px 0 0 35px;
}

	#contact_block h3 {
	position:relative;
	color:#FFF;
	color: rgba(255,255,255,1.0);
	margin-bottom:16px;
	text-transform:uppercase;
	font-size:11px;
	font-weight:normal;
	letter-spacing:1px;
	}
	#contact_block p {
	margin:16px 0 16px 0;
	padding:0;
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	line-height:15px;
	color:#CCC;
	}
	#contact_block p span {
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	}

#contact_block ul {
font-size:11px;
font-family:Helvetica, Arial, sans-serif;
}
	#contact_block ul a {
	color:#CCC;
	}
		#contact_block ul a:hover {
		color:#6E9894;
		}
	#contact_block li {
	color:#CCC;
	line-height:16px;
	}
	#contact_block li span {
	font-family:Georgia, "Times New Roman", Times, serif;
	}
	

#contact_block a.email-link {
position:relative;
color:#6E9894;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
}
#contact_block a.email-link:hover {
text-decoration:underline;
}

#contact_block p.list-alt-color {
color:#999;
}
#contact_block p.list-alt-color span {
color:#FFF;
}

/*  ================================== FOOTER */
#footer {
display:none;
/*width:169px;*/
width:310px;
position:absolute;
right:0;
bottom:0;
z-index:4;
background-color: rgba(51,51,51,0.7);
/*	box-shadow: 0px 1px 10px #333;
	-webkit-box-shadow: 0px 1px 10px #333;
	-moz-box-shadow: 0px 1px 10px #333;*/
}
	#footer p {
	padding:8px 0 6px 8px;
	font-family:Helvetica, sans-serif;
	text-transform:uppercase;
	color:#FFF;
	font-weight:normal;
	font-size:9px;
	line-height:9px;
	
		  /* for IE */
		  filter:alpha(opacity=100);
		  /* CSS3 standard */
		  opacity:1;
	}
	
	#footer p.site-credit {
	position:absolute;
	bottom:0;
	right:9px;
	padding:8px 0 6px 8px;
	font-family:Helvetica, sans-serif;
	text-transform:uppercase;
	color:#666;
	font-weight:normal;
	font-size:9px;
	line-height:9px;
	
		  /* for IE */
		  filter:alpha(opacity=100);
		  /* CSS3 standard */
		  opacity:1;
	}
	#footer p.site-credit a {
	color:#666;
	}
	#footer p.site-credit a:hover {
	color:#999;
	text-decoration:none;
	}