/* CSS Document */
body{padding:0px; margin:0px;  background:url(../images/b_body2.jpg) 0 0;  color:#103140; font:14px/20px 'Droid Sans', Arial, sans-serif;} /**/
div, p, ul, h2, h3, h4, img, form, input, textarea{padding:0px; margin:0px;}
ul{list-style-type:none;}

.clear {clear: both; margin: 0px; height:0}
.clear#dotted_spacer{height:18px; border-bottom:#7f7f7f 1px dotted; margin-bottom:12px}

body, html{height:100%}
body, html{margin:0;padding:0}

p a{font:16px Tahoma, sans-serif; color:#f06601; text-decoration:underline;}
p a:hover{ color:#99c747; text-decoration:none;}

.headline{font:16px/18px 'Droid Sans', Arial, sans-serif; color:#60a56e; font-weight:bold; text-decoration:none}
.headline2{font:40px/40px 'Droid Sans', Arial, sans-serif; color:#60a56e; font-weight: normal; text-decoration:none; }
.headline2 span{color:#d8892d; font-weight: bold;}

#inbody{ width:100%; background:url(../images/b_body.jpg) 0 0 repeat-x;  margin:0 auto; min-height:100%; height:100%; display:table;}
#container{ width:1158px; background:url(../images/b_coffee2.jpg) 0 0 repeat-y; margin:0 auto; min-height:100%; height:100%; display:table;}
#incontainer{width:1158px; background:url(../images/b_coffee.jpg) 0 0 no-repeat; margin:0 auto; min-height:100%; height:100%; display:table;}

ul.bubble li{padding: 0 0 0 17px; margin-bottom:14px }
ul.bubble li a{font:14px/16px 'Droid Sans', Arial, sans-serif; color:#103140; text-decoration:none;}
ul.bubble li a:hover{color:#103140; text-decoration:underline}
ul.bubble li.bubble1{background: url(../images/bubble1.png) 0 7px no-repeat}
ul.bubble li.bubble2{background: url(../images/bubble2.png) 0 7px no-repeat}
ul.bubble li.bubble3{background: url(../images/bubble3.png) 0 7px no-repeat}
ul.bubble li.bubble4{background: url(../images/bubble4.png) 0 7px no-repeat}
ul.bubble li.bubble5{background: url(../images/bubble5.png) 0 7px no-repeat}
ul.bubble li.bubble6{background: url(../images/bubble6.png) 0 7px no-repeat}


/* MENU PAN */

#menuPan{width:916px; height:85px; position:relative; background:url(../images/top_line.png) 0 0 no-repeat; margin-left:132px}

#menuPan ul.menu{position:absolute; top:32px; left:37px; width:879px; height:45px; }
#menuPan ul.menu li{float:left; height:45px; margin-right:34px}
#menuPan ul.menu li a{ height:45px;  display:block; text-indent:-20000px; }
#menuPan ul.menu li a:hover{height:45px; }

#menuPan ul.menu li.b01 a{ width:170px;  background:url(../images/btn_1.png) 0 0 no-repeat; }
#menuPan ul.menu li.b01 a:hover{ width:170px;  background:url(../images/btn_1_over.png) 0 0 no-repeat;}

#menuPan ul.menu li.b02 a{ width:149px;  background:url(../images/btn_2.png) 0 0 no-repeat; }
#menuPan ul.menu li.b02 a:hover{ width:149px;  background:url(../images/btn_2_over.png) 0 0 no-repeat;}

#menuPan ul.menu li.b03 a{ width:142px;  background:url(../images/btn_3.png) 0 0 no-repeat; }
#menuPan ul.menu li.b03 a:hover{ width:142px;  background:url(../images/btn_3_over.png) 0 0 no-repeat;}

#menuPan ul.menu li.b04 a{ width:127px;  background:url(../images/btn_4.png) 0 0 no-repeat; }
#menuPan ul.menu li.b04 a:hover{ width:127px;  background:url(../images/btn_4_over.png) 0 0 no-repeat;}

#menuPan ul.menu li.b05 {margin-right:0}
#menuPan ul.menu li.b05 a{ width:121px;  background:url(../images/btn_5.png) 0 0 no-repeat; }
#menuPan ul.menu li.b05 a:hover{ width:121px;  background:url(../images/btn_5_over.png) 0 0 no-repeat;}

/* LOGO PAN */

#logoPan{width:916px; height:154px; position:relative; background:url(../images/menu_line.png) 0 0 no-repeat; margin-left:132px}

#logoPan img#logo{position:absolute; top:22px; left:43px}
#logoPan img#slogan{position:absolute; top:45px; left:314px}

/* SLIDE PAN */

#slidePan{width:904px; height:284px; position:relative; background:url(../images/b_thumbs.png) 0 0 no-repeat; margin-left:132px; padding:21px 0 0 12px; margin-bottom:25px}

#slideshow {
	margin:0 auto;
	width:893px;
	height:263px;
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 0 0 25px;
  width:830px;
  height:263px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0;
  width:830px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:263px;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:24px;
  height:36px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:114px;
  left:0;
  background:transparent url(../images/slide_arrow_left.png) no-repeat 0 0;}

#rightControl {
  top:114px;
  right:11px;
  background:transparent url(../images/slide_arrow_right.png) no-repeat 0 0;}
  
.thumb_back{width:261px; height:261px; float:left; margin-right:20px; position:relative; background: url(../images/back_images2.gif) 0 0; padding:1px}  
.last{margin-right:0}


/* CONTENT PAN */
#contentPan{width:924px; position:relative;margin-left:128px; background:url(../images/b_content.png) bottom no-repeat; clear:both}
#contentPan2{width:872px; position:relative; margin-left:26px; background:url(../images/b_content_pages.png) 0 0 repeat-x; padding-top:21px;  clear:both}


/* FOOTER PAN */

#footerPan {width:916px; margin: 0 0 0 132px; position:relative; clear:both}
#footerPan p{padding: 15px 0 20px 44px; color:#103140; font:14px/20px 'Droid Sans', Arial, sans-serif; font-weight:normal; text-align:left;}
#footerPan p a{ color:#103140; font:14px/20px 'Droid Sans', Arial, sans-serif; font-weight:normal; text-decoration:none}
#footerPan p a:hover{ text-decoration:underline;}
#footerPan p span{font:12px/20px 'Droid Sans', Arial, sans-serif; color:#958c65; display:block; padding-top:3px}
#footerPan p span a{ color:#958c65; font:12px/20px 'Droid Sans', Arial, sans-serif; font-weight:normal; text-decoration:none}
#footerPan p span a:hover{ text-decoration:underline;}

#footerPan #follow{width:412px; position:absolute; top:15px; left:544px}
#footerPan #follow img{float:left; margin-right:5px}
#footerPan #follow img.follow_icon{padding-top:2px}


/* INDEX DIVS */

#about{width:265px; margin:0 20px 0 44px; float:left; display:inline}
#about h2{height:49px; position:relative; background:url(../images/h_about.png) 0 0 no-repeat; margin-bottom:5px}
#about p{margin-bottom:37px; margin-left:4px}
#about p.headline{margin-bottom:15px}
#about img.btn_more{margin-left:2px}

#vision{width:265px; margin:0 20px 0 0; float:left;}
#vision h2{height:49px; position:relative; background:url(../images/h_vision.png) 0 0 no-repeat; margin-bottom:5px}
#vision p{margin-left:4px}
#vision p.headline{margin-bottom:22px}
#vision ul{margin-left:10px;}

#news{width:265px; margin:0 0 0 0; float:left; }
#news h2{height:49px; position:relative; background:url(../images/h_news.png) 0 0 no-repeat; margin-bottom:13px}
.news_story{margin:0 0 21px 1px}
.news_story p{margin:0 0 0 24px; color:#103140; font:14px/20px 'Droid Sans', Arial, sans-serif;}
.news_story p a{color:#103140; font:14px/20px 'Droid Sans', Arial, sans-serif; text-decoration:none}
.news_story p a:hover{text-decoration:underline}
.news_story p.story_date{width:95px; height:20px; background:url(../images/b_date.png) 0 0 no-repeat; padding:3px 0 0 15px; font:16px/18px 'Droid Sans', Arial, sans-serif; color:#60a56e; font-weight:bold; margin:0 0 7px 0 }
#news  img.btn_more{margin-top:-2px}

/* ABOUT ME DIVS */

#about_me{width:830px; margin:0 auto 56px auto;}
#about_me_img{width:261px; height:261px; padding:1px; background:url(../images/back_images2.gif) 0 0; float:left; margin-right:40px}
#about_me h2{height:49px; position:relative; background:url(../images/h_about_me.png) 0 0 no-repeat; margin-bottom:12px; width:520px; float:left}
#about_me p{padding-left:4px; width:520px; float:right}
#about_me p.headline{margin-bottom:15px}

#education{width:265px; margin:0 40px 0 22px; float:left; display:inline}
#education h2{height:36px; position:relative; background:url(../images/h_education.png) 0 0 no-repeat; margin-bottom:17px}
#education p{margin-left:4px; padding-right:30px}
#education p.headline{margin-bottom:25px}

#design_experience{width:520px; margin:0; float:left;}
#design_experience h2{height:36px; position:relative; background:url(../images/h_design_experience.png) 0 0 no-repeat; margin-bottom:17px}
#design_experience p{margin-left:4px;}

#design_experience1{width:545px; margin:0; float:left;}
#design_experience1 h2{height:36px; position:relative; background:url(../images/h_design_experience_1.png) 0 0 no-repeat; margin-bottom:17px}
#design_experience1 p{margin-left:4px;}
p.jobs{width:230px; margin:25px 20px 0 0; float:left}

/* PORTFOLIO DIVS */

#portfolio_wrapper{width:872px; position:relative; background:url(../images/b_spacer_line.gif) 0 0 repeat-y; padding-top:4px}

#folio{width:265px; margin:0 20px 0 17px; float:left; display:inline}
#folio h2{height:49px; position:relative; background:url(../images/h_folio.png) 0 0 no-repeat; margin-bottom:12px;}
#folio ul {margin-left:11px}
#folio ul li {padding: 0 0 0 17px; margin-bottom:14px; font:16px/20px 'Droid Sans', Arial, sans-serif; color:#103140; font-weight:bold; background:url(../images/bubble1.png) 0 7px no-repeat}
#folio ul li ul {padding:8px 0 0 0 }
#folio ul li ul li {padding: 0 0 0 10px; margin-bottom:8px; font:14px/16px 'Droid Sans', Arial, sans-serif; color:#103140; font-weight:normal; background:none}
#folio ul li ul li a{font:14px/16px 'Droid Sans', Arial, sans-serif; color:#103140; text-decoration:none;}
#folio ul li ul li a.current{color:#60a56e; text-decoration:underline}
#folio ul li ul li a:hover{color:#60a56e; text-decoration:underline}

#folio_item{width:555px; margin:11px 0 40px 0; float:left; }
#folio_item h2#art_gallery{height:36px; position:relative; background:url(../images/h_art_gallery.png) 0 0 no-repeat; margin-bottom:15px; }
#folio_item h2#luxury_restaurant{height:36px; position:relative; background:url(../images/h_luxury_restaurant.png) 0 0 no-repeat; margin-bottom:15px; }
#folio_item h2#dog_trainer{height:36px; position:relative; background:url(../images/h_dog_trainer.png) 0 0 no-repeat; margin-bottom:15px; }

#slides_container{width:545px; padding:1px; background:url(../images/back_images2.gif) 0 0; position:relative; margin:0 0 23px 2px}
#slide_link{float:left;}
#slide_link p{padding:0 0 0 45px; background:url(../images/arrow_link.png) 0 0 no-repeat; margin-left:2px;}
#slide_link p a{font:14px/16px 'Droid Sans', Arial, sans-serif; color:#103140; text-decoration:underline;}
#slide_link p a:hover{color:#60a56e; text-decoration:none}

/* FOLIO GALLERY */

.paginationstyle{
width: 284px;
padding: 0 6px 0 0  ;
margin: 0 0 ;
float:right;
text-align:right;
}

.paginationstyle a{ /*Pagination links style*/
padding: 4px 7px;
margin-left:18px;
text-decoration: none;
font:14px/20px 'Droid Sans', Arial, sans-serif; color:#103140;
background: url(../images/gallery_btn.png) 0 0 no-repeat;
color:#103140;
}

.paginationstyle a:hover, .paginationstyle a.selected{
background: url(../images/gallery_btn_over.png) 0 0 no-repeat;
color:#fff;
}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
background: url(../images/gallery_btn_over.png) 0 0 no-repeat;
color:#fff;
}

/* SERVICES DIVS */

#services{width:830px; margin:0 auto 56px auto; background:url(../images/img_services.png) right 25px no-repeat; min-height:260px}
#services h2{height:49px; position:relative; background:url(../images/h_services.png) 0 0 no-repeat; margin-bottom:12px;}
#services p{width:525px; margin:0 0 0 5px}
#services p.headline{margin:0 0 17px 5px}

#web_design{width:265px; margin:0 17px 0 22px; float:left; display:inline}
#web_design h2{height:36px; position:relative; background:url(../images/h_web_design.png) 0 0 no-repeat; margin-bottom:17px}
#web_design p.headline{margin-left:4px; margin-bottom:25px}
#web_design ul{margin-left:8px;}

#branding{width:265px; margin:0 17px 0 0; float:left; display:inline}
#branding h2{height:36px; position:relative; background:url(../images/h_branding.png) 0 0 no-repeat; margin-bottom:17px}
#branding p.headline{margin-left:4px; margin-bottom:25px}
#branding ul{margin-left:8px;}

#print_design{width:265px; margin:0 0 0 0; float:left; }
#print_design h2{height:36px; position:relative; background:url(../images/h_print_design.png) 0 0 no-repeat; margin-bottom:17px}
#print_design p.headline{margin-left:4px; margin-bottom:25px}
#print_design ul{margin-left:8px;}


/* CONTACT DIVS */

#contact_me{width:830px; margin:0 auto 58px auto; background:url(../images/img_contact_me.png) 577px 6px no-repeat; min-height:260px}
#contact_me h2{height:49px; position:relative; background:url(../images/h_contact_me.png) 0 0 no-repeat; margin-bottom:12px;}
#contact_me p{width:525px; margin:0 0 0 5px}
#contact_me p.headline2{margin-bottom:20px}

#wisdom{width:830px; margin:0 auto 58px auto; background:url(../images/img_contact_me.png) 577px 6px no-repeat; min-height:260px}
#wisdom h2{height:49px; position:relative; background:url(../images/h_vision.png) 0 0 no-repeat; margin-bottom:12px;}
#wisdom p{width:525px; margin:15px 0 0 5px}
#wisdom p.headline2{margin-bottom:20px}

#race_reports{width:830px; margin:0 auto 58px auto;}
#race_reports h2{height:49px; position:relative; background:url(../images/h_services.png) 0 0 no-repeat; margin-bottom:12px;}
#race_reports p{width:830px; margin:15px 0 0 5px}
#race_reports p.headline2{margin-bottom:20px}

#drop_me_a_line{width:833px;margin:0 0 0 22px ;}
#drop_me_a_line h2{height:36px; position:relative; background:url(../images/h_drop_me_a_line.png) 0 0 no-repeat; margin-bottom:17px}

.input1{
width:233px; height:15px; background:url(../images/b_input1.png) 0 0 no-repeat; padding:15px 15px; font:14px/16px 'Droid Sans', Arial, sans-serif; color:#103140; text-transform:uppercase; border:none; float:left; margin-right:21px;
}

.input2{
width:233px; height:15px; background:url(../images/b_input1.png) 0 0 no-repeat; padding:15px 15px; font:14px/16px 'Droid Sans', Arial, sans-serif; color:#103140; text-transform:uppercase; border:none; float:left; margin-right:0;
}

.input3{
width:800px; height:102px; background:url(../images/b_input2.png) 0 0 no-repeat; padding:15px 15px; font:14px/16px 'Droid Sans', Arial, sans-serif; color:#103140; text-transform:uppercase; border:none; clear:both; margin-bottom:20px
}

.submit-button{width:154px; height:23px; background:url(../images/btn_send.png) 0 0 no-repeat; text-indent:-10000px; display:block; margin-left:567px; border:none}

#form_message{width:830px; height:200px; text-align:center; padding-top:150px}
#form_message #slide_link{margin-left:320px; margin-top:30px}