/*<<<<<<<<<<<   general   >>>>>>>>>>>>*/

body {
	background:url(../img/bg-abstract.jpg) no-repeat center top #352416;
	margin:0;
	font-family: Futura, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#333333;
	height: 10	0%;
}

body#contentBlock {
	background:url(../img/bg-contentBlock.jpg) no-repeat center top #352416;	
}

a {outline:none;text-decoration:none; color:#f15f22;}

a:hover {color:#336633;}

/*<<<<<<<<<<<   global layout   >>>>>>>>>>>>*/

#container {
  width:996px;
  margin:0 auto 0 auto;
  height:100%;
  position:relative;
}


a#logo {
	background:url(../img/id.png) 0 0 no-repeat;
	display:block;
	width:163px;
	height:62px;
	text-indent:-5000px;
	position:relative;
	top:10px;
	right:35px;
	float:right;
}
	
#mainNav {
	height:30px;
	position:absolute;
	right:115px;
	top:17px;
}

	#mainNav li {
		margin:0 0 0 0;
		padding:0;
		background:none;
		text-indent:-5000px;
		float:left;
	}
	#mainNav li a {
		display:block;
		position:relative;
	}
	
	#mainNav li a:hover {background-position:0% 100%;}
	
	#mainNav li a#aBitAboutMe {width:74px; height:41px; background-image:url(../img/navABitAboutMe.png);}
	#mainNav li a#recentWork {left:18px; top:42px; width:63px; height:37px; background-image:url(../img/navRecentWork.png);}
	#mainNav li a#whatIDo {left:36px; top:80px; width:48px; height:30px; background-image:url(../img/navWhatIDo.png);}
	#mainNav li a#contact {left:54px; top:114px; width:40px; height:23px; background-image:url(../img/navContact.png);}
	#mainNav li a#blog {left:70px; top:135px; width:26px; height:24px; background-image:url(../img/navBlog.png);}

h1 {
	width:219px;
	height:31px;
	text-indent:-5000px;
	position:relative;
	left:90px;
	top:50px;
}
	h1#headerWelcome {background:url(../img/headerWelcome.png) 0 0 no-repeat;}
	h1#headerABitAboutMe {background:url(../img/headerABitAboutMe.png) 0 0 no-repeat;}
	h1#headerRecentWork {background:url(../img/headerRecentWork.png) 0 0 no-repeat;}
	h1#headerWhatIDo {background:url(../img/headerWhatIDo.png) 0 0 no-repeat;}
	h1#headerContact {background:url(../img/headerContact.png) 0 0 no-repeat;}
	h1#headerBlog {background:url(../img/headerBlog.png) 0 0 no-repeat;}

body h2 {
	font-size:18px;
	color:#f05f22;
	margin:0;
	font-weight:normal;
	margin:0 0 10px 0;
}

	h2#letsTalk{
		width:212px;
		height:43px;
		background:url(../img/headerWhatYouHaveInMind.gif) no-repeat;
		text-indent:-5000px;
		position:relative;
		left:0;
		top:0;
	}

	h2.large {
		font-size:24px;
		margin:0 0 20px 0;
	}
	.green {
		color:#336633;
	}
	
	.orange {
		color:#f05f22;
	}

body p {
	font-size:12px;
	color:#ede7ca;
	padding:0 0 10px 0;
	line-height:1.5em;
	font-weight:normal;
}

h3 {
	font-size:18px;
	color:#f05f22;
	margin:0;
}

h4 {
	color:#365230;
	margin:0;
	font-weight:normal;
}

#content{
	position:relative;
	top:95px;
	left:140px;
	width:913px;
}

#contentHome {
	position:relative;
	top:67px;
	left:69px;
	width:913px;
	height:500px;
	border:solid 1px #fff;
}

#leftCol{
	width:470px;
	float:left;
}

#rightCol{
	width:260px;
	float:left;
	position:relative;
	top:135px;
	left:65px;
}

#centerContent {
	clear:both;
	width:913px;
}

input{
	background:url(../img/bg-input.jpg) no-repeat;	
	width:160px;
	height:20px;
	font-size:11px;
	border:0;
	font-family:inherit;
	margin:0 0 15px 0;
	padding:0 0 0 5px;
}

input .browse {
	background:url(../img/bg-browse.gif) no-repeat top left;	
	width:245px;
	height:20px;
	cursor:pointer;
}

input .browse:hover {
	background:url(../img/bg-browse.gif) no-repeat bottom left;		
}


input.submit {
	background:url(../img/bg-send.jpg) no-repeat top left;	
	width:48px;
	height:20px;
	float:right;
	cursor:pointer;
	position:relative;
	top:10px;
}

input.submit:hover {
	background:url(../img/bg-send.jpg) no-repeat bottom left;		
}

textarea{
	background:url(../img/bg-textarea.gif) no-repeat;
	width:260px;
	height:120px;
	font-size:11px;
	border:0;
	font-family:inherit;
	padding:0 0 0 5px;	
}



hr { border:0;height:1px;color:#cbc2ad;background-color:#cbc2ad;width:300px;float:left;}


/*<<<<<<<<<<<   css reset   >>>>>>>>>>>>*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
	border:0;
	margin:0;
	padding:0;
	outline:0;
	font-size:100%/120%;
	vertical-align:baseline;
	/*background:transparent;*/
}
body{line-height:1;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{content:'';content:none;}

/* remember to define focus styles */
:focus{outline:0;}

/* remember to highlight inserts somehow */
ins{text-decoration:none;}
del{text-decoration:line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0;}

/* miscellaneous conveniences */
form label{cursor: pointer;}
fieldset{border: none;}