* {
	margin:0;
	padding:0;
	outline:none;
}	
	
body {
	background:url(../images/layout/body-bg.jpg) 50% top no-repeat;
	font-family:Arial, Helvetica, sans-serif;
}

#container {
	width:984px;
	margin:0 auto;
}	

a {
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}

a:hover {
	color:#FF66CC;
}

div.float{ 
	float:left;
	margin: 0 11px 11px 0;
	border: 1px solid #ff6699;
}

/*--*/

#nav {
	margin-top:185px;
	height:72px;
}

#nav li {
	text-indent:-900em;
	list-style:none;
	float:left;
}

#nav li a {
	height:72px;
	display:block;
}

#nav #portfolio a {
	width:115px;
	background:url(../images/layout/nav-portfolio-off.jpg) top left no-repeat;
}	

#nav #portfolio a:hover {
	background:url(../images/layout/nav-portfolio-on.jpg) top left no-repeat;
}

#nav #portfolio #current {
	background:url(../images/layout/nav-portfolio-current.jpg) top left no-repeat;
}

#nav #websites a {
	width:161px;
	background:url(../images/layout/nav-websites-off.jpg) top left no-repeat;
}	

#nav #websites a:hover {
	background:url(../images/layout/nav-websites-on.jpg) top left no-repeat;
}	

#nav #websites #current {
	background:url(../images/layout/nav-websites-current.jpg) top left no-repeat;
}

#nav #print a {
	width:161px;
	background:url(../images/layout/nav-print-off.jpg) top left no-repeat;
}	

#nav #print a:hover {
	background:url(../images/layout/nav-print-on.jpg) top left no-repeat;
}

#nav #print #current {
	background:url(../images/layout/nav-print-current.jpg) top left no-repeat;
}

#nav #video a {
	width:161px;
	background:url(../images/layout/nav-video-off.jpg) top left no-repeat;
}	

#nav #video a:hover {
	background:url(../images/layout/nav-video-on.jpg) top left no-repeat;
}	

#nav #video #current {
	background:url(../images/layout/nav-video-current.jpg) top left no-repeat;
}

#nav #blog a {
	width:70px;
	background:url(../images/layout/nav-blog-off.jpg) top left no-repeat;
}	

#nav #blog a:hover {
	background:url(../images/layout/nav-blog-on.jpg) top left no-repeat;
}	

#nav #blog #current {
	background:url(../images/layout/nav-blog-current.jpg) top left no-repeat;
}


/*--*/

h1 {
	background:url(../images/layout/h1-why.gif) top left no-repeat;
	text-indent:-900em;
	width:705px;
	height:16px;
	display:block;
	clear:both;	
	margin: 10px 0 0 25px;
}

h1#portfolio {
	background:url(../images/layout/h1-main.png) top left no-repeat;
}

h1#websites{
	background:url(../images/layout/h1-website.jpg) top left no-repeat;
}

h1#resume{
	background:url(../images/layout/h1-resume.jpg) top left no-repeat;
}

h1#contact{
	background:url(../images/layout/h1-contact.jpg) top left no-repeat;
}

h1#blog{
	background:url(../images/layout/h1-blog.jpg) top left no-repeat;
}

h1#print {
	background:url(../images/layout/h1-print.jpg) top left no-repeat;
}

h1#video{
	background:url(../images/layout/h1-video.jpg) top left no-repeat;
}

h1#informational {
	background:url(../images/layout/h1-informational.jpg) top left no-repeat;
}

h1#blog {
	background:url(../images/layout/h1-blog.jpg) top left no-repeat;
}

h1#photo {
	background:url(../images/layout/h1-photo.jpg) top left no-repeat;
}

h1#other {
	background:url(../images/layout/h1-other.jpg) top left no-repeat;
}

h1#quote {
	background:url(../images/layout/h1-quote.jpg) top left no-repeat;
}

h2#whichwebsite {
	background:url(../images/layout/h2-whichwebsite.gif) top left no-repeat;
	text-indent:-900em;
	width:321px;
	height:48px;
	display:block;
	clear:both;	
	margin: 10px 0 0 0px;
}

#h3-quote {
	margin: 10px 0 0 11px;
}

#h3-quote img {
	border:none;
}

p#portfolio {
margin: 5px 0 0 25px;
font-size:12px;
width:410px;
line-height:26px;
color:#333333;
}	

#overview {
	
}

/*--*/

#content-left {
	float:left;
	width:601px;
	padding-left:20px;
	margin-top:16px;
	background:url(../images/layout/content-left-bg.jpg) 20px top no-repeat;
}

#content-left p {
	padding:25px 30px 0px 5px;
	font-size:12px;
	line-height:26px;
}

#content-right {
	float:right;
	width:363px;
	margin-top:16px;
}

#content-left #examples {
	margin-left:30px;
	margin-bottom:25px;
}

#content-left #examples li {
	font-size:12px;
}

#subnav {
	height:72px;
	margin: 20px 0 0 7px;
	height:300px;
}

#subnav li {
	text-indent:-900em;
	list-style:none;
}

#subnav li a {
	height:40px;
	width:311px;
	display:block;
	padding: 0px 0 2px 0;
}

#subnav #resume a {
	background:url(../images/layout/subnav-resume-off.jpg) top left no-repeat;
}	

#subnav #contact a {
	background:url(../images/layout/subnav-contact-off.jpg) top left no-repeat;
}	

#subnav #blog a {
	background:url(../images/layout/subnav-blog-off.jpg) top left no-repeat;
}	

#subnav #resume a:hover {
	background:url(../images/layout/subnav-resume-on.jpg) top left no-repeat;
}	

#subnav #contact a:hover {
	background:url(../images/layout/subnav-contact-on.jpg) top left no-repeat;
}	

#subnav #blog a:hover {
	background:url(../images/layout/subnav-blog-on.jpg) top left no-repeat;
}	


#subnav #shopping #current {
	margin-top:-1px;
	height:59px;
	background:url(../images/layout/subnav-shopping-current.jpg) top left no-repeat;
}	

#subnav #informational #current {
	margin-top:-1px;
	height:59px;
	background:url(../images/layout/subnav-informational-current.jpg) top left no-repeat;
}	

#subnav #blog #current {
	margin-top:-1px;
	height:59px;
	background:url(../images/layout/subnav-blog-current.jpg) top left no-repeat;
}	

#subnav #photo #current {
	margin-top:-1px;
	height:59px;
	background:url(../images/layout/subnav-photo-current.jpg) top left no-repeat;
}	

#subnav #other #current {
	margin-top:-1px;
	height:59px;
	background:url(../images/layout/subnav-other-current.jpg) top left no-repeat;
}	

/*--*/

#content-left table {
	background:#D1EFEF;
	width:450px;
	border-left:1px solid #9BCFC2;
	border-top:1px solid #9BCFC2;
	margin-left:5px;
	border:none;
}

#content-left table td {
	background:#F4F9FE url(/images/table-bg.gif) top left repeat-x;
	border-right:1px solid #9BCFC2;
	border-top:1px solid #fff;
	border-bottom:1px solid #9BCFC2;
	border-left:1px solid #fff;
	color:#666;
	font-size:0.8em;
	padding:5px;
	text-align:center;
	font-weight:normal;
	border:none;
}

#content-left table td p {
	font-size:1.1em;
}

#content-left table td a {
	color:#008282;
	text-decoration:none;
	font-weight:bold;
}

#content-left table td a:hover {
	text-decoration:underline;
}

#leftcol table th {
	background:#F4F9FE;
	border-right:1px solid #9BCFC2;
	border-top:1px solid #fff;
	border-bottom:1px solid #9BCFC2;
	border-left:1px solid #fff;
	color:#333;
	font-size:0.9em;
	padding:10px;
	border:none;
}

#content-left table .row2 td  {
	background:#fff;
	border-right:1px solid #9BCFC2;
	border-top:1px solid #fff;
	border-bottom:1px solid #9BCFC2;
	border-left:1px solid #fff;
	color:#666;
	font-size:0.8em;
	padding:5px;
	text-align:center;
	font-weight:normal;
	border:none;
}

#content-left #contact-form table td {
text-align:left;
text-indent:15px;
border:none;
}

#content-left #contact-form table {
border:none;
}

#content-left #contact-form table input {
}

#content-left #contact-form textarea {
width:545px;
}

#content-left #contact-form .contact-button {
	width:152px;
	height:48px;
	background:url(/images/layout/contact-button.png) top left no-repeat;
	cursor:pointer;
	border:none;
}

#content-left #contact-form .error {
color:#FF0000;
font-weight:bold;
}

		.h3 {
		font-style:italic;
font-size: 14px;
	color: #0095d9;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;}
	
		.h4 {
font-size: 11px;
	color: #000066;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;}
.divcontent {
	padding: 20px;
	}
	
	
		.style1 {
font-size: 11px;
	color: #000;
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;}
	
	.style3 {
font-size: 11px;
	color: #4c4c4c;
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;}
	
	
.style4 {color: #4a6c7c; font-weight: bold; font-family: Georgia, Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}

	.style5 {
font-size: 11px;
font-style:italic;
	color: #000;
	font-weight: italic;
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;}
	
	.style6 {
font-size: 14px;
font-weight: bold;
	color: #000;
	font-weight: italic;
	font-family: Georgia,Verdana, Arial, Helvetica, sans-serif;}

#footer-wrapper {
	width: 100%;
	clear:both;
	margin: 0 auto;
	padding: 5px 0 60px 0;
	color:#000;
	text-transform: uppercase;
	font-size: 0.6875em;
	background-color: #ff6699;
}
	#footer div { padding-top: 2px; }
	#footer a { text-transform: none; color: #fff;}
	#footer a:hover { color: #A2DE3E; }