@charset "UTF-8";
/* CSS Document */

#containter {
	width:980px;
	margin:20px auto;
	border:1px #000 solid;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
}
#s1 {
	border-top:20px #8d8c8c solid;
	text-align:center;
}
	#s1 a img {
		border:0 #fff solid;
	}
	#s1 #left {
		float:left;
		border-right:1px solid #000;
		margin:10px 0;
		padding:10px 0;
		width:495px;
		position:relative;
		z-index:1;
	}
	#s1 #lefttext {
		position:relative;
		z-index:0;
		margin:-300px 50px 0 30px;
		float:left;
		width:435px;
	}
	#s1 #right {	
		float:right;
		margin:10px 0;
		padding:10px 0;
		width:475px;
	}
	#s1 #bottom {
		background-color:#8d8c8c;
		clear:both;
	}
#s2 {
	border-top:1px #000 solid;
	border-bottom:1px #000 solid;
}
	#s2 #header {
		text-align:center;
		margin:20px 0;
	}
	#s2 #body {
		background-color:#8d8c8c;
		padding:20px 20px 20px 20px;
	}
	#s2 #body #photo {
		height:429px;
		margin:10px 20px 20px 0;
		float:left;
		background-color:#fff;
		width:105px;
	}
	#s2 #body #nav {
		float:right;
		width:200px;
	}
	#s2 #body #nav a img {
		border:0 #8d8c8c solid;
	}
	#s2 #body #bodytext {
		margin:0 200px 0 125px;
	}
	#s2 a {
		color:#333;
	}
	#s2 a:hover {
		color:#eee;
	}
	/* contact us */
	#s2 #body #bodytext img.us {
		margin-top:-15px;
	}
	#s2 #body #bodytext #us {
		background-image:url(images/2/contact/us-bg.gif);
		background-repeat:no-repeat;
		width:539px;
		height:189px;
	}
	#s2 #body #bodytext #us #icons {
		background-image:url(images/2/contact/icons.gif);
		background-repeat:no-repeat;
		background-position:center top;
		float:left;
		border-right:2px #666 solid;
		width:100px;
		height:159px;
		margin:15px 20px 10px 20px;
	}
	#s2 #body #bodytext #us #text {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:16px;
		padding:20px 0 0 0;
		letter-spacing:-1px;
		line-height:4.4ex;
	}
	#s2 #body #bodytext #us #text a {
		text-decoration:none;
	}
	#s2 #body #bodytext #us #text a:hover {
		color:#666;
	}
	#s2 #body #bodytext img.us-everywhere {
		margin-top:10px;
	}
	#s2 #body #bodytext #everywhere {
		width:350px;
		margin-bottom:-30px;
	}
	#s2 #body #bodytext #everywhere a img {
		border:0px #8d8c8c solid;
	}
	#s2 #body #bodytext #signup {
		float:right;
		margin-top:10px;
	}
	#s2 #body #bodytext #signup #constantcontact {
		background-image:url(images/2/contact/signup.gif);
		background-repeat:no-repeat;
		background-position:top center;
		width:226px;
		height:207px;
		padding:0 20px 10px 10px;
	}
	#s2 #body #bodytext #signup p {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:16px;
		letter-spacing:-1px;
		padding:2ex 0 1ex 0;
		margin:0;
	}
	#s2 #body #bodytext #signup a img {
		border:0px #fff solid;
		margin-top:2px;
	}
	#s2 #body #bodytext #signup p.trust {
		font-weight:normal;
		font-size:12px;
		margin-top:10px;
	}
	#s2 #body #bodytext #signup p.trust a:hover {
		color:#666;
		text-decoration:none;
	}
	/* end contact us */
#s3 {
	padding:15px;
	font-style:italic;
	font-size:15px;	
}
	#s3 img.navigation {
		margin:0 auto;
		border:0px #fff solid;
	}
	#s3 #title {
		float:left;
		margin:5px 5px 20px 0;
		width:70px;
	}
	#s3 #divider {
		float:left;
		width:2px;
		height:482px;
		background-image:url(images/3/line.gif);
		background-repeat:no-repeat;
	}
	#s3 #content {
		margin:0 245px 0 90px;
	}
	#s3 #content .alignright {
		float:right;
		margin:0 -230px 0 0;
	}
	#s3 #content a img {
		border:0px #fff solid;
	}
	#s3 #back {
		position:relative;
		margin-top:5px;
		bottom:10px;
	}
	#s3 #back a img {
		border:0px solid #fff;
	}
	#s3 a {
		color:#333;
	}
	#s3 a:hover {
		color:#666;
		text-decoration:none;
	}
	
	/* clients and links */
	#s3 div.clients-and-links h2 {
		margin-bottom:0;
		padding-bottom:0;
	}
	#s3 div.clients-and-links ul {
		margin-top:0;
		padding-top:0;
	}
	
	/* meet the pros */
	#s3 #meet {
		margin:-10px 0 0 90px;
		font-style:normal;
	}
	#s3 #meet a img {
		border:0px #fff solid;
	}
	#s3 #meet #meetleft {
		float:left;
		width:100px;
		margin-top:32px;
	}
	#s3 #meet #meetright {
		float:right;
		width:100px;
		margin-top:32px;
	}
	#s3 #meet #meetleft a img, #s3 #meet #meetright a img {
		position:relative;
		z-index:0;
	}
	#s3 #meet #meetleft .meetphoto, #s3 #meet #meetright .meetphoto {
		background-image:url(images/3/meet-the-pros/frame.gif);
		background-repeat:no-repeat;
		padding:10px;
		position:relative;
		margin:-86px 0 15px 0;
		z-index:1;
		height:69px;
		width:73px;
		display:block;
	}
	#s3 #meet #meetbody {
		margin:15px 0 0 90px;
		padding:30px 165px 0 60px;
		background-repeat:no-repeat;
		height:552px;
	}
	#s3 #meet #meetbodysarah {
		margin:15px 0 0 90px;
		padding:30px 165px 0 60px;
		background-repeat:no-repeat;
		height:703px;
	}
	#s3 #meet #meetbody .nametitle, #s3 #meet #meetbodysarah .nametitle  {
		margin:2px 0 10px -10px;
	}
	#s3 #meet #meetbody .links, #s3 #meet #meetbodysarah .links {
		float:right;
		margin:15px 60px 0 0;
	}
	/* end meet the pros */	

	/* our most recent work */
	#s3 #recentnav {
		float:right;
		width:200px;
		padding-top:115px;
	}
	#s3 #recentnav a {
		margin-bottom:15px;
		width:185px;
		display:block;
	}
	#s3 #recent {
		margin:10px 200px 0 110px;
		background-repeat:no-repeat;
		height:530px;
		padding:20px 72px 0 40px;
	}
	#s3 #recentnav a img, #s3 #recent a img {
		border:0px #fff solid;
	}
	#s3 #recent .nametitle {
		margin:-5px 0 20px -10px;
	}
	#s3 #recent .screenshotcontainer {
		float:left;
	}
	#s3 #recent .attachment-thumbnail {
		height:115px;
		width:150px;
	}
	#s3 #recent .recentscreenshot {	
		background-image:url(images/3/most-recent-work/frame.gif);
		background-repeat:no-repeat;
		padding:0 11px 0 12px;
		position:relative;
		margin:-114px 0 0 -2px;
		z-index:1;
		height:115px;
		width:155px;
		display:block;
	}
	/* end our most recent work */	
	
	/* web design */
	#s3 #web-design {
		margin-left:30px;
	}
	#s3 #pro-package {
		background:url(images/3/web-design/pro-package-bg.gif);
		background-repeat:no-repeat;
		height:480px;
		width:700px;
	}
	#s3 #pro-package ul {
		margin:0 0 0 1.5em;
		padding:0;		
	}
	#s3 #pro-package p {
		margin-bottom:0;
		padding-bottom:0;
		padding-top:5px;
	}
	#s3 #pro-package #pro-package-tr {
		width:350px;
		float:right;
		margin:10px 20px 7px 0;
	}
	#s3 #pro-package #pro-package-bl {
		width:320px;
		float:left;
		clear:right;
		margin:0 0 20px 20px;
	}
	#s3 #pro-package #pro-package-br {
		width:315px;
		float:right;
		margin:10px;
		padding-left:15px;
		border-left:2px #666 solid;
	}
	#s3 #pro-package #pro-package-br p {
		margin-top:-10px;
	}
	
	/* end web design */
#pagefooter {
	background-color:#8d8c8c;
	padding:20px 10px 10px 10px;
	font-size:14px;
	text-align:right;
	font-style:italic;
}
#pagefooter a {
	color:#333;
}
#pagefooter a:hover {
	color:#fff;
}
br.clear {
	clear:both;
}
h2 {
	font-size:14px;
	margin:0 0 2ex 0;
	padding:0;
	font-style:normal;
}
p {
	margin:0 0 2ex 0;
	padding:0;
}