/*prosite design for Juddfranklin.com*/
@import url("pool.css");
/*----------OVERALL LAYOUT----------*/
body {font-size:12px; text-align:center; color:#222; font-family:arial, helvetica, sans-serif; background: #CCC;margin:0; padding:0;}
a {text-decoration:underline; color:008;}
a:link {color:#8C0000;}
a:visited {color:#8C6666;}
a:hover {text-decoration:none;}
p {margin:0 0 .8em 0; padding:0;}
h1 {font-size:24px;margin:0 0 16px 0;}
h2 {font-size:18px;}
h3 {font-size:14px;}
#container {width:1008px; margin:0 auto; text-align:left; height:auto;}

/*-------HEADER + FOOTER + NAV-------*/
#index_header, #index_footer{color:#EEE;background:#8C0000; clear:left;border:5px solid #DF9999; border-top:0px; border-bottom:0px;}
#index_header {font-family:georgia, times, serif;font-size:20px; font-weight:bold; padding:20px;}
#index_header h1, h2 {padding:0;margin:0;padding-left:120px;}
#logo {margin:0;}
#main_menu {padding: 20px 6px 0 0; margin:0 0 0 10px; font-size:14px; font-weight:bold; list-style-type: none; width:500px; float:left; display:block;}
#main_menu li{padding: 10px 0 12px 0; display:block; float:left; margin:0; list-style-type: none;}
#main_menu a {padding: 10px 12px 12px 12px; margin:0; text-decoration:none;border-right:1px solid #F9F9F9;}
#main_menu a:hover {background:#F9F9F9;}
#main_menu #last a {border-right:0;}
#index_footer {height:20px;font-size:10px; padding:10px;}}

/*-----------MAIN SECTION------------*/
#content {margin:0; background:#F5F5F5; height:auto; display:inline; float:left; width:998px;overflow:visible; float:left; color:#000;}
#content #tab1, #content #tab2, #content #tab3 { width:550px; float:left; margin:0;padding-top:0; padding:1em 249px 1em 200px;border:5px solid #DF9999; border-top:0px; border-bottom:0px;}
#content #tab1 {background:#FFF url(../images/mtcook.jpg) bottom right no-repeat;}
#content #tab2 {background:#FFF url(../images/bird-on-branch.jpg) bottom left no-repeat;}
#content #tab3 {background:#FFF url(../images/succulent-contrast.jpg) bottom right no-repeat;}
#tab2 h2 {display:inline; float:left; padding:0; margin:0 36px 0 0;}
#sample_menu {list-style-type:none; display:inline; text-align:right; float:left; margin:0; padding:0;}
#sample_menu  li{display:inline; float:left; padding-right:6px;}
.sampleBox {clear:both; padding-top:6px;}
.sampleBox img {border:2px solid #DDD; margin-left:40px;}