@charset "utf-8";
/* CSS Document */
body {
padding: 0px;
margin: 0px;
background: #fff url('../images/meticulous_body_bg.jpg') top left repeat-x;
text-align: center;
}
#wrap {
position: relative;
width: 900px;
padding: 0px;
margin: 0px auto;
text-align: left;
}
img {
border: 0px;
margin: 0px;
padding: 0px;
}
img.content {
border: 0px;
float: left;
margin: 0px 20px 0px 0px;
padding: 0px;
}
/* start header */
#header {
position: relative;
width: 900px;
height: 153px;
background: url('../images/meticulous_header_bg.jpg') top right no-repeat;
margin: 0px;
padding: 0px;
}
#header h1 {
width: 293px;
height: 153px;
background: url('../images/meticulous_logo.gif') top left no-repeat;
margin: 0;
padding: 0;
}
#header h1 span {
display: none;
}
/* start header nav */
#top_nav {
position: absolute;
top: 70px;
right: 0px;
}
#top_nav ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
#top_nav li {
float: left;
margin: 10px;
}
#top_nav li a {
text-decoration: none;
color: #00ab98;
font: 12px arial;
font-weight: bold;
}
#top_nav li a:hover {
color: #338cc5;
}
#top_nav li.topactive {
color: #338cc5;
font: 14px arial;
font-weight: bold;
}
/* end header nav */
/* end header */


/* start main nav container */
#main_nav {
position: absolute;
bottom: 0px;
right: 30px;
padding: 0px;
margin: 0px;
height: 50px;
background: url('../images/content_images/meticulous_subnav_bg.jpg') top right no-repeat;
}
/* start main navigation */
#main_nav ul {
list-style-type: none;
margin-top: 10px;
padding: 0px;
}
#main_nav li {
float: left;
margin-right: 15px;
}
#main_nav li a {
text-decoration: none;
color: #a23318;
font: 16px arial;
}
#main_nav li a:hover {
text-decoration: underline;
}
#main_nav li.active {
font: 16px arial;
font-weight: bold;
color: #a23318;
text-decoration: none;
}
/* end main navigation */
/* end main nav container */

/* start content background divs */
#content_background_container {
width: 900px;
position: relative;
}
#left_bar {
width: 42px;
height: 379px;
float: left;
background: url('../images/content_images/meticulous_left_bar_bg.jpg') top left no-repeat;
}
#heart_bg {
width: 571px;
height: 379px;
float: left;
background: #fff url('../images/content_images/meticulous_heart_bg.jpg') top right no-repeat;
}
#right_img {
width: 287px;
height: 379px;
float: left;
background: #fff;
}
#lower_bg {
width: 900px;
height: 214px;
position: relative;
clear: both;
background: #fff url('../images/content_images/meticulous_lower_bg.jpg') top right no-repeat;
}
#credit {
position: relative;
float: right;
padding: 0px;
margin: 0px;
width: 160px;
height: 240px;
}
#credit p.nowmedia_logo {
cursor: pointer;
position: absolute;
padding: 0;
margin: 0;
bottom: 0;
right: 0;
width: 56px;
height: 10px;
background: url('../images/content_images/nowlogo.gif') top left no-repeat;
}
/* end content background divs */

/* start content */
#content_container {
position: absolute;
top: 0px;
left: 20px;
width: 700px;
margin: 0px;
padding-top: 20px;
z-index: 10;
}
#content_container h1.title, #content_container p.main_p, #content_container h2.sub_title, #content_container p.sub_p {
margin-left: 40px;
width: 470px;
}
#content_container h1.title {
color: #00ab98;
font: 26px arial;
margin: 0px 0px 20px 40px;
}
#content_container p.main_p {
color: #000;
font: 13px arial;
font-weight: bold;
margin: 0px 0px 20px 40px;
}
#content_container h2.sub_title {
color: #338cc5;
font: 14px arial;
font-weight: bold;
margin: 0px 0px 0px 40px;
}
#content_container p.sub_p {
color: #000;
font: 12px arial;
margin: 0px 0px 20px 40px;
}
ul.sub_list {
clear: both;
width: 300px;
font: 12px arial;
color: #000;
margin: 20px 0px 20px 60px;
padding-left: 30px;
list-style-type: square;
}
ul.sub_list li {
margin-top: 10px;
}
#content_container a {
color: #338cc5;
text-decoration: none;
}
#content_container a:visited {
color: #00ab98;
text-decoration: none;
}
#content_container a:hover {
text-decoration: underline;
}
/* end content */