/* 

This CSS stylesheet deals purely with the physical layout and element placement on the sub pages.

For individual styling of content block elements (headers, paragraphs, links, lists, etc),
see sp_style.css 

*/

* {
padding:0;
margin:0;
}

body {
font-family:Arial, Helvetica, sans-serif;
font-size:95%;
}

#container { 
margin:0 auto;
width:905px;
}

#header {
width:905px;
height:120px;
background-color:white;
}

#nav_content_wrapper {
width:905px;
background-image:url(http://www.marketabilityllc.com/images/sp_section_bg.jpg);
background-repeat:repeat-y;
display:table;
}

#leftnav { 
width:200px;
float:left;
}

#leftnav img { /* eliminates space between images in left nav */
display: block; 
}

#content { 
float:right;
background:#ffffff;
width:705px;
background-image:url(http://www.marketabilityllc.com/images/sp_brown_bg.jpg);
background-repeat:no-repeat;
display:table;
}

#content p, #content td {
padding-left:48px;
padding-right:25px;
color:#ffffff;
padding-bottom:10px;
}

#content h2 {
color:#0192a5;
margin-left:48px;
padding-bottom:7px;
padding-top:20px;
font-size:125%;
font-weight:bold;
text-transform:uppercase;
}

#content h2.port {
margin-left:48px;
padding-bottom:10px;
padding-left:0px;
}

/* these three styles create the blue disc for unordered lists and the bold blue number for ordered lists; ul/ol defines the color of the disc, spans surrounding the li content return the li text white.  Note that the feature box has its own styles for lists for sizing purposes. */

#content ul { 
padding:0px 25px 5px 75px;
color:#ff4e31;
list-style-type:disc;
}

#content ol { 
padding:0px 48px 5px 25px;
color:#ff4e31;
font-weight:bold;
}

#content li {
margin-bottom:10px;
}

#content li ul li {
margin-bottom:3px;
}

#content li span { 
text-align:left;
font-weight:normal;
color:#ffffff;
}

#feature_box {
position:relative;
width:241px;
float:right;
padding:0px;
margin:0px; /* puts spacing around box for wrapping text */
background-image:url(http://www.marketabilityllc.com/images/sp_box_full_bg.jpg);
background-repeat:no-repeat;
display:table;
}

#feature_box p {
padding-left:55px;
padding-right:28px;
color:#401e00;
}

#footer { 
clear:both;
width:905px;
text-align:right;
}

#footer span.footer {
font-size:80%;
color:#3d1c00;
padding-right:10px;
padding-bottom:10px;
}

#footer a:link, #footer a:visited {
color:#3d1c00;
text-decoration:underline;
}

#footer a:hover {
color:#000000;
font-weight:bold;
text-decoration:none;
}

#clear_div {
clear:both;
}