/* the main style sheet containing tag definitions and core styles */

/* the main style sheet containing tag definitions and core styles
 1. TAGS
 2. SITE COMPONENTS
 4. SITE NAVIGATION
 6. ADMIN / CMS STYLINGS
*/


/* 1. TAGS */

body {
 background: #ffffff url(/images/background.jpg) repeat-x top left;
 font-size: 0.80em;
 color:#666666;
 font-family:"Lucida Sans Unicode",verdana,sans-serif;
 margin: 70px 0 0 0;
}

a:link, a:visited, a:hover, a:active  {
 color:#E86B17;
 text-decoration: none;
 font-weight: normal;
}

strong {
 color:#E86B17;
}

a:hover, a:active  {
 color:#E86B17;
 text-decoration: none;
 font-weight: normal;
}

td, div {
 text-align:left;
}

img {
 display:block;
 border:0;
}

h1 {
 margin:0;
 font-size:3.2em;
 font-weight: normal;
 color:#186b37;
 line-height:1.0em;
}

h2 {
 margin:0;
 font-size:1.8em;
 line-height:1.0;
}

h2.leftheader {
  margin-left: 60px;
  margin-bottom:25px;
}

h3 {
 margin:0;
 line-height:1.3em;
}

h4 {
 margin:0;
 font-size:1.5em;
 font-style: italic;
 font-weight: normal;
 color:#186b37;
 line-height:1.4em;
}

form {
 margin:0;
 padding:0;
 border:0;
}


input, textarea {
 border:1px solid #999;
 padding:1px;
 background-color: #fff;
 color: #444444;
}


/* 2. SITE COMPONENTS  */

#adminbar {
 margin: auto;
 width:892px;
 padding: 5px;
}

#buffer {
 margin-top: 20px;
}

#nav {
 margin-left:200px;
 width:900px;
 height: 64px;
 border-bottom:1px solid #ccc;
}

#shell {
 margin-left:200px;
 width:800px;
 clear: both;
 overflow: hidden;
 min-height: 400px;
 padding: 30px 0;
 background-color:transparent;
}

#leftbox {
    width:300px;
    float:left;
    min-height:500px;
}

#orange {
    position:absolute;
    top:261px;
    left:280px;
}

#rightbox {
    width:500px;
    float:left;
    min-height:500px;
}

div.item, div.linkitem {
    width:470px;
    min-height:150px;
    background-color:#fff;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    /* overflow:hidden; */
    padding:10px;
}

div.linkitem {
	min-height: 150px;
}

div.itemhover {
    background-color:#f1f1f1;
}

h3 {
    color:#ccc;
    font-size:1.3em;
    font-weight:normal;
}

h2 {
    color:#E86B17;
    font-size:1.5em;
    font-weight:normal;
}

div.item p {
    padding:5px 0 5px 0;
}

#workcont {
    width:585px;
    padding-left:112px;
    min-height:200px;
    background:transparent url(/images/load.gif) no-repeat 55% 50%;
}

div.smbox, div.smbox2 {
    width:71px;
    height:71px;
    float:left;
    background-color:#f1f1f1;
    margin:1px;
}

.mytip {
    color: #fff;
    width: 139px;
    z-index: 13000;
}

.tip-title {
    font-weight: bold;
    font-size: 11px;
    margin: 0;
    color: #fff;
    padding: 8px 8px 4px;
    background-color:#E86B17;
}

.tip-text {
    font-size: 11px;
    padding: 4px 8px 8px;
    background-color:#E86B17;
    display:none;
}

.tip-bottom {
    background-color:#E86B17;
}

#wleftbox {
    width:450px;
    float:left;
    min-height:500px;
    background:transparent url(/images/load.gif) no-repeat top center;
}

#wrightbox {
    width:308px;
    float:left;
    min-height:500px;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
    background-color:#ffffff;
}

#wrightbox h2, #wrightbox strong, #wrightbox p {
    margin:5px 10px 5px 10px;
}

div.break {
    width:308px;
    height:2px;
    border-bottom:1px solid #ccc;
    clear:both;
}

div.mediabox {
    float:left;
    width:15px;
    height:15px;
    background-color:#cccccc;
    margin:2px;
}

#rightbox.services div.item {
    height:50px;
}

/* 4. SITE NAVIGATION */
#nav ul {
 list-style:none;
 margin: 0;
 border:0;
 padding: 0;
}

#nav ul li {
 float:left;
 border:0;
 margin:0;
 padding:30px 15px 0 0;
}

#nav ul li.leftest {
 padding:0 96px 0 0;
 background: transparent;
 border-left:0;
}

#nav ul li.hit a:active, #nav ul li.hit a:visited, #nav ul li.hit a:link {
 color:#E86B17;
}

#nav ul li.leftest a {
 padding: 0;
}

#nav ul li a {
 display:block;
 font-weight:normal;
 color: #000;
 padding:0;
 font-size: 0.85em;
 line-height: 1.0;
}

#nav ul li a:link, #nav ul li a:visited {
 text-decoration:none;
 font-weight:normal;
}

#nav ul li a:hover, #nav ul li a:active {
 color:#E86B17;
 text-decoration:none;
}

/* 6. ADMIN / CMS STYLINGS */

#adminframe {
 float: left;
 width: 636px;
 padding:0 50px 50px 15px;
}

#list td.handle {
 cursor:move;
}
.icon_audio {float: left; margin:0 20px 0 0; padding:0; width: 61px; height:37px; text-indent: -999999px; background: url('../images/icon-radio.png') top left transparent no-repeat;}
.audio_box {margin:0; padding:15px 0 0 0; background: #fff;}