/* @group html5 elements */

article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section { display: block; }

/* @end */

/* @group Header */

body {
	min-width: 1155px; 
}

#navstretch {
	height: 69px; 
	background: url(../img/navbg.png) repeat-x;
	width: 100%;
}

header {
	width: 1080px;
	margin: 0 auto;
	padding: 0px 20px;
}

img#logo {
	float: left;
	position: relative;
	bottom: 1px;
}

img#logo:hover {
	opacity: 0.9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
}

/* @end */

/* @group Navigation */

nav {
	float: right;
	position: relative;
	top: 18px;
}

nav ul li {
	float: left;
	padding-left: 14px; 
}

nav ul li a {
	text-transform: uppercase; 
	color: #b4ccd2; 
	text-shadow: #3d5155 1px 1px 1px; 
	font: normal 14px "AvenirBold", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 10px;
	display: block;
}

nav ul li a:hover {
	color: #354649;
	text-shadow: #84afb8 0px 1px 1px;
	-webkit-transition:color 0.2s ease-in, text-shadow 0.2s ease-in;
	-moz-transition:color 0.2s ease-in, text-shadow 0.2s ease-in;
	-0-transition:color 0.2s ease-in, text-shadow 0.2s ease-in;
	transition:color 0.2s ease-in, text-shadow 0.2s ease-in;
}

#page_why li#why a,
#page_portfolio li#portfolio a,
#page_weblog li#weblog a,
#page_contact li#contact a {
	color: #354649;
	text-shadow: #84afb8 0px 1px 1px;
}




/* @end */

/* @group Footer */

footer {
	margin: 0 auto;
	width: 1080px;
	clear: both;
	border-top: 3px solid #dad9d0;
	padding-top: 13px;
	padding-bottom: 40px;
}

footer p {
	float: left;
}

footer small { 
	font-size: 11px;
	color: #9d9d97;
}

footer small a { 
	color: #848484; 
	font-weight: normal; 
	padding-bottom: 1px;
}

footer small a:hover { 
	color: #696969; 
	text-decoration: underline;
	
}

footer ul {
	float: right;
}

footer ul li {
	float: left;
	padding-left: 25px;	
}

footer ul li a { 
	color: #9d9d97; 
	font-size: 12px;
	display: block;
}

footer ul li a:hover { 
	color: #848484; 
}

footer ul li a#footerrss { 
	background: url(../img/icons/footerrss.png) no-repeat 0 0;
	padding-left: 23px;
}

footer ul li a#footerdribbble { 
	background: url(../img/icons/footerdribbble.png) no-repeat 0 0;
	padding-left: 23px;
}

footer ul li a#footertwitter { 
	background: url(../img/icons/footertwitter.png) no-repeat 0 0;
	padding-left: 23px;
}

/* @end */

/* @group Clearfix */

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* @end */