body{
	background:url(../images/bg-01.jpg) no-repeat fixed top center;
	background-color:#00131c;
	border-top: 30px #000 solid;
	font-family: Trebuchet MS;
	color: #fff;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
}
/* ================ FONTS */
h1{
	font-size:3.2em;
	line-height:1.1em;
	margin-bottom:20px;
	display:block;
}
h1.introH1{
	font-size:2.6em;
}
h2{
	margin-bottom:15px;
	font-size:1.7em;
}
h3{
	margin-bottom:15px;
	margin-top:15px;
	font-size:1.5em;
	color:#01C8F5;
}
#aboutMe h3{
	margin-top:0;
}
p{
	line-height:1.5em;
}
/* ================ HEADER */
#header{
	width:960px;
	height:139px;
	margin:auto;
}
#logo{
	width:139px;
	height:139px;
	float:left;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/sayhej-logo.png', sizingMethod='scale');
	margin-top:-10px;
}
/* ================ NAV */
#nav{
	float:right;
	margin-top:80px;
}
#nav li{
	float:left;
	display:block;
}
#nav a{
	display:block;
	color:#000;
	text-decoration:none;
	font-size:1.8em;
	text-align:center;
	padding:5px 10px !important;
	margin-left:5px;
}
#nav a:hover, #nav a.selected{
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	-moz-background-clip:border !important;
	-moz-background-inline-policy:continuous !important;
	-moz-background-origin:padding !important;
	background:transparent url(../images/bg-box.png) repeat scroll 0 0 !important;
	color:#fff;
	font-weight:normal;
}
#nav.projectNav, #nav.contactNav{
	margin-top:0;
	margin-bottom:40px;
	padding-top:30px;
}
/* ================ INTRO */
#intro{
	width:935px;
	margin:auto;
	margin-top:40px;
}
#introLeft{
	width:620px;
	float:left;
}
#introRight{
	width:230px;
	float:right;
}
a.buttonContact{
	background:url(../images/button-contact.png) no-repeat;
	width:146px;
	height:38px;
	display:block;
	margin:15px 0;
	color:#fff;
	text-decoration:none;
	font-size:1.3em;
	padding:13px 0 0 55px;
}
a.buttonWork{
	background:url(../images/button-work.png) no-repeat;
	width:146px;
	height:38px;
	display:block;
	color:#fff;
	text-decoration:none;
	font-size:1.3em;
	padding:13px 0 0 55px;
}
/* ================ CONTENT */
#content{
	width:960px;
	margin:auto;
	clear:both;
	padding-top:15px;
}
/* ================ CONTENT */
#aboutMe{
	margin-bottom:50px;
	padding-bottom:30px;
}
.aboutMeBox p{
	font-size:0.8em;
	margin-bottom:15px;
}
.aboutMeBox{
	float:left;
	margin-right:15px;
	padding:20px;
	min-height:230px;
	padding-top:15px;
}
.aboutMeBox1{
	width:330px;
}
.aboutMeBox2{
	width:240px;
}
.aboutMeBox2 dt{
	color:#2b2b2b;
	margin-bottom:0;
	color:#fff;
	font-size:0.8em;
	line-height:1.5em;
}
.aboutMeBox2 dd{
	font-size:0.8em;
	padding-top:15px;
	font-style:italic;
}
.aboutMeBox3{
	margin-right:0;
	width:240px;
}
.aboutMeBox1 h3{
	background:url(../images/me.png) no-repeat left;
	padding:5px 0 5px 45px;
	margin-top:0;
}
.aboutMeBox2 h3{
	background:url(../images/they-say.png) no-repeat left;
	padding:5px 0 5px 55px;
	margin-top:0;
}
.aboutMeBox3 h3{
	background:url(../images/twitter-icon.png) no-repeat left;
	padding:5px 0 5px 40px;
	margin-top:0;
}
/* ================ TWITTER */
ul#twitter_update_list{
	font-size:0.8em;
}
#twitter_update_list li{
	margin-bottom:10px;
	border-bottom:2px #fff dotted;
	padding-bottom:10px;
}
#twitter_update_list a{
	color:#01C8F5;
	text-decoration:none;
}
#twitter_update_list a:hover{
	text-decoration:underline;
}
a#twitter-link{
	font-size:0.8em;
	color:#01C8F5;
}
/* ================ PROJECT */
#projectWrapper{
	margin-bottom:50px;
}
.project{
	font-size:0.8em;
	margin-bottom:30px;
}
.projectLeft{
	width:730px;
	float:left;
	
}
.projectLeft img{
	width:700px;
	padding:15px 0 15px 15px;
}
.projectRight{
	width:200px;
	float:right;
	padding:15px;
	margin-top:15px;
}
.projectRight a{
	float:right;
	text-decoration:none;
	color:#87c53a;
	background:url(../images/bullet-right.png) no-repeat left;
	padding-left:17px;
	display:block;
}
.projectRight a:hover{
	color:#fff;
}
.projectRightLeft{
	float:left;
	width:55px;
	color:#01c8f5;
}
.projectRightRight{
	float:left;
	width:130px;
}
.project li{
	list-style:none;
	margin-bottom:10px;
}
/* ================ CONTACT FORM */
.contactBox{
	clear:both;
	margin-bottom:400px;
}
#contactForm table{
	width:354px;
	font-size:0.9em;
}
#contactForm{
	width:410px;
	float:left;
	padding-left:13px;
	margin-left:31px;
}
#contactForm, #contactBoxMiddle, #contactBoxRight{
	min-height:255px;
}
#contactForm .left{
	width:130px;
}
#contactForm tr{
	margin-bottom:5px;
}
td.left{
	color:#01C8F5;
	padding-top:10px;
}
textarea#q7{
	width:221px;
	height:78px;
	margin-top:10px;
}
input{
	margin-top:10px;
}
input.btn{
	float:right;
}
#contactForm img{
	margin-top:10px;
}
#uword{
	width:144px;
}
#contactBoxMiddle{
	width:190px;
	float:left;
	margin-left:15px;
	padding:0 20px;
}
#contactBoxMiddle p{
	font-size:0.8em;
	margin-bottom:15px;
}
#contactBoxMiddle span{
	display:block;
	color:#01C8F5;
}
#contactBoxMiddle a{
	color:#fff;
	text-decoration:none;
}
#contactBoxMiddle a:hover{
	text-decoration:underline;
}
#contactBoxRight{
	width:170px;
	float:left;
	padding:0 20px;
	margin-left:15px;
}
#contactBoxRight li{
	margin-bottom:10px;
}
#contactBoxRight li.flickr{
	background:url(../images/flickr_16.png) no-repeat left 3px;
	padding-left:28px;
}
#contactBoxRight li.youtube{
	background:url(../images/youtube_16.png) no-repeat left 3px;
	padding-left:28px;
}
#contactBoxRight li.facebook{
	background:url(../images/facebook_16.png) no-repeat left 3px;
	padding-left:28px;
}
#contactBoxRight li.linkedin{
	background:url(../images/linkedin_16.png) no-repeat left 3px;
	padding-left:28px;
}
#contactBoxRight li.lastfm{
	background:url(../images/lastfm_16.png) no-repeat left 3px;
	padding-left:28px;
}
#contactBoxRight li.twitter{
	background:url(../images/twitter_16.png) no-repeat left 3px;
	padding-left:25px;
}
#contactBoxRight a{
	color:#fff;
	text-decoration:none;
	font-size:0.8em;
}
#contactBoxRight a:hover{
	text-decoration:underline;
}
/* ================ STYLING */
.hideMe{
	display:none;
	padding:0;
	margin:0;
}

div.box1 {
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	-moz-background-clip:border !important;
	-moz-background-inline-policy:continuous !important;
	-moz-background-origin:padding !important;
	background:transparent url(../images/bg-box.png) repeat scroll 0 0 !important;
}
div.box2 {
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topleft:0px;
	-moz-border-radius-topright:10px;
	-moz-background-clip:border !important;
	-moz-background-inline-policy:continuous !important;
	-moz-background-origin:padding !important;
	background:transparent url(../images/bg-box.png) repeat scroll 0 0 !important;
}
/* ================ FIXES */
.cf:after {
                content: ".";
                display: block;
                height: 0;
                clear: both;
                visibility: hidden;
}
 
.cf {display: inline-block;}
 
/* Hides from IE-mac \*/
* html .cf {height: 1%;}
.cf {display: block;}
/* End hide from IE-mac */