/* Basic stuff */

.clearfix {
	display: block;
}

.clear {
	clear: both;
}

body {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: black;
	font-family: Helvetica, Arial, Geneva sans-serif;
	line-height: 1;
	background: url(images/bg11.jpg) repeat-x;
	background-color: #94C3EB;
	color: #fbf6eb;
	font-size: 12px;
	line-height: 15px;
	}
	
p {
	line-height: 20px;
	font-size: 13px;
	margin-bottom: 20px;
	margin-bottom: 15px;
	text-align: justify;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
}

img {
	margin-bottom: 15px;
}

a {
	color: white;
	font-style: inherit;
}

a:hover {
	text-decoration: none;
}

h1 {
	font-size: 36px;
	color: #FCFFF5;
	margin-bottom: 19px;
	text-transform: uppercase;
}

h2 {
	font-size: 24px;
	margin-bottom: 12px;
}

h3 {
	 font-size: 21px;
	 color: #F9F9F9;
	 margin-bottom: 10px;
	 font-weight: 100;
}

h3 a {
	text-decoration: none;
}

h4 {
	font-size: 16px;
	margin-bottom: 9px;
	font-weight: 300;
}

h5 {
	font-size: 14px;
	margin-bottom: 9px;
}

h6 {
	font-size: 12px;
	margin-bottom: 9px;
}

pre {
	border-left: 3px solid #3b667F;
	padding: 10px;
	background: #5492B6;
	display: block;
	max-width: 400px;
	font-style: italic;
	font-family: Georgia;
	margin-bottom: 15px;
}

blockquote {
	padding: 10px;
	padding-top: 0px;
	margin: 5px;
	margin-top: 0px;
	font-size: 19px;
	max-width: 200px;
	font-style: italic;
	font-family: Georgia;
	line-height: 29px;
	text-indent: -0.49em;
	color: white;
}

blockquote p {
	font-size: 19px;
	display: inline;
	max-width: 200px;
	font-style: italic;
	font-family: Georgia;
	line-height: 29px;
	text-indent: -0.49em;
	color: white;
}

hr {
	border-top: none;
}

ul {
	margin-bottom: 15px;
	font-size: 13px;
}

ol {
	margin-bottom: 15px;
	font-size: 13px;
}

li {
	margin-bottom: 4px;
}

#wrap { 
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -45px;
    width: 965px;
    position: relative;
    background: url(images/content-bg.png) no-repeat center 86px;
}

/* Navigation */
#navwrap {
	padding-left:20px;
	width: 941px;
	height: 62px;
	background: url(images/navbg.png) no-repeat;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 1px;
}

#nav {
	position: relative;
	display: block;
	z-index: 200;
	margin:0;
}

#nav li {
	float: left;
	list-style: none;
	margin-top: 20px;
	position: relative;
}

#nav li.back {
	background: url("images/menu-item.png") no-repeat right -22px;
	width: 8px; height: 22px;
	z-index: 8;
	position: absolute;
}

#nav li.back .left {
	background: url("images/menu-item.png") no-repeat top left;
	height: 22px;
	margin-right: 5px;
}

#nav li a {
	font-size: 11px;
	text-decoration: none;
	color: #0d4b72;
	text-align: center;
	letter-spacing: 0;
	z-index: 10;
	display: block;
	float: left;
	height: 30px;
	position: relative;
	overflow: hidden;
	margin: 4px 10px; 
	text-transform: uppercase;
}

.first {
	/*margin-left: 25px;*/
}

#nav li ul {
	display: none;
	width: 150px;
	border: 1px solid #ccc;
	position: absolute;
	top: 22px;
	left: 0;
	margin:0;
	background-color:#e0e0e0;
}

#nav li ul li {
	float: none;
	margin-top: 10px;
}

#nav li ul li a {
	float: none;
	text-align: left;
	height: 20px;
}

#nav li ul li a:hover {
	color: #fff;
}

/* Logo styles */

.logo {
	margin-right: 5px;
	width: auto;
	float: right;
	position: relative;
	z-index: 300;
}

/* Content */

.column {
	width: 430px;
	padding: 12px 16px 0px 16px;
	float: left;
	text-align: justify;
	margin-top: 2px;
}

#content {
	margin-left: 20px;
	margin-top: 14px;
}

#content img {
	border: 1px white solid;
}

.grey-item {background:url(images/grey_bg.png) no-repeat 0 bottom; padding:10px 20px 5px 10px; margin-bottom:10px;}
.grey-top {background:url(images/grey_bottom_bg.png) no-repeat 0 0;}

/* Overlays */

.portfolio-overlay {
	left: 36px;
	display: none;
	border: none;
	margin-bottom: -209px;
	z-index: 2000000000;
}

#iphone-overlay {
	position: relative;
	margin-right: -387px;
	margin-top: 127px;
}

.blog-overlay {
	left: 36px;
	display: none;
	border: none;
	margin-bottom: -207px;
	z-index: 2000000000;
}

#content img .portfolio-overlay {
	border: none;
}

.overlay {
	left: 36px;
	display: none;
	border: none;
	margin-bottom: -207px;
	z-index: 2000000000;
}

#content img .overlay {
	border: none;
}

/* Footer */

#footerk {
	padding: 20px 20px 0 20px;
	width: auto;
	background: url(images/footer-bg.png) 1px 0px no-repeat;
	position: relative;
	margin: auto;
	width: 925px;
	text-align:center;
	height:135px;
	
}

#footer h3 {
	color: white;
	border-bottom: solid 1px rgb(131, 157, 167);
	line-height: 19px;
	padding: 0 0 9px 0;
}

#footer p {
	font-size: 12px;
	margin-bottom: 0px;
}

#footer p.name {
	margin-left: 15px;
}

#footer span {
	text-align: center;
}

#footer ul {
	margin-left: 0px;
	margin-bottom: 0px;
}

#footer ul ul {
	margin: 0;
	padding: 0;
}

#footer li.dropdown {
	padding-bottom: 0;
}

#footer li.dropdown ul {
	margin-top: 5px;
}

#footer li {
	list-style: none;
	font-size: 12px;
	padding: 6px 0 6px 10px;
	background: url(images/left.png) no-repeat 2px 7px;
}

#footer li:hover {
	padding: 5px 0 5px 10px; 
	border-right-width: 0px;
	border-left-width: 0px;
	border-color: rgb(131, 157, 167);
	border-bottom-width: 1px;
	border-top-width: 1px;
	border-style: solid;
	background: url(images/left.png) no-repeat 2px 6px rgb(89, 122, 135);
}

#footer a {
	text-decoration: none;
	display: block;
}

#footer .box {
	width: 210px;
	position: relative;
	float: left;
	margin-right: 20px;
	margin-top: 22px;
}

#footer .last {
	width: 200px;
	padding-right: 6px;
	margin-right: 0px;
}

#footer h3 {
	font-size: 120%;
	text-transform: uppercase;
}

* {
    margin: 0;
}

html, body {
    height: 100%;
}

#footer, .push {
    height: 17em;
}

#footer .first {
	margin-left: 13px;
}

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 150px;}  /* must be same height as the footer */

#footer {
	position: relative;
	margin-top: -150px; /* negative value of footer height */
	height: 280px;
	clear: both;
	} 

/* CLEAR FIX*/
.clearfix:after {
	content: ".";
	display: block;
	height: 30px;
	clear: both;
	visibility: hidden;
	}
	
.clearfix {
	display: inline-block;
	}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.pp_close {
	margin-bottom: 20px;
}
.footerleft {
	clear: none;
	float: left;
	height: auto;
	width: auto;
}
.footerright {
	clear: none;
	float: right;
	height: auto;
	width: auto;
}