/* Defaults */
html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;text-align:center}

div#container{text-align:left}
div#container{background:url(http://content.onlineagency.com/sites/38187/images/background.gif) repeat-y}


/* Header */
div#header{border 1px red} 
div#header{position:relative;height:171px;margin-bottom:10px}
div#header h1 {text-indent:-5000px;background:url(http://content.onlineagency.com/sites/38187/images/header.jpg) no-repeat;width:770px;height:151px;margin:0;padding:0;font-size:120%;}
div#header h2{text-indent:-5000px;height:0px;padding:0;margin:0;font-size:110%;}

div#content p{line-height:1.4}
div#content {background:#FAFAFA;padding:10px}

div#footer{background: #333;color: #FFF}
div#footer p{margin:0;padding:5px 10px}
div#footer a{display:inline;padding:0;color: #C6D5FD}

/* Layout */
div#container{width:770px;margin:0 auto}
div#content{float:right;width:540px;margin-right:15px;padding-top:15px}
div#navigation{float:left;width:190px;padding-top:15px}
div#extra{float:left;clear:left;width:190px}
div#footer{clear:both;width:100%}

div.tideNavBody {margin-left:20px;padding:0 10px 0 0}
div.tideNavBody img{margin-top:20px}

ul#lf_nav    {width:770px;padding:0;margin:0;position:relative;text-align:center;border-top:5px solid #EEE}

ul#lf_nav li {
display: inline;
list-style-type: none;
padding-right: 20px;
}

#lf_nav li {display: inline;list-style-type: none;margin:0;padding:4px;width:145px;border:1px solid #666;background:#fff}


#lf_nav li a {text-transform:uppercase;
font-size:110%;
font-family:helvetica, arial, verdana, sans-serif;
text-decoration:none;
text-align;center;
padding:0 4px;
color:#000;
width:100%;
color:#666;
margin:0 0 2px 0;
font-weight:bold;
letter-spacing: -1px;
}



ul#lf_list2  {border-top:1px dotted #666;padding:0;margin:0}
#lf_list2  li{ 
display:block;
list-style-position: inside;
list-style-image: url(http://content.onlineagency.com/sites/38187/images/bullet.gif);
border-bottom:1px dotted #666;
padding:5px 0 5px 0;
text-transform:uppercase;
font-size:90%;
font-family:helvetica, arial, verdana, sans-serif;
font-weight:bold;
letter-spacing: -1px;
}

#lf_list2 a {text-decoration:none;color:#666}
#lf_list2 a:hover {text-decoration:none;color:#AD6E6E}


/* Inset 3D Raised */
div.raised {float:left}
.raised {background: transparent; width:32%; margin:0 auto;margin-right:5px;margin-bottom:5px}
.raised h1 {margin:0 10px}
.smallfont {font-stretch:ultra-condensed}
.raised p {margin:0 10px;font-size:90%;color:#fff}
.raised h1 {margin:0;padding:0;font-size:80%;text-align:center; background:#90ACAD ;color:#fff; letter-spacing:1px;text-transform:uppercase}
.raised p {padding-bottom:0.5em;}
.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#90ACAD; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised .b3 {background:#90ACAD; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised .b4 {background:#90ACAD; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised .b4b {background:#447272; border-left:1px solid #eee; border-right:1px solid #999;}
.raised .b3b {background:#447272; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised .b2b {background:#447272; border-left:1px solid #aaa; border-right:1px solid #999;}
.raised .b1 {margin:0 5px; background:#fff;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#999;}
.raised .boxcontent {display:block;  background:#447272; border-left:1px solid #fff; border-right:1px solid #999}

.caraloda {display:none}
.rectbutton {display:none}

