html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strike, strong, sub, sup, tt, var,
b, i, dl, dt, dd, ol, ul, il, section, article,
 form, label, legend, fieldset,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

address, cite, q, dfn {
  font-style: normal;
}

h1, h2, h3, h4, h5, h6, th {
  font-weight: normal;
}

article, aside, dialog, figure, footer, header, 
hgroup, nav, section { 
  display: block;
}
/* set up the custom fonts */

@font-face {
			font-family: 'Vollkorn';
			src: url('../fonts/vollkorn-webfont.eot');
			src: local('?'), url('../fonts/vollkorn-webfont.woff') format('woff'), url('../fonts/vollkorn-webfont.ttf') format('truetype'), url('../fonts/vollkorn-webfont.svg#webfont') format('svg');
			font-weight: normal;
			font-style: normal;
			
			
}


/***************************

main page styles

****************************/



body {
	text-align:center;
	font-family: Helvetica, arial, san-serif;
	font-smooth:always;
	font-weight::bold;
	line-height: 18px;
	font-size:14px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background: #474747 url(../images/background_Main.jpg);
}

#centeredContent {
	width:900px;
	text-align:center;
	margin:0 auto;
}

h1 {
	font: 26px Vollkorn, Verdana, sans-serif;
	text-shadow: 1px 1px 1px #333;
	color:#dad2c3;
}

h2 {

font-size:16px;
#color:#d8cfc0;
text-shadow: 2px 2px 2px #333;
}


a {
text-decoration:none;
color:#FFFFFF;
text-shadow: 2px 2px 2px #000;
}

a:hover {
text-decoration:none;
color:#FFFFFF;
text-shadow:none;
}

a img { border: none }

#filterWarning{
	top:-50px;
	left:35px;
	position:absolute;
	font-size:9px;
	color:#F00;
	background:#FFF;
	display:block;
	padding:2px;
	margin:5px;
}

#dialog, #ipadDialog{
	font-size:11px;
	text-align:left;
}
#dialog a:hover, #ipadDialog a:hover{
	color:#666;
}




/***************************

header and navigation styles

****************************/

header {
	position:fixed;
	top:0px;
	width:100%;
	height:44px;
	z-index:190;
	overflow:hidden;
}
#headerTable{
	width:100%;
	height:44px;
}

#logo {
	position:relative;
	width:780px;
	height:44px;
	background:url(../images/logoLong.png);
	background-repeat:no-repeat;
}
#leftPanel, #rightPanel{
	height:44px;
	background: url(../images/header_tile2.png);
	background-repeat:repeat-x;
}

nav {
	position:relative;
	margin-top:35px; 
	left:5px;
	padding:0; 
	width:800px;
	text-align:left;
}

nav ul{ 
	padding:0;
	margin:0;
	left:25px;
	width:550px;
	list-style: none;
	height:30px;
	position: relative;

}
nav li{
	list-style:none;
	float:left;
	text-align:center;
	padding:0;
	line-height:30px;
}
nav li a {
	z-index: 10;
	display: block;
	height: 30px;
	position: relative;
	margin: 10px;
	color:#807360; 
	text-shadow:none;
	float:left;
}

nav li a:hover {
	z-index: 10;
	display: block;
	float: left;
	height: 30px;
	position: relative;
	color:#FFFFFF;
}



.displace{
	position:absolute;
	text-indent:2000px;
}

/***************************

home section styles

****************************/
#menu1{
	position:relative;
	top:-13px;
}
#homeSplash{
	position:relative;
	top:-120px;
	width:900px;
	height:100%;
	clear:both;
}

#intro{
	position:relative;
	text-align:left;
	left:60px;
	top:100px;
	height:70px;
	width:790px;
	font: 45px Vollkorn, Verdana, sans-serif;
	text-shadow: 1px 1px 0.7px #FFF;
	color:#807360;
}

#splash{
	position:relative;
	top: 80px;
	left:-10px;
}
	
#introText{
	position:absolute;
	top:225px;
	left:70px;
	color:#40392e;
	text-shadow: 1px 1px 1px #666;
	width:440px;
	text-align:left;
}

#workingOn{
	position:absolute;
	top:427px;
	left:53px;
	float:left;
	width:457px;
	height:293px;
	background:url(../images/current_03.png);
	background-repeat:no-repeat;
	text-align:left;
}

#whatHeader{
	position:relative;
	left:45px;
	top:15px;
}

#current{
	position:relative;
	top:25px;
	left:12px;
}

#twitterHolder{
	position:absolute;
	top:427px;
	left:495px;
	width:298px;
	height:292px;
	background:url(../images/tweetBack2.png);
	background-repeat:no-repeat;
}

#twitLogo{
	position:relative;
	left:30px;
	margin-top:10px;
	height:20px;
}

div#twitter {
	position:relative;
	width: 260px;
	left:18px;
	margin-bottom: 2em;
	text-align:left;
	height:245px;
	overflow:hidden;
	color:#FFF;
}

div#twitter h2 {
	margin: 0;
	padding: 5px;
	font-size: 1.1em;
	color: #fff;
	background-color: #827561;
}

p#preloader {
	margin: 0;
	padding: 1em 1em 1em 3em;
}

ul#twitter_update_list {
	margin: 0;
	padding: 0 1em 0.5em 1em;
	list-style-type: none;
}

ul#twitter_update_list li {
	margin: 0;
	padding: 0.8em 0 1em 0;
	border-bottom: 1px solid #ccc;
}

ul#twitter_update_list li a {
	/* timestamp link */
	color: #FFF;
}

ul#twitter_update_list li span {
	display: block;
}

ul#twitter_update_list li span a {
	color: #FFF;
}

ul#twitter_update_list li.lastTweet {
	border-bottom: none;
}

a#profileLink {
	display: block;
	padding: 0.3em 1em;
	color: #fff;
	background-color: #827561;
}

.float{
	position:relative;
	float:left;
	margin:0 10px 0 0;
}

.mTop{
	padding-top:5px;
	height:30px;
}

/***************************

portfolio section styles

****************************/
#portfolio{
	position:relative;
}
#stuffIntro{
	position:relative;
	text-align:left;
	left:60px;
	top:20px;
	height:70px;
	width:790px;
	font: 45px Vollkorn, Verdana, sans-serif;
	text-shadow: 1px 1px 0.7px #FFF;
	color:#807360;
	clear:both;
}

#stuffHeader{
	position:relative;
	top:0px;
	margin-top:405px;
	padding-top:70px;
}
#frontEndGirl{
	position:relative;
	left:-10px;
	top:-40px;
}

#portfolioIntro{
	position:absolute;
	left:70px;
	top:290px;
	color:#40392e;
	text-shadow: 1px 1px 1px #666;
	text-align:left;
	width:400px;
}
#filter{
	position:absolute;
	top:420px;
	left:60px;
	width:300px;
	border:none;
	color:#FFF;
	font-size:11px;
}

#stuffTop{
	position:relative;
	left:-10px;
	top:5px;
}
#stuffFooter{
	position:relative;
	left:-10px;
}
#stuffHolder{
	position:relative;
	top:0px;
	left:64px;
	background-image:url(../images/portfolioTile.jpg);
	background-repeat:repeat-y;
	height:450px;
	overflow:auto;
}
#appHolder{
	position:relative;
	top:-40px;
	margin-left:40px;
	width:800px;
}
#applications li{
	width:220px;
	height:178px;
	overflow:auto;
	float:left;
	border:5px solid #827561;
	margin-bottom:20px;
}

.image-grid:after {
  content: "";
  display: block;
  height: 0;
  width:0;
  overflow: hidden;
  clear: both;
}

.image-grid li {
  width: 220px;
  color: #686f74;
  height: 178px;
  display:block;
  overflow:auto;
  float:left;
  border:5px solid #827561;
  margin-bottom:20px;
}

.image-grid {
  width: 800px;
}

#applications{
	position:relative;
	height:100%;
	width:800px;
}

#portfolio{
	position:relative;
	margin-top:50px;
}


.screen img{
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
	z-index:10;
}


.siteInfo{
	position:absolute;
	width:210px;
	text-align:left;
	height:168px;
	overflow:hidden;
	font-size:11px;
	color:#FFF;
	background-color:#6f6453;
	padding:5px;
}

.screen {
	position:relative;
	float:left;
	width:220px;
	height:178px;
	text-align:left;
	overflow:hidden;
}



/***************************

footer section styles

****************************/
#contact{
	position:relative;
	height:850px;
}
#menu3{
	position:relative;
	top:-10px;
}
#footerGirl{
	position:relative;
	left:0px;
	top:-400px;
	left:600px;
	width:200px;
}
#lookTitle{
	position:absolute;
	top:-60px;
	left:-70px;
	font: 45px Vollkorn, Verdana, sans-serif;
	text-shadow: 1px 1px 0.7px #FFF;
	color:#807360;
	height:70px;
	width:600px;
	clear:both;
}


#footerHolder{
	position:relative;
	left:40px;
	margin-top:80px;
	width:900px;
	height:400px;
	background: url(../images/plainBack.png);
	background-repeat:no-repeat;
}
#col1{
	position:relative;
	height:200px;
	width:200px;
	left:40px;
	top:33px;
	float:left;

}
.icon{
	position:relative;
	float:left;
	margin:10px;
}
#col2{
	position:relative;
	line-height:22px;
	float:left;
	text-align:left;
	height:200px;
	width:360px;
	left:40px;
	top:25px;
	color:#40392e;
	text-shadow: 1px 1px 1px #666;
	padding-top:15px;
}
#nothingToSee{
	position:relative;
	top:40px;
	left:40px;
	font: 30px Vollkorn, Verdana, sans-serif;
	text-shadow: 1px 1px 0.7px #FFF;
	color:#807360;
	height:70px;
	width:500px;
	clear:both;
}
#footerNote{
	position:relative;
	top:18px;
	left:-85px;
	text-align:centre;
	color:#40392e;
	text-shadow: 1px 1px 1px #666;
}
#footerbackground{
	position:relative;
	left:0px;
	height:40px;
	width:100%;
	background: url(../images/footerTile.png);
	background-repeat:repeat-x;
}
footer{
	position:relative;
	left:0px;
	height:40px;
	width:100%;
	bottom:0px;
	
}
/***************************

tipsy styles

****************************/


.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(../images/tipsy.gif); }
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
  .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-north { background-position: top center; }
  .tipsy-south { background-position: bottom center; }
  .tipsy-east { background-position: right center; }
  .tipsy-west { background-position: left center; }