body {
	margin: 0px;
	background-image: url(../images/gradient.png);
	background-repeat: repeat-x;
	background-color: #171717;
}
body,td,th {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 0.1em;
	line-height: 1.4em;
	color: #929291;
}
img {border:none}
#bg {
	background-image: url(../images/top_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 0px;
	width: 100%;
	display: table;	
}
#wrap {
	width: 939px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}

/* Header Begins */
#header_holder {
	margin-top: 0px;
	margin-bottom: 8px;
}
#logo {
	background-image: url(../images/title.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 157px;
	width: 249px;
	float: left;
}

/* Navigation Begins */

#navigation {
   height: 50px;
   width: 568px;
   margin-left: 66px;
   float: left;
   background-repeat: no-repeat;
   background-position: left bottom;
   margin-top: 103px;
}
.spritesnav {
   width: 562px;
   height: 50px;
   background-image: url(../images/navigation.png);
   background-repeat: no-repeat;
   background-position: 0px 0px;
   position: absolute;
   margin: 0px;
}
#live li { background:url(../images/navigation.png) no-repeat; } /* This establishes a background image on all of your list items */
.spritesnav li {
	display: inline;
}
.spritesnav li a:link, .spritesnav li a:visited, .spritesnav li div {
	position: absolute;
	top: 25px;
	height: 25px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
	display: block;
}
.spritesnav li div {
   z-index: 0;
}

   .spritesnav #snhome a:link, .spritesnav #snhome a:visited , .spritesnav #snhome div{ left: 30px; top: 25px; width: 55px; }
   .spritesnav #snhome a:hover, .spritesnav #snhome a:focus, .spritesnav #snhome div{ width:190px; height:50px; left:0; top:0; background:url(../images/navigation.png) -0px -50px no-repeat; }
   .spritesnav #snhome a:active, .spritesnav #snhome div.click { width:203px; height:50px; left:0; top:0; background:url(../images/navigation.png) -0px -50px no-repeat;   }
   .spritesnav #snhome.active a:link, .spritesnav #snhome.active a:visited { cursor: default; width:190px; height:50px; left:0; top:0; background:url(../images/navigation.png) -0px -50px no-repeat;
   }
   .spritesnav #snportfolio a:link, .spritesnav #snportfolio a:visited, .spritesnav #snportfolio div{ left:120px; top:25px; width:70px; }
   .spritesnav #snportfolio a:hover, .spritesnav #snportfolio a:focus, .spritesnav #snportfolio div { width:185px; height: 50px; left:100px; top:0; background:url(../images/navigation.png) -100px -100px no-repeat; }
   .spritesnav #snportfolio a:active, .spritesnav #snportfolio div.click { width:185px; height: 50px; left:100px; top:0; background:url(../images/navigation.png) -100px -100px no-repeat; }
   .spritesnav #snportfolio.active a:link, .spritesnav #snportfolio.active a:visited { width:185px; height: 50px; left:100px; top:0; background:url(../images/navigation.png) -100px -100px no-repeat;  }

.spritesnav #snabout a:link, .spritesnav #snabout a:visited, .spritesnav #snabout div { left:216px; width:70px; top:25px; }
   .spritesnav #snabout a:hover, .spritesnav #snabout a:focus, .spritesnav #snabout div { width: 180px; height: 50px; left: 196px; top: 0; background: url(../images/navigation.png) -196px -50px no-repeat; }
   .spritesnav #snabout a:active, .spritesnav #snabout div.click { width: 198px; height: 50px; left: 196px; top: 0; background: url(../images/navigation.png) -196px -50px no-repeat; }
   .spritesnav #snabout.active a:link, .spritesnav #snabout.active a:visited { cursor: default; width: 198px; height: 50px; left: 196px; top: 0; background: url(../images/navigation.png) -196px -50px no-repeat; }


   .spritesnav #snblog a:link, .spritesnav #snblog a:visited, .spritesnav #snblog div { left: 313px; width: 60px; top: 25px; }
   .spritesnav #snblog a:hover, .spritesnav #snblog a:focus, .spritesnav #snblog div { width: 198px; height: 50px; left: 289px; top:0;  background:url(../images/navigation.png) -289px -100px no-repeat; }
   .spritesnav #snblog a:active , .spritesnav #snblog div.click{ width: 198px; left: 283px; height: 50px; top:0;  background:url(../images/navigation.png) -283px -100px no-repeat; }
   .spritesnav #snblog.active a:link, .spritesnav #snblog.active a:visited { cursor: default; width: 198px; height: 50px; left: 283px; top:0;  background:url(../images/navigation.png) -283px -100px no-repeat; }

  
   .spritesnav #sncontact a:link, .spritesnav #sncontact a:visited, .spritesnav #sncontact div {
	left: 403px;
	width: 67px;
	top: 25px;
   }
   .spritesnav #sncontact a:hover, .spritesnav #sncontact a:focus , .spritesnav #sncontact div{ width: 188px; height: 50px; left: 374px; top:0;  background:url(../images/navigation.png) -374px -50px no-repeat; }
	.spritesnav #sncontact a:active, .spritesnav #sncontact div.click { width: 188px; height: 50px; left: 374px; top:0;  background:url(../images/navigation.png) -374px -50px no-repeat; }
	.spritesnav #sncontact.active a:link, .spritesnav #sncontact.active a:visited { cursor: default; width: 188px; height: 50px; left: 374px; top:0;  background:url(../images/navigation.png) -374px -50px no-repeat; }


/* Navigation Ends */
/* Header Ends */
/* Body Begins */

#content_wrap {
	width: 811px;
	margin-top: 2px;
	margin-left: 74px;
	background-color: 171717;
	margin-right: auto;
}

/* Featured Work Begins */

#feature_work {
	height: 317px;
	width: 811px;
	margin: 0px;
	position: relative;
}
#feature {
	height: 317px;
	width: 811px;
	overflow: hidden;
	margin: 0px;
}
#feature_image {
	left: 0px;
	top: 0px;
	margin-left: 7px;
	height: 317px;
	width: 797px;
}
#feature_controls {
	position: absolute;
	z-index: 5;
	height: 98px;
	width: 670px;
	left: 71px;
	top: 108px;
}
#feature_instruct  {
	float: left;
	height: 72px;
	width: 576px;
	margin-top: 12px;
	background-image: url(../images/hover_bg_text.png);
	background-repeat: repeat-x;
}
#prev {
	background-image: url(../images/previous.png);
	background-position: 0px 0px;
	height: 98px;
	width: 47px;
	background-repeat: no-repeat;
	float: left;
}
#prev:hover {
	background-image: url(../images/previous.png);
	background-position: 0px bottom;
	background-repeat: no-repeat;
}
#next {
	background-image: url(../images/next.png);
	background-position: 0px 0px;
	height: 98px;
	width: 47px;
	background-repeat: no-repeat;
	float: right;
}
#next:hover {
	background-image: url(../images/next.png);
	background-position: 0px bottom;
	background-repeat: no-repeat;
}

/* Featured Work Ends */

/* Home Body Begins */
#recent_wrap {
	height: 406px;
	width: 484px;
	float: left;
	background-image: url(../images/a2.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	margin-left: 7px;
	padding-top: 10px;
}
#blurb {
	height: 406px;
	width: 311px;
	float: right;
	margin-right: 7px;
}
#welcome_blurb {
	background-image: url(../images/welcome.gif);
	background-repeat: no-repeat;
	background-position: top;
	width: 243px;
	height:129px;
	margin: 25px auto 0px auto;
	text-indent: -9999px;
}
.blurb_small {
	font-family: arial,sans-serif;
	color: #afafaf;
	font-size: 11px;
	letter-spacing: 0.6pt;
	word-spacing: -0.6pt;
	line-height: 1.3;
}
#talk_blurb {
	width: 237px;
	margin: 15px auto 25px auto;
}
#recent_work_header {
	background-image: url(../images/recent_work.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 23px;
	width: 173px;
}
#recent_work_container  {
	width: 454px;
	margin-top: 10px;
	margin-left: 28px;
}
#recent_work_thumb_container {
	height: 176px;
	width: 196px;
	margin-bottom: 20px;
	margin-right: 24px;
	float: left;
}
#recent_work_thumb {
	background-image: url(../images/thumb_back.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 123px;
	width: 193px;
	padding-top: 4px;
	padding-left: 5px;

} 
#recent_work_thumb img {
	border: 3px solid #616161;
	width: 184px;
	height: 109px;
	margin-left: -2px;
}
#recent_work_thumb img:hover {
	border: 3px solid #c6a566;
	width: 184px;
	height: 109px;

}
.recent_work_title {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}
.recent_work_summary {
	font-size: 10px;
	line-height: 5px;
	margin: 0px;
	padding: 0px;
	}


/* Home Body Ends */


/* Blog Begins */

#main_body {
	background-image: url(../images/lightgrey.png);
	background-repeat: repeat-y;
	width: 811px;
	background-position: right;
	padding-bottom: 12px;
}
#posts_body {
	width: 435px;
	float: left;
	margin-left: 7px;
	padding-bottom: 12px;
	background-image: url(../images/a2.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}
#post_container {
	width: 479px;
	margin-right: auto;
	margin-left: auto;

}
#post_title  {
	width: 468px;
	margin-right: auto;
	margin-left: auto;
}
#post_title_image {
	width: 438px;
	height: 138px;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/post_header_imag.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 19px;
	padding-top: 20px;
	padding-right: 20px;
	clear: both;
}
#post {
	width: 468px;
	height: 108px;
	margin-left: 5px;
	margin-top: 10px;
	margin-bottom: 20px;
}
.post_date {
	margin-top: 5px;
	float: left;
	color: #92928F;
	margin-bottom: 5px;
	font-weight: bold;
}
.post_comments {
	margin-top: 5px;
	float: right;
	color: #F06;
	margin-bottom: 5px;
	font-weight: lighter;
	margin-right: 1px;
	margin-left: 0px;
}
#sidebar {
	width: 160px;
	float: left;
	margin-right: 7px;
}
#blog_body {
	width: 484px
	padding-bottom: 12px;
	margin-left: 27px;
	float: left;
}
/* Blog Ends */

/* Page Begins */
/* #page_head {
	background-image: url(../images/port_head.jpg);
	background-repeat: no-repeat;
	width: 811px;
	background-position: top;
	padding-top: 25px;
	padding-bottom: 12px;
} */
#Page_head1 {
	margin-left: 100px;
}
#s3 {
	background-image: url(../images/whatido.png);
	background-repeat: no-repeat;
	background-position: left;
	margin: 0px 0px 0px 143px;
	padding-bottom: 5px;
	width: 234px;
	height: 24px;
	text-indent: -9999px;
}
#s4 {
	background-image: url(../images/contactme.png);
	background-repeat: no-repeat;
	background-position: left;
	margin: 0px 0px 0px 143px;
	padding-bottom: 5px;
	width: 364px;
	height: 24px;
	text-indent: -9999px;
}
#s6 {
	background-image: url(../images/this-is-me.png);
	background-repeat: no-repeat;
	background-position: left;
	margin: 0px 0px 0px 143px;
	padding-bottom: 5px;
	width: 142px;
	height: 24px;
	text-indent: -9999px;
}
#s5 {
	background-image: url(../images/divider1.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 0px 53px 20px 53px;
	margin: 0px 0px 0px 120px;
	width: 450px;
	font-family: myriad pro, arial;
	font-size:14px;
	line-height:1.285714;
	letter-spacing:0.085em;
	color: #d9feee;
}
#page_body {
	background-image: url(../images/port_head.jpg);
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 25px;
	padding-bottom: 12px;
	margin-right: auto;
	margin-left: auto;
	width: 811px;
}
#page_container {
	width: 744px;
	margin-right: auto;
	margin-left: auto;
}
.breadcrumbs {
	margin: 7px 0px 55px 100px;
}
/* Page Ends */
/* Portfolio Begins */
#portfolio_title  {
	width: 468px;
	margin-right: auto;
	margin-left: auto;
}
#portfolio_image {
	width: 704px;
	height: 188px;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/portfolio_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 17px;
	padding-top: 17px;
	padding-right: 20px;
	clear: both;
	margin-bottom: 40px;
}
#portfolio_work {
	width: 443px;
	height: 174px;
	float: left;
}
#portfolio_blurb {
	width: 240px;
	height: 151px;
	float: right;
	padding: 10px;
	margin-top: 1px;
}
.portfolio_date {
	margin-top: 5px;
	float: left;
	color: #92928F;
	margin-bottom: 5px;
	font-weight: bold;
}
#port_box {
	width: 603px;
	margin-top: 53px;
	margin-bottom: 13px;
	padding-bottom: 25px;
	margin-right: auto;
	margin-left: auto;
}
#port_type {
	display: block;
	margin-top: 3px;
	padding-top: 5px;
	padding-bottom: 2px;
	height: 16px;
	background-color: #262626;
	font-size: 12px;
	font-family: Myriad Pro, Arial, sans-serif;
	letter-spacing: .09em;
	font-style: normal;
	line-height: normal;
	color: #CCC;
}
#client_control {
	padding-left: 5px;
}
#role_control {
	padding-left: -10px;
}
#project_control {
	padding-left: 4px;
}
#summary_control {
	padding-left: 18px;
	width: 200px;
}
#client {
float: left;
text-indent: -9999px;
background-image: url(../images/client.jpg);
background-repeat: no-repeat;
background-position: 0px -3px;
height: 19px;
width: 45px;
}
#role {
float: left;
text-indent: -9999px;
background-image: url(../images/role.jpg);
background-repeat: no-repeat;
background-position: 0px -3px;
height: 19px;
width: 45px;
}
#project {
float: left;
text-indent: -9999px;
background-image: url(../images/project.jpg);
background-repeat: no-repeat;
background-position: 0px -3px;
height: 19px;
width: 55px;
}
#summary {
float: left;
text-indent: -9999px;
background-image: url(../images/summary.jpg);
background-repeat: no-repeat;
background-position: 0px -3px;
height: 19px;
width: 65px;
}
#summary_type {
	display: block;
	margin-top: 3px;
	padding-top: 5px;
	padding-bottom: 2px;
	background-color: #262626;
	font-size: 12px;
	font-family: Myriad Pro, Arial, sans-serif;
	letter-spacing: .09em;
	font-style: normal;
	line-height: normal;
	color: #CCC;
}
#port_box span {
	margin-left: auto; 
	margin-right: auto;
}
/* Portfolio Ends */

/* AboutPage Begins */
#me {
float: left;
	margin: 50px 25px 0px 67px;
	background-image: url(../images/me.png);
	background-repeat: no-repeat;
	background-position: 3px -263px;
	Padding: 3px;
	background-color:#c6a566;
	text-indent: -9999px;
	width:120px;
	height:214px;
}
#me:hover {
	background-image: url(../images/me.png);
	background-position: 3px 4px;
	background-color:#2c2c2c;
	height:259px; 
}
#about_me {
width: 359px;
margin: 37px 164px 60px 0px;
float: right;

}
#about_me_story {
	width: 460px;
	float left;

}
#what {
	float: right;
	width: 200px;
	margin: 25px 0 0 0;
	background-image: url(../images/tools.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	font-size: 10px;
	padding-bottom: 10px;
}
#what ul {
list-style-image: url(../images/bullet.png);
margin: 0 0 0 10px;
padding: 32px 0 0 15px;
color: #cac7c1;
}
#skill {
	float: left;
	width: 200px;
	margin: 25px 0 0 0px;
	background-image: url(../images/service.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	font-size: 10px;
	padding-bottom: 10px;
}
#skill ul {
list-style-image: url(../images/bullet.png);
margin: 0 0 0 10px;
padding: 32px 0 0 15px;
color: #cac7c1;
}
#linky ul {
list-style-image: url(../images/bullet2.png);
margin: 0 0 0 10px;
padding: 0 0 0 15px;
}
#linky a {
font-family: arial,sans-serif;
color: #cccccc;
font-size: 11px;

}
#linky a:hover {
color: #A64218;

}
/* AboutPage Ends */

/* Secondary Body Ends */
#secondary_body {
	background-image: url(../images/darkgrey.png);
	background-repeat: repeat-y;
	width: 811px;
}

/* Recent Post Begins */
#recent_post_wrap {
	width: 484px;
	float: left;
	margin-left: 7px;
	background-image: url(../images/a1.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}
#recent_post_header {
	background-image: url(../images/recent_posts.jpg);
	background-repeat: no-repeat;
	height: 23px;
	width: 183px;
	background-position: left top;
	margin-top: 13px;
}
#recent_post_container {
	height: 158px;
	width: 426px;
	background-image: url(../images/post_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 10px;
	margin-bottom: 13px;
	margin-left: 28px;
	padding-top: 5px;
	padding-bottom: 8px;
}
#recent_post_bg {
	background-color: #212121;
	height: 158px;
	width: 410px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	padding-top: 2px;
}
#recent_post_box   {
	width: 390px;
	margin-right: auto;
	margin-left: auto;
	height: 38px;
	margin-top: 6px;
	margin-bottom: 2px;
	background-color: #171717;
	padding-left: 8px;
	padding-top: 6px;
}
#recent_post_box span   {
	font-size: 10px;
	line-height: 12px;
	color: #999;
}
/* Recent Post Ends */

/* Find Me Begins */
#find_header {
	background-image: url(../images/find_me.jpg);
	background-repeat: no-repeat;
	height: 23px;
	width: 205px;
	background-position: left top;
	margin-bottom: 10px;
}
.find_me_text {
	margin-left: 28px;
}
#find_container {
	background-image: url(../images/find_me_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 31px;
	width: 336px;
	margin-top: 10px;
	margin-left: 28px;
	padding-left: 3px;
	padding-top: 8px;
}
#share {
	height: 24px;
	width: 325px;
}
.share a {
	height: 24px;
	width: 24px;
	margin-left: 8px;
}

/* Find Me Ends */

/* Flickr Begins */
#flickr {
	height: 308px;
	width: 311px;
	float: right;
	margin-right: 7px;
	padding-top: 13px;
	padding-bottom: 12px;
	padding-left: 0px;

}
#flickr_header {
	background-image: url(../images/flickr.jpg);
	background-repeat: no-repeat;
	height: 23px;
	width: 193px;
	background-position: left top;
	margin-left: 10px;
}
#flickr_container {
	background-image: url(../images/flicker_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 267px;
	width: 258px;
	margin-left: 26px;
	margin-top: 10px;
}
#flickr_r {
	width:252px;
	height: 168px;
	padding:9px 0 0 6px;
	margin-top:0px;
	}
div#flickr_r a img {
	float:left;
	background: #616161;
	margin:0 4px 6px 0px;
	padding:2px;
	width:75px;
	height:75px;
	}
div#flickr_r a:hover img {
	background: #c6a566;
	}
div#flickr_r img[src*="http://geo.yahoo.com"] { display:none }

/* Flickr Ends */
div.spacer{
	clear:both;
	height:6px;
	display:block;
}

/* Footer Begins */
#footer_bg {
	background-image: url(../images/footer_bg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-bottom: 0px;
	width: 100%;
	height: 210px;
	display: table;
	margin-right: auto;
	margin-left: auto;
}


#footer_content {
	width: 939px;
	height: 200px;
	margin-right: auto;
	margin-left: auto;
}
#copyright {
	width: 811px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: 74px;
	height: 16px;
	color: #FAFAFA;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: center;
}
/* Footer Ends */
/* Text Formatting Begins */
a:link {
	color: #c6a566;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
a:visited {
	color: #A64218;
	text-decoration: none;
}
a:hover {
	color: #A8F69B;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
a:active {
	color: #7AB573;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

h2 {
	color: #c6a566;
	font-size: 14px;
	font-weight: bold;
	line-height: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
	letter-spacing: 0.15em;
	white-space: pre;
	display: block;
	padding: 0px;
	margin: 0px;
}
h3 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: oblique;
	font-variant: normal;
	letter-spacing: 0.15em;
	white-space: pre;
	display: block;
	padding: 0px;
	margin: 0px;
	line-height: normal;
}
#ex {
	font-size: 11px;
	color: #929291;
	margin: 0px;
	padding: 0px;
	line-height: 12px;
	text-align: left;
	vertical-align: top;
}
#feature_type  {
	margin-top: 30px;
	display: block;
	margin-left: auto;
	width: 390px;
	margin-right: auto;
	height: 16px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	color: #fff;
}
#feature_type span {
	color: #d3a754;
}

/* Text Formatting Ends */