/* CSS Document */
#wrap, h1, h2, h3, h4, h5, p, ul, ol, li, a, dl, dt, dd, blockquote, select, form, input {
	font-size: 12px;	
	margin: 0;
	padding: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.6em;
	color: #7d7d7d;
}

ul, li, a {
	margin: 0;
	padding: 0;
	font-size: 1.05em;
	list-style-type: none;
}

.clearfloats {
	clear: both;
}

* {
  margin:0;
  padding:0;
}

body {
	margin: 0;
	padding: 0;
	background-color: #646464;
}

#home #wrap, #webdesign #wrap, #commissions #wrap {
	width: 800px;
	height: 600px;
	padding: 0;
	margin: 50px auto;
}

#home #wrap {
	background: #fff url(/img/home_bg.png) no-repeat bottom left;
}

#webdesign #wrap {
	background: #fff url(/img/webdesign_bg.png) no-repeat top left;
}

#commissions #wrap {
	background: #fff url(/img/commissions_bg.png) no-repeat top left;
}

#wrap #masthead h1 a {
	background: url(/img/anna_logo.jpg) no-repeat top left;
	text-indent: -9000px;
	width:223px;
	height:189px;
	float: left;
	display: inline;
	margin: 40px 0 0 30px;
	padding: 0;
}

#wrap {
	border: 3px solid #abd596;
}

#wrap #masthead ul#nav {
	padding-right: 20px;
	margin-top: 105px;
	float: right;
}


#wrap #masthead ul#nav li {
	float: left;
}

#wrap #masthead ul#nav li a {
	padding: 0 0 6px 6px;
	margin-left: 24px;
	background: url(/img/divider.gif) no-repeat bottom left;
}

#wrap #masthead ul#nav li a:link,
#wrap #masthead ul#nav li a:visited {
	text-decoration: none;
}

#wrap #masthead ul#nav li a:hover,
#wrap #masthead ul#nav li a:active {
	text-decoration: none;
	color: #7dda54;
}

#wrap #masthead ul#nav li a.current {
	color: #7dda54;
}

#wrap #content p {
	float: left;	
	clear: both;
	width: 420px;
	margin: 30px 0 0 30px;
	display: inline;
}

/*styles for commissions page */

#wrap #content_commissions {
	float: right;
	width: 500px;
}

#wrap #content_commissions #subnav {
	float: right;
	padding: 40px 80px 0 0;
}

#wrap #content_commissions #subnav p {
 	float: right;
	padding: 0;
}

#wrap #content_commissions #subnav .two_d_work {
	margin: 50px 0 0;
}

#wrap #content_commissions #subnav .two_d_work a {
	text-indent: -9000px;
	float: left;
}

#wrap #content_commissions #subnav .two_d_work a:link,
#wrap #content_commissions #subnav .two_d_work a:visited {
	width: 121px;
	height: 113px;
	background: url(/img/2dwork_button.jpg) no-repeat 0 0;
}

#wrap #content_commissions #subnav .two_d_work a:hover,
#wrap #content_commissions #subnav .two_d_work a:active {
	background: url(/img/2dwork_button.jpg) no-repeat 0 -117px;
}

#wrap #content_commissions #subnav .three_d_work {
	padding: 0;
	margin: 0;
}

#wrap #content_commissions #subnav .three_d_work a {
	text-indent: -9000px;
	float: left;
}

#wrap #content_commissions #subnav .three_d_work a:link,
#wrap #content_commissions #subnav .three_d_work a:visited {
	width: 121px;
	height: 116px;
	background: url(/img/3dwork_button.jpg) no-repeat 0 0;
}

#wrap #content_commissions #subnav .three_d_work a:hover,
#wrap #content_commissions #subnav .three_d_work a:active {
	background: url(/img/3dwork_button.jpg) no-repeat 0 -116px;
}

#wrap #content_commissions #subnav .other_work {
	margin: 70px 0 0 20px;
	padding: 0;
}

#wrap #content_commissions #subnav .other_work a {
	text-indent: -9000px;
	float: left;
}

#wrap #content_commissions #subnav .other_work a:link,
#wrap #content_commissions #subnav .other_work a:visited {
	width: 121px;
	height: 113px;
	background: url(/img/otherwork_button.jpg) no-repeat 0 0;
}

#wrap #content_commissions #subnav .other_work a:hover,
#wrap #content_commissions #subnav .other_work a:active {
	background: url(/img/otherwork_button.jpg) no-repeat 0 -116px;
}

/* end of styles for commissions page */

/*styles for webdesign page */

#wrap #content_webdesign {
	width: 500px;
	float: right;
}

#wrap #content_webdesign #subnav {
	padding: 40px 75px 0 0;
}



/*styles for webdesign2 links (not using post-it-note design) */


#wrap #content_webdesign #subnav {
	padding: 50px 35px 0;
	float: right;
}

#wrap #content_webdesign #subnav li {
	line-height: 2.7em;
	text-align: right;
	background: url(/img/anna.gif) no-repeat 100% 50%;
	padding-right: 20px;
}

#wrap #content_webdesign #subnav a {
	text-decoration: none;
	font-size: 0.9em;
}

/*END - styles for webdesign2 links */








#wrap #content_webdesign #subnav p {
 	float: right;
}

#wrap #content_webdesign #subnav .website2 a {
	float: left;
}

#wrap #content_webdesign #subnav .website2 a:link,
#wrap #content_webdesign #subnav .website2 a:visited {
	width: 121px;
	height: 115px;
	background: url(/img/chloeDouglass_button2.jpg) no-repeat 0 0;
}

#wrap #content_webdesign #subnav .website2 a:hover,
#wrap #content_webdesigns #subnav .website2 a:active {
	background: url(/img/chloeDouglass_button2.jpg) no-repeat 0 -117px;
}

#wrap #content_webdesign #subnav .website1 {
	margin: 50px 0 0;
	padding: 0 0 0 20px;
}

#wrap #content_webdesign #subnav .website1 a {
	text-indent: -9000px;
	float: left;
}

#wrap #content_webdesign #subnav .website1 a:link,
#wrap #content_webdesign #subnav .website1 a:visited {
	width: 121px;
	height: 116px;
	background: url(/img/qvcuk_button.jpg) no-repeat 0 0;
}

#wrap #content_webdesign #subnav .website1 a:hover,
#wrap #content_webdesign #subnav .website1 a:active {
	background: url(/img/qvcuk_button.jpg) no-repeat 0 -117px;
}


#wrap #content_webdesign #subnav .website3 {
	margin: 50px 0 0;
}

#wrap #content_webdesign #subnav .website3 a {
	float: left;
}

#wrap #content_webdesign #subnav .website3 a:link,
#wrap #content_webdesign #subnav .website3 a:visited {
	width: 121px;
	height: 113px;
	background: url(/img/davidEngland_button.jpg) no-repeat 0 0;
}

#wrap #content_webdesign #subnav .website3 a:hover,
#wrap #content_webdesign #subnav .website3 a:active {
	background: url(/img/davidEngland_button.jpg) no-repeat 0 -117px;
}
/* end of styles for webdesign page */

/* styles for contact form */

#wrap #content #contact_form, #error_message {
	width: 200px;
	position:relative;
	bottom: 90px;
	left: 380px;
	margin: 0;
	padding: 0;
}

#wrap #content #contact_form form p {
	margin: 4px 0 2px 0;
	padding: 0;
}

#wrap #content #contact_form form input {
	margin: 0;
	padding: 0;
	border: 1px solid #888;
}

#wrap #content #contact_form form textarea {
	width: 262px;
	height: 4em;
	margin-bottom: 5px;
	height: 3.2em;
	overflow: hidden;
}


#wrap #content #contact_form #error_message p {
	width: 150px;
}