body {
  margin: 0;
	padding: 0;
  text-align: center;
	position: relative;
	background: #321159 url(../images/bgcanvas.jpg) repeat-x 0 -109px;
	font-size: 13px;
}

body.home {
	background: #321159 url(../images/bgcanvas.jpg) repeat-x 0 0;
}

ul {
  list-style-type: circle;
}

a {
	color: #321159;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


/*div {
	border: 1px solid #f00;
}
*/
/*width from logo to featured: 916px*/
#wrapper{
	text-align: left;
	margin: auto;
	margin-top: 0px;
	padding: 0px;
	position: relative;
	width: 915px;
}

/*width 570 by height 291*/
#wrapper .featured {
	position: absolute;
	font-family:georgia;
	top: 0px;
	right: -100px;
	width: 570px;
	height: 289px;
	background: url(../images/featured.gif);
}
#wrapper .featured h2 span.title {
  color: #fff;
}
#wrapper .featured h2 {
  color: #3fa3ca;
  font-size: 14px;
  font-weight: normal;
  position: absolute;
  top: 16px;
  left: 150px;
}
#wrapper .featured ul.featured_numbers {
  position: absolute;
  right: 115px;
  top: 17px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
}
#wrapper .featured div.featured_arrows {
  position: absolute;
  right: 85px;
  top: 30px;
}
#wrapper .featured ul.featured_numbers li{
  display:inline;
  padding-left: 6px;
}
#wrapper .featured a{
  color: #aaa;
}
#wrapper .featured a.selected{
  color: #fff;
}
#wrapper .featured_arrows a:hover{
  cursor: default;
  text-decoration: none;  
}
#wrapper .featured_arrows a.selectable:hover{
  cursor: pointer;
  color: #fff;
}

#wrapper .sun{
	position: absolute;
	right: 116px;
	bottom: -1px;
	width: 287px;
	height: 92px;
	background: url(../images/sun.gif);
}

#wrapper .main .surfergirl{
	background : url(../images/surfergirl.png) no-repeat;
	position: absolute;
	right: 875px;
	bottom: -5px;
	height: 215px;
	width: 166px;
}

/* Height of the canvas BG is 291 pixels */
#wrapper .top{
	height: 182px;
	margin: 0;
	padding: 0;
}

body.home #wrapper .top{
	height: 291px;
}

/*width 382 height 90*/
.top .logo{
	/*7 pixels on top*/
/*	margin-top: 7px;*/
	top: 7px;
	position: absolute;
	width: 382px;
	height: 90px;
}
.top .logo img{
  border: none;
}

.top .freebird{
	background: url(../images/freebird.gif);	
	width: 500px;
	height: 182px;	
	position: absolute;
	right: -100px;
	top: -2px;
}

/* width 382 height 130 */
.top .quote{
	top: 97px;
	position: absolute;
	width: 382px;
	height: 130px;
	background: url(../images/quote.gif) no-repeat;
	color: #321159;
	font-family: georgia;
	font-size: 15px;
	padding: 35px;
}

#wrapper .main {
	position: relative;
	top: 12px;
}

#wrapper .main ul.top_nav {
	margin:0;
	padding:0;	
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;	
	top: -55px;
	left: 0px;
	position: absolute;
}

#wrapper .main ul.top_nav li{
	margin:0;
	padding:0;	
	font-size: 20px;
	display: inline;
}

#wrapper .main ul.top_nav li a{
	margin-right: 5px;
	padding: 8px 15px 10px 15px;
	color: #06648E;
}

#wrapper .main ul.top_nav li a.selected{
	background: #321159;
	color: #fff;
}

#wrapper .main .content {
  width: 620px;
}
#wrapper .main .entrybody {
	padding-top: 20px;
	padding-right: 30px;
	margin-bottom: 40px;
	width: 590px;
}
#wrapper .main .content, #wrapper .main .entrybody {
	background :#fff url(../images/corner.gif) no-repeat -5px -3px;
	color: #3F3F3F;
	position: relative;
	font-family: georgia;	
	font-size: 15px;
	padding-top: 30px;
	padding-left: 50px;
	padding-bottom: 10px;
}
#wrapper .main .content {
  margin-bottom: 80px;
}
#wrapper .main .entrybody .meta {
  color: #fff;
  position: absolute;
	bottom: -20px;
	right: 0px;
}
#wrapper .main .entrybody .meta a {
  color: #fff;
}
#wrapper .main .entrybody .meta .date {
  font-size: 11px;
  font-weight: normal;
}
#wrapper .main .entrybody .meta ul{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
  margin: 0px;
  padding: 0px;
  position: relative;
  right: 0px;
}
#wrapper .main .entrybody .meta ul li{
  display: inline;
  margin: 0px;
  padding: 0px;
  padding-left: 20px;
}

#wrapper .bluebox {
	width: 596px;
	background: #06648E;
	position: relative;
	padding-bottom: 10px;
	color: #fff;
	font-size: 12px;
}

#wrapper .bluebox .numbers a {
  color: #aaa;
  padding-left: 7px;  
}
#wrapper .bluebox .numbers a.selected {
  font-weight: bold;
  color: #fff;
}
#wrapper .bluebox .numbers a.selected:hover {
  text-decoration: none;
}
#wrapper .bluebox .arrows a {
  color: #aaa;
}
#wrapper .bluebox .arrows a:hover {
  text-decoration: none;
}
#wrapper .bluebox .arrows a.selectable:hover {
  font-weight: bold;
  color: #fff;
}

#wrapper .bluebox .numbers {
  position: absolute;
  right: 44px;
	font-size: 14px;
  top: 8px;
}

#wrapper .bluebox .arrows {
  position: absolute;  
  right: 14px;
	font-size: 14px;
  top: 8px;
}

#wrapper .bluebox .fullview {
	background: url(../images/button_brown.gif) no-repeat;
	height: 16px;
	padding: 2px;
	width: 54px;
	padding-left: 8px;
	padding-right: 2px;
	font-size:13px;
	position: absolute;
	left: 0px;
	bottom: 0px;
}


#wrapper .bluebox .explanation {
  position: relative;
  left: 17px;
  width: 400px;
  top: 8px;
}

#wrapper .bluebox .responsibilities {
  float: right;
  top: 19px;
  position: relative;
  width: 170px;
  margin-right: 5px;
}

#wrapper .bluebox .responsibilities ul {
  padding-left: 10px;
}

#wrapper .bluebox .fixed {
  position: absolute;
  top: -14px;
}

#wrapper .purplebox {
	width: 564px;
	height: 292px;
	background: #9A90BF;
	margin-left: 17px;
	position: relative;
	top: 5px;
}

#wrapper img.featuredimage {
  width: 399px;
	height: 171px;
	padding: 0;
	margin: 0;
  top: 50px;
  right: 80px;
	position: absolute;
	border: none;
}
#birdoverlay {
  width: 119px;
	height: 25px;
	padding: 0;
	margin: 0;
  top: 196px;
  right: 80px;
  background: url(../images/featured_overlay.gif) no-repeat;
	position: absolute;
}

#wrapper img.workimage {
	width: 556px;
	height: 282px;
	padding: 0;
	margin: 0;
	background: #FFF;
  margin-left: 4px;
  top: 5px;
	position: relative;
}

#wrapper table.specialties td {
	vertical-align: top;
}
#wrapper table.specialties ul{
  padding-left: 0px;
  margin-left: 0px;
  margin-right: 45px;
}
#wrapper table.specialties ul li{
  padding-left: 0px;
  margin-left: 25px;
  font-size: 13px;
  padding: 3px;
  color: #321159;
}


body #wrapper .main .entrybody h2 {
  border-bottom: 1px solid #321159;	
	width: 600px;
  font-size: 18px;
	color: #06648E;
	font-weight: normal;
	padding-bottom: 2px;	
}
body #wrapper .main .entrybody h2 a:hover {
  font-weight: bold;  
}

body #wrapper .below_post {
  margin-left: 50px;
  color: #fff;  
}
body #wrapper .below_post a {
  color: #fff;  
}
body #wrapper .below_post ol.commentlist {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
}
body #wrapper .below_post cite{
  font-weight: bold;
/*  font-style: normal;*/
  color: #8569B2
}
body #wrapper .below_post ol.commentlist li {
  border-bottom: #fff 1px dashed;
  width: 600px;
  padding-top: 10px;
}

#wrapper .main .content h2 {
	margin-left: 0px;
	margin-top: 0px;
	width: 400px;
	font-size: 18px;
	color: #06648E;
	font-weight: normal;
	padding-bottom: 2px;
	border-bottom: 1px solid #06648E;	
}
#wrapper .main .content h4 {
	margin-left: 0px;
	margin-top: 20px;
	width: 600px;
	font-size: 18px;
	color: #06648E;
	font-weight: normal;
	padding-bottom: 2px;
	border-bottom: 1px solid #06648E;	
}

#wrapper .main .content h3 {
		padding-left: 15px;
		font-size: 14px;
		color: #06648E;
		font-weight: bold;
}

body #wrapper .main .archives h3 {
  margin-bottom: 0px;
}
#wrapper .main ul.archive-month {
  margin-top: 5px;
}


#wrapper .main .content .bluebox h3 {
  color: #fff;
  padding-top: 9px;
  margin-bottom: 5px;
}

#wrapper .main .works_right_nav {
	background: url(../images/work_nav1.gif) no-repeat 0px 0px;
	position: absolute;
	height: 430px;
	width: 215px;
	right: -30px;
	top: -8px;
}
#wrapper .main .works_right_nav ul.categories {
  margin-top: 55px;
}
#wrapper .main .works_right_nav ul.categories li.selected {
  color: #321159;  
}
#wrapper .main .works_right_nav ul.categories li.selected a{
  color: #321159;
}
#wrapper .main .works_right_nav ul.categories li {
  color: #7252ab;
  padding-bottom: 8px;
}
#wrapper .main .works_right_nav ul.categories li a{
  color: #7252ab;
  font-size: 16px;
}
#wrapper .main .works_right_nav ul.categories ul.works_in_category li a.selected{
  font-weight: bold;
}
#wrapper .main .works_right_nav ul.categories ul.works_in_category li a.selected:hover{
  text-decoration: none;
}

#wrapper .main .works_right_nav div.works_in_category {
  position: absolute;
	background: url(../images/work_nav2.gif) no-repeat 0px 0px;
	width: 209px;
  top: 160px;
	right: 3px;
}
#wrapper .main .works_right_nav div.works_in_category ul {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  margin-top: 10px;
  padding-bottom: 10px;
}
#wrapper .main .works_right_nav div.works_in_category ul li {
  padding: 10px 10px 5px 10px;
  border-bottom: 1px solid #fff;
  margin: 0px 18px 0px 17px;
}
#wrapper .main .works_right_nav div.works_in_category ul li.last {
  border-bottom: none;
}
#wrapper .main .works_right_nav div.works_in_category ul li a{
  color: #ddd;
}
#wrapper .main .works_right_nav div.works_in_category ul li a.selected{
  color: #fff;
  font-weight: bold;
}
#wrapper .main .works_right_nav div.works_in_category ul li a.selected:hover{
  color: #fff;
  text-decoration: none;  
}

/*---------*/
/*#wrapper .main .works_right_nav .recent_posts{
  background: url(../images/recent_mid.gif) repeat-y;
  position: absolute;
  left: 1px;
  top: 240px;
  width: 215px;
}
#wrapper .main .works_right_nav .recent_posts .view_blog {
  background: url(../images/button_purple.gif);
  height: 12px;
  width: 59px;
  position: absolute;
  padding: 4px 0px 4px 8px;
  right: 27px;
  bottom: -10px;
}
#wrapper .main .works_right_nav .recent_posts .rp_top{
  background: url(../images/recent_top.gif) no-repeat;
}
#wrapper .main .works_right_nav .recent_posts .rp_top ul{
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  margin-left: 25px;
  margin-top: 22px;
  padding:0;
}
#wrapper .main .works_right_nav .recent_posts .rp_top ul li{
  margin: 0;
  margin-right: 28px;
  margin-left: 10px;
  padding-top: 15px;
  padding-bottom: 3px;
  border-bottom: 1px solid #71C9E5;
}
#wrapper .main .works_right_nav .recent_posts .rp_top ul li a{
  color: #FFF;
}
#wrapper .main .works_right_nav .recent_posts .rp_top ul li.last{
  border: none;
}
#wrapper .main .works_right_nav .recent_posts .rp_bottom{
  background: url(../images/recent_bottom.gif) no-repeat;
  height: 7px;
  width:215px;
}
*//*---------*/

body.home #wrapper .main .content{
	font-size: 18px;
}

#wrapper .main .content p {
	padding-left: 0px;
	padding-right: 25px;
}

.main .right_nav{
	background: url(../images/socialbox.gif) no-repeat 0px 0px;
	position: absolute;
	height: 430px;
	width: 215px;
	right: -40px;
	top: -4px;
}

.main .right_nav ul{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	margin-left: 25px;
	margin-top: 22px;
	padding:0;
}

#wrapper .main .right_nav ul li{
	margin:0;
	padding:0;
	margin-top: 5px;
}

#wrapper .main .right_nav a img{
	border: none;
}

#wrapper .main .right_nav .recent_posts{
	background: url(../images/recent_mid.gif) repeat-y;
	position: absolute;
	left: 1px;
	top: 240px;
	width: 215px;
}

#wrapper .main .right_nav .recent_posts .view_blog {
	background: url(../images/button_purple.gif) no-repeat;
	height: 12px;
	width: 59px;
	position: absolute;
	padding: 4px 0px 4px 12px;
	right: 27px;
	bottom: -10px;
}

#wrapper .main .right_nav .recent_posts .rp_top{
	background: url(../images/recent_top.gif) no-repeat;
}

#wrapper .main .right_nav .recent_posts .rp_top ul{
	margin: 0;
}
#wrapper .main .right_nav .recent_posts .rp_top ul li{
	margin: 0;
	margin-right: 28px;
	margin-left: 10px;
	padding-top: 15px;
	padding-bottom: 3px;
	border-bottom: 1px solid #71C9E5;
}
#wrapper .main .right_nav .recent_posts .rp_top ul li a{
  color: #FFF;
}
#wrapper .main .right_nav .recent_posts .rp_top ul li.last{
	border: none;
}

#wrapper .main .right_nav .recent_posts .rp_bottom{
	background: url(../images/recent_bottom.gif) no-repeat;
	height: 7px;
	margin-top: 5px;
	width:215px;
}

#wrapper .main .testimonial{
	background : url(../images/testimonial.gif) no-repeat;
	position: absolute;
	right: -29px;
	bottom: -35px;
	height: 264px;
	width: 223px;
}

#wrapper .main .testimonial h2{
padding-top:20px;
margin: 0;
margin-top: 10px;
border: none;
padding-left: 28px;
font-size:18px;
font-weight: normal;
color: #321159;
}

#wrapper .main .testimonial p{
padding-top: 0px;
margin-top: 5px;
padding-left: 28px;
padding-right: 28px;
font-size:12px;
color: #666;
}


#wrapper .main .testimonial p.testiname{
font-style: italic;
font-size:12px;
}

.clear {
	clear: both;
}

/* bottom notes have height 220 pixels */
#bottom{
	background: #B4B4D3 url(../images/border_bottom.gif) 0px 0px repeat-x;
  text-align: center;
	margin: auto;	
	bottom: 0px;
	height: 230px;
	padding-bottom: 20px;
	position: relative;	
}

#wrapper .compensate{
	right: -100px;
	bottom: -246px;
	background: #B4B4D3 url(../images/border_bottom.jpg) repeat-x;
	position: absolute;
	height: 250px;
	width: 900px;
}


table.notes {
	border-collapse: collapse;
	margin: auto;	
	position: relative;
	text-align: left;	
	margin-top: 0px;
	padding: 0px;
}

table.notes td{
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}

table.notes td h2{
	padding: 15px;
	padding-left: 35px;
	padding-bottom: 10px;
	font-size: 16px;
	color: #06648E;
	margin-bottom: 0;
}

table.notes td ul{
	padding-left: 35px;
	padding-right: 20px;
	font-size: 12px;
	list-style-position: inside;	
	color: #321159;
	margin: 0;	
}

table.notes td ul li{
	border-bottom: 1px dashed #321159;
	margin-bottom: 12px;	
}

table.notes td ul li.last{
	border-bottom: none;
	
}
/* width 240, height 220*/
table.notes td.note_left {
	width: 240px;
	height: 216px;
	background: url(../images/bottom_left_note.jpg);
}

/*width 202, height 220 */
table.notes td.note_center {
	width: 202px;
	height: 216px;
	background: url(../images/bottom_middle_note.jpg);
}

#view_links {
	background: url(../images/button_brown.gif) no-repeat;
	position: relative;
	height: 16px;
	padding: 2px;
	padding-left: 3px;
	padding-right: 2px;
	bottom: 8px;
	right: -130px;
	font-size:13px;
}


table.notes td.note_right {
	width: 220px;
	height: 216px;
	background: url(../images/bottom_right_note.jpg);
	font-size: 12px;
	color: #321159;
}

table.notes td.note_right p{
	padding-left: 35px;
	margin-top: 0px;
}