#/* CSS Document */
@charset "utf-8";

* {
	margin:0;
	padding:0;
	list-style:none;
}


body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	width: 12000px;
	overflow: scroll;
	background-color:#000;

}


a img {
	border:none;
}


p {
	line-height: 13px;
	color: #999;
	text-align: left;
	font-size: 12px;
}



h1 {
	font-size: 14px;
	color: #FFF;
}




img {
	border: none;
}



/*------------ GLOBAL ------------*/

.container {
	float: left;
	display: block;
	height: 800px;
	width: 2000px;
	position: relative;
	z-index:0 !important;
}

.interior {
	width: 1280px;
}


#banner_vert {
	position: absolute;
	height: 459px;
	width: 101px;
	top: 132px;
	left: 36px;
	display: block;
	background: url("img/banner-vert-white.png") no-repeat 0 0;
	background-position: 0 0;
	z-index:0 !important;
}

#banner_vert span
{
  display: none;
}


/*----------ARROW BUTTONS-----------*/

#next {
	position: absolute;
	height: 70px;
	width: 83px;
	top: 53px;
	left: 672px;
	display: block;
	background: url("images/btn_next.png") no-repeat 0 0;
	background-position: 0 0;
}

#next:hover
{
	background-position: 0px -70px;
}

#next.glow
{
	background-position: 0px -70px;
}


#next span
{
  display: none;
}

#back {
	position: absolute;
	height: 69px;
	width: 88px;
	top: 53px;
	left: 43px;
	display: block;
	background: url("images/btn_back.png") no-repeat 0 0;
	background-position: 0 0;
}

#back:hover
{
	background-position: 0px -69px;
}


#back span
{
  display: none;
}




.copyright {
	position: absolute;
	width: 600px;
	height: 26px;
	left: 108px;
	top: 727px;
}


.copyright p {
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666;
}


.copy p{
	font-size:12px;
	color: #CCC;
	text-align: left;
}


/*------------ HOME ------------*/



#home {
	background-color: #000;
	background-image: url('images/bg_01_home.png');
	background-repeat: no-repeat;
	background-position: left top;
}

#banner {
	position: absolute;
	height: 120px;
	width: 560px;
	top: 78px;
	left: 119px;
	display: block;
	background: url("img/banner-white.png") no-repeat 0 0;
	background-position: 0 0;
	z-index:2 !important;
}

#banner span
{
  display: none;
}


#frontNote {
	position:absolute;
	left: 705px;
	top: 115px;
	height: 39px;
	width: 162px;
}


/*#arrow_note {
	position: absolute;
	height: 82px;
	width: 162px;
	top: 111px;
	left: 674px;
	display: block;
	background: url("images/arrow_notification.png") no-repeat 0 0;
	background-position: 0 0;
}

#arrow_note span
{
  display: none;
}
*/

#next2 {
	position: absolute;
	height: 35px;
	width: 35px;
	top: -25px;
	left: -79px;
	display: block;
	background: url("images/next_mab.png") no-repeat 0 0;
	background-position: 0 0;
}

#next2:hover
{
	background-position: 0px -35px;
}


#next2 span
{
  display: none;
}

#prev2 {
	position: absolute;
	height: 35px;
	width: 35px;
	top: -25px;
	left: -117px;
	display: block;
	background: url("images/prev_mab.png") no-repeat 0 0;
	background-position: 0 0;
}

#prev2:hover
{
	background-position: 0px -35px;
}


#prev2 span
{
  display: none;
}


#newsTitle {
	position: absolute;
	height: 34px;
	width: 74px;
	top: 514px;
	left: 148px;
	display: block;
	background: url("images/news.png") no-repeat 0 0;
	background-position: 0 0;
}

#newsTitle span
{
  display: none;
}


#news {
	position:absolute;
	width:500px;
	height:152px;
	top:523px;
	left:146px;
	padding-top: 5px;
	padding-left: 5px;
}


#news p {
	line-height:13px;
}

#home .banner_sub{
	position:absolute;
	width:205px;
	height:17px;
	top:507px;
	left:452px;
	padding-top: 5px;
	padding-left: 5px;
}

#home .banner_sub p {
	font-size:8pt;
	color: #CCC;
	text-align: left;
}

#home_facebook {
	position: absolute;
	height: 24px;
	width: 24px;
	top: 682px;
	left: 320px;
	display: block;
	background: url("images/facebook16.png") no-repeat 0 0;
	background-position: 0 0;
}

#home_facebook span
{
  display: none;
}

#home_twitter {
	position: absolute;
	height: 24px;
	width: 24px;
	top: 682px;
	left: 350px;
	display: block;
	background: url("images/twitter16.png") no-repeat 0 0;
	background-position: 0 0;
}

#home_twitter span
{
  display: none;
}

#home_linkedin {
	position: absolute;
	height: 24px;
	width: 24px;
	top: 682px;
	left: 380px;
	display: block;
	background: url("images/linkedin16.png") no-repeat 0 0;
	background-position: 0 0;
}

#home_linkedin span
{
  display: none;
}

#home_blogger {
	position: absolute;
	height: 24px;
	width: 24px;
	top: 682px;
	left: 410px;
	display: block;
	background: url("images/blogger16.png") no-repeat 0 0;
	background-position: 0 0;
}

#home_blogger span
{
  display: none;
}

#home_flickr {
	position: absolute;
	height: 24px;
	width: 24px;
	top: 682px;
	left: 440px;
	display: block;
	background: url("images/flickr16.png") no-repeat 0 0;
	background-position: 0 0;
}

#home_flickr span
{
  display: none;
}


/*------------ ABOUT ------------*/

#about {
	background-color: #000;
	background-image: url('images/bg_02_about.png');
	background-repeat: no-repeat;
	background-position: left top;
}



#pt_about {
	position: absolute;
	height: 47px;
	width: 283px;
	top: 88px;
	left: 165px;
	display: block;
	background: url("images/pt_about.png") no-repeat 0 0;
	background-position: 0 0;
}

#pt_about span
{
  display: none;
}

/*TEXT*/
#about .copy {
	position:absolute;
	width:426px;
	height:373px;
	top:301px;
	left:155px;
	padding-top: 5px;
	padding-left: 5px;
	overflow: visible;
	padding-right: 20px;
}



#about .chris_photo {
	position:absolute;
	width:124px;
	height:124px;
	top:150px;
	left:171px;
	padding:0px;
	margin:0px;
}

#about .andy_photo {
	position:absolute;
	width:124px;
	height:124px;
	top:150px;
	left:318px;
	padding:0px;
	margin:0px;
}

#about_banner {
	position: absolute;
	height: 311px;
	width: 89px;
	top: 163px;
	left: 706px;
	display: block;
	background: url("images/about_banner.png") no-repeat 0 0;
	background-position: 0 0;
}

#about_banner span
{
  display: none;
}


#about_quote {
	position: absolute;
	height: 222px;
	width: 221px;
	top: 85px;
	left: 470px;
	display: block;
	background: url("images/quote_dci_redux.png") no-repeat 0 0;
	background-position: 0 0;
	z-index: 1;
}

#about_quote span
{
  display: none;
}

#about_facebook {
	position: absolute;
	height: 24px;
	width: 24px;
	top: 640px;
	left: 302px;
	display: block;
	background: url("images/facebook16.png") no-repeat 0 0;
	background-position: 0 0;
	visibility: hidden;
}

#about_facebook span
{
  display: none;
}

#about_twitter {
	position: absolute;
	height: 24px;
	width: 24px;
	top: 640px;
	left: 342px;
	display: block;
	background: url("images/twitter16.png") no-repeat 0 0;
	background-position: 0 0;
	visibility: hidden;
}

#about_twitter span
{
  display: none;
}

#about_linkedin {
	position: absolute;
	height: 24px;
	width: 24px;
	top: 640px;
	left: 382px;
	display: block;
	background: url("images/linkedin16.png") no-repeat 0 0;
	background-position: 0 0;
	visibility: hidden;
}

#about_linkedin span
{
  display: none;
}

#about_blogger {
	position: absolute;
	height: 24px;
	width: 24px;
	top: 640px;
	left: 422px;
	display: block;
	background: url("images/blogger16.png") no-repeat 0 0;
	background-position: 0 0;
	visibility: hidden;
}

#about_blogger span
{
  display: none;
}

#about_flickr {
	position: absolute;
	height: 24px;
	width: 24px;
	top: 640px;
	left: 462px;
	display: block;
	background: url("images/flickr16.png") no-repeat 0 0;
	background-position: 0 0;
	visibility: hidden;
}

#about_flickr span
{
  display: none;
}


/*------------ CONTACT ------------*/

#contact {
	background-color: #000;
	background-image: url('images/bg_03_contact.png');
	background-repeat: no-repeat;
	background-position: left top;
}

#pt_contact {
	position: absolute;
	height: 47px;
	width: 283px;
	top: 94px;
	left: 174px;
	display: block;
	background: url("images/pt_contact.png") no-repeat 0 0;
	background-position: 0 0;
}

#pt_contact span
{
  display: none;
}

#contact_balloon {
	position: absolute;
	height: 135px;
	width: 374px;
	top: 129px;
	left: 95px;
	display: block;
	background: url("images/balloon_contact_dark.png") no-repeat 0 0;
	background-position: 0 0;
	z-index: 1;
	visibility: hidden;
}

#contact_balloon span
{
  display: none;
}

#contact_quote {
	position: absolute;
	height: 224px;
	width: 219px;
	top: 85px;
	left: 474px;
	display: block;
	background: url("images/quote_dbf_redux.png") no-repeat 0 0;
	background-position: 0 0;
	z-index: 1;
}

#contact_quote span
{
  display: none;
}


#contact .copy {
	position:absolute;
	width:265px;
	height:108px;
	top:132px;
	left:178px;
	padding-top: 5px;
	padding-left: 5px;
	z-index: 2;
	text-align: left;
}

#contact .copy p {
	font-size:10pt;
	color: #CCC;
	text-align: left;
}

#contact .copy a:link, visited {
	color: #FF0;
	text-align: left;
}

#contact .copy a:hover {
	color: #900;
	text-align: left;
}

#contact .form {
	position:absolute;
	width:397px;
	height:311px;
	top:259px;
	left:134px;
	padding-top: 5px;
	padding-left: 5px;
	background-color: #000;
}


#contact_banner {
	position: absolute;
	height: 433px;
	width: 81px;
	top: 135px;
	left: 705px;
	display: block;
	background: url("images/contact_banner.png") no-repeat 0 0;
	background-position: 0 0;
}

#contact_banner span
{
  display: none;
}


#contact_body {
	position: absolute;
	height: 229px;
	width: 421px;
	top: 181px;
	left: 238px;
	display: block;
	background-position: 0 0;
}

#contact_body span
{
  display: none;
}

#contact .copy2 {
	position:absolute;
	width:152px;
	height:25px;
	top:358px;
	left:520px;
	padding-top: 5px;
	padding-left: 5px;
	z-index: 2;
	text-align: center;
}

#contact .copy2 p {
	font-size:10pt;
	color: #FFF;
	text-align: center;
}

#contact_facebook {
	position: absolute;
	height: 51px;
	width: 51px;
	top: 399px;
	left: 553px;
	display: block;
	background: url("images/facebook.png") no-repeat 0 0;
	background-position: 0 0;
}

#contact_facebook span
{
  display: none;
}

#contact_twitter {
	position: absolute;
	height: 51px;
	width: 51px;
	top: 399px;
	left: 603px;
	display: block;
	background: url("images/twitter.png") no-repeat 0 0;
	background-position: 0 0;
}

#contact_twitter span
{
  display: none;
}

#contact_linkedin {
	position: absolute;
	height: 51px;
	width: 51px;
	top: 454px;
	left: 554px;
	display: block;
	background: url("images/linkedin.png") no-repeat 0 0;
	background-position: 0 0;
}

#contact_linkedin span
{
  display: none;
}

#contact_blogger {
	position: absolute;
	height: 51px;
	width: 51px;
	top: 454px;
	left: 604px;
	display: block;
	background: url("images/blogger.png") no-repeat 0 0;
	background-position: 0 0;
}

#contact_blogger span
{
  display: none;
}

#contact_flickr {
	position: absolute;
	height: 51px;
	width: 51px;
	top: 509px;
	left: 554px;
	display: block;
	background: url("images/flickr.png") no-repeat 0 0;
	background-position: 0 0;
}

#contact_flickr span
{
  display: none;
}

/*------------ PORTFOLIO ------------*/


#portfolio {
	background-color: #000;
	background-image: url('images/bg_04_portfolio.png');
	background-repeat: no-repeat;
	background-position: left top;
}

#portfolioTitle {
	position:absolute;
	left: 149px;
	top: 100px;
}

#portfolioContent {
	position: absolute;
	height: 579px;
	width: 526px;
	left: 150px;
	top: 135px;
	overflow: visible;

}





.recent_subhead {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #CCC;
	position: absolute;
	height: 35px;
	width: 367px;
	left: 139px;
	top: 134px;
	}

.recent_heading1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
	position: absolute;
	height: 16px;
	width: 169px;
	left: 11px;
	top: 401px;
	}

.recent_copy1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #CCC;
	position: absolute;
	height: 74px;
	width: 508px;
	left: 7px;
	top: 512px;
	}

.tapestry_gallery {
	position: absolute;
	height: 80px;
	width: 410px;
	top: 423px;
	left: 28px;
}


.recent_heading2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
	position: absolute;
	height: 16px;
	width: 281px;
	left: 10px;
	top: 601px;
	}

.recent_copy2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #CCC;
	position: absolute;
	height: 94px;
	width: 508px;
	left: 7px;
	top: 710px;
	}

.dragonboat_gallery {
	position: absolute;
	height: 80px;
	width: 488px;
	top: 621px;
	left: 21px;
}

.recent_heading3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
	position: absolute;
	height: 20px;
	width: 132px;
	left: 13px;
	top: 62px;
	}

.recent_copy3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #CCC;
	position: absolute;
	height: 51px;
	width: 331px;
	left: 2px;
	top: -67px;
	}

.cantabile_gallery {
	position: absolute;
	height: 80px;
	width: 330px;
	top: 84px;
	left: 28px;
}

.recent_heading4 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
	position: absolute;
	height: 20px;
	width: 132px;
	left: 10px;
	top: 256px;
	}

.recent_copy4 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #CCC;
	position: absolute;
	height: 33px;
	width: 507px;
	left: 2px;
	top: 361px;
	}

.various_gallery {
	position: absolute;
	height: 80px;
	width: 444px;
	top: 278px;
	left: 26px;
}

#portfolio_banner {
	position: absolute;
	height: 438px;
	width: 85px;
	top: 133px;
	left: 704px;
	display: block;
	background: url("images/portfolio_banner.png") no-repeat 0 0;
	background-position: 0 0;
}

#portfolio_banner span
{
  display: none;
}










/*------------ BLOG ------------*/


#blog {
	background-color: #000;
	background-image: url('images/bg_06_sketchbook.png');
	background-repeat: no-repeat;
	background-position: left top;
}

#pt_blog {
	position: absolute;
	height: 43px;
	width: 489px;
	top: 92px;
	left: 159px;
	display: block;
	background: url("images/pt_blog.png") no-repeat 0 0;
	background-position: 0 0;
}

#pt_blog span
{
  display: none;
}

#blog_balloon {
	position: absolute;
	height: 556px;
	width: 529px;
	top: 129px;
	left: 130px;
	display: block;
	background: url("images/balloon_blog.png") no-repeat 0 0;
	background-position: 0 0;
}

#blog_balloon span
{
  display: none;
}


.blog_feed {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
	position: absolute;
	height: 489px;
	width: 457px;
	left: 172px;
	top: 148px;
	overflow: scroll;
	background-color: #C0C0C0;
	}

.rss_title {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
	color: #875F01;
	text-decoration: none;
}

.rss_date {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #FF0;
	text-decoration: none;
}

.rss_content {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #333;
	text-decoration: none;
	text-align: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}


#blog_banner {
	position: absolute;
	height: 257px;
	width: 87px;
	top: 131px;
	left: 704px;
	display: block;
	background: url("images/blog_banner.png") no-repeat 0 0;
	background-position: 0 0;
}

#blog_banner span
{
  display: none;
}

.touch_note {
	position: absolute;
	height: 57px;
	width: 174px;
	top: 561px;
	left: 663px;
	display: block;
}

.touch_note p{
	text-align: left;
}


.ast {
	position: absolute;
	height: 56px;
	width: 29px;
	top: 517px;
	left: 660px;
	display: block;
}

.ast p{
	text-align: left;
	font-size: 50px;
}

#blog_blogger {
	position: absolute;
	height: 51px;
	width: 51px;
	top: 619px;
	left: 713px;
	display: block;
	background: url("images/blogger.png") no-repeat 0 0;
	background-position: 0 0;
}

#blog_blogger span
{
  display: none;
}

#blog_rss {
	position: absolute;
	height: 51px;
	width: 51px;
	top: 619px;
	left: 660px;
	display: block;
	background: url("images/feed.png") no-repeat 0 0;
	background-position: 0 0;
}

#blog_rss span
{
  display: none;
}

/*------------ TESTIMONIALS ------------*/


#testimonials {
	background-color: #000;
	background-image: url('images/bg_05_blog.png');
	background-repeat: no-repeat;
	background-position: left top;
}

#testimonialsTitle {
	position:absolute;
	left: 143px;
	top: 100px;
}

#testimonialsContent {
	width:536px;
	position:absolute;
	left: 142px;
	top: 142px;
	border-bottom: 1px dashed #333;
}

#testimonialsContent p {
	margin-top:0;
	text-align:left;
	font-size:12px;
}


#testimonials_banner {
	position: absolute;
	height: 481px;
	width: 71px;
	top: 118px;
	left: 704px;
	display: block;
	background: url("images/testimonials_banner.png") no-repeat 0 0;
	background-position: 0 0;
}

#testimonials_banner span
{
  display: none;
}


#about .copy p a strong {
	font-size: 14pt;
}