/*****************************
*  Mousehold Design			 *
*  Richard Whitefoot		 *
*  						     *
*****************************/

/* body */

body {
font: 0.75em Tahoma, Verdana, Geneva, Helvetica, Arial, sans-serif;
background: #000 url(../assets/black_bg.gif);
margin: 60px;
padding: 0;
color: #333;
}

/* span classes */

.blue {
color: #00c0bc;
}
.normalText {
text-transform: none;
}
.folio { margin: 0 0 0 20px; }
.clear { clear: both; }
.hide { color: #fff; }

/* fullContainer  */

#fullContainer {
background-color: #efefef;
border: 20px solid #fff;
width: 840px;
}

/* Modification of the Tan hack to get the width right in IE6 */
* html #fullContainer {
width: 843px;
}

/* menu */

#menu {
background-color: #fff;
padding: 20px;
margin: 0;
text-align: right;
padding-right: 20px;
height: 140px;
}

#menu a {
text-decoration: none;
color: #efefef;
}

#menu a:hover {
text-decoration: underline;
}

/* footer */

#footer {
width: 880px;
clear: both;
color: #fff;
padding: 20px 0 0 0;
margin: 0 5px 0 0;
text-transform: lowercase;
text-align: right;
}

#footer a {
color: #fff;
text-decoration: none;
}

#footer a:hover {
color: #fff;
text-decoration: underline;
}

#footer ul {
margin: 0;
padding: 0;
}

#footer ul li {
list-style-type: none;
display: inline;
}

#footer ul li a {
padding: 0 0 0 5px;
}

/* content */

#content {
margin-left: 160px;
padding: 10px 20px 20px 20px;
border-left: 20px solid #efefef;
}

#content .portfolioss { padding: 10px 0 20px 20px; float: right; border: 0; }
#content .portfoliologo { float: right; padding: 10px 0 0 20px; }
#content .portfoliolink { font-weight: bold; }
#content .portfoliosign { font-weight: bold; }

/* main */

#main {
padding: 0;
}

#main table tr td {
padding-bottom: 5px;
}

#main .header {
padding: 0;
margin: 0;
border: 0;
border-bottom: 20px solid #fff;
}

/* Modification of the Tan hack to get the width right in IE6 */
* html #main .header {
margin-left: -3px;
width: 663px;
}

#main .headerflash {
padding: 0;
margin: 0;
border: 0;
}

/* Modification of the Tan hack to get the width right in IE6 */
* html #main .headerflash {
margin-left: -3px;
width: 663px;
}


#main pre {
font-size: 1em;
letter-spacing: 1px;
}

#main strong {
color: #00c0bc;
}

#main .accessibility {
display:inline;
padding-left: 0;
padding-top: 2px;
padding-bottom: 4px;
margin: 0;
text-decoration: none;
color: #00c0bc;
}

#main .accessibility img {
float: left;
}

#main a {
text-decoration: none;
color: #00c0bc;
}

#main a:hover {
text-decoration: underline;
color: #000;
}

#main h1 {
font-size: 2em;
font-weight: normal;
padding: 0;
margin: 0 0 10px 0;
color: #000;
text-transform: lowercase;
}

#main h2 {
font-size: 1.4em; 
margin-top: 0; 
padding: 0; 
font-weight: normal;
color: #00c0bc;
text-transform: lowercase;
}

#main h3, h4, h5, h6 {
font-size: 1em; 
margin-top: 0; 
padding: 0; 
font-weight: bold;
letter-spacing: 1px;
padding-top: 0;
padding-bottom: 0;
margin-bottom: 0;
color: #000;
text-transform: lowercase;
}

#main .portfolio {
font-size: 1.5em;
font-weight: normal;
padding: 0;
margin: 0;
color: #e83b8a;
text-transform: lowercase;
}

#main .homelink {
color: #000;
}

#main ul { 
list-style: none; 
margin-left: 0; 
padding: 0 0 0 10px; 
text-indent: -10px; 
}

#main li:before { 
content: "\00BB \0020"; 
}

#main address {
font-style: normal;
}

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

#main form .submit {
font-family: Verdana, Arial, Helvetica, sans-serif;
border: 1px solid #00c0bc;
text-transform: lowercase;
color: #00c0bc;
background-color: #fff;
}

#main form .textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
border: 1px solid #00c0bc;
color: #000;
background-color: #fff;
}


#main input {
font-family: Verdana, Arial, Helvetica, sans-serif;
border: 1px solid #00c0bc;
}

#main .radio {
border: 0;
}

#main .homeimg {
float: right;
}

#main .left {
float: left;
border: 0;
}

#main pre {
font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* sidepanel */

#sidepanel {
float: left;
width: 160px;
margin: 0px;
background: #00c0bc url(../assets/green_bg.gif);
text-align: right;
border-right: 20px solid #fff;
}

#sidepanel .headerimg {
border: 0;
border-bottom: 20px solid #fff;
padding: 20px;
}

#sidepanel ul {
padding:0;
border:0;
margin: 20px 0 10px 0;
}

#sidepanel ul li {
border:0;
margin: 0 20px;
padding: 0;
list-style-type: none;
}

#sidepanel ul li a {
color: #404040;
text-decoration: none;
background-color: #fff;
display: block;
padding: 10px;
margin: 0 20px 10px 20px;
font-weight: bold;
}

#sidepanel ul li a:hover {
background-color: #404040;
color: #00c0bc;
text-decoration: none;
}

#sidepanel .currentPage {
background-color: #404040;
color: #00c0bc;
}

#sidepanel .currentPage:hover {
color: #00c0bc;
}

#sidepanel .currentServices {
background-color: #404040;
color: #00c0bc;
margin: 0 20px;
}

#sidepanel .currentServices:hover {
color: #00c0bc;
}

#sidepanel .currentContact {
margin: 10px 20px;
}


#sidepanel ul li .sub {
color: #404040;
text-decoration: none;
background-color: #fff;
display: block;
padding: 5px;
margin: 0 20px;
font-weight: normal;
}

#sidepanel ul li .sub:hover {
background-color: #404040;
color: #00c0bc;
text-decoration: none;
}

#sidepanel ul li .subCurrent {
background-color: #404040;
color: #00c0bc;
display: block;
padding: 10px;
padding: 5px;
margin: 0 20px 10px 20px;
margin: 0 20px;
font-weight: normal;
}

#sidepanel .caseStudies {
margin: 0;
padding: 10px 0 10px 0;
}

#sidepanel .caseStudies li {
margin: 0;
}

#sidepanel .caseStudies li a {
margin: 0 20px;
padding: 2px 10px;
font-weight: normal;
}

#sidepanel .caseStudies li a:hover {
background-color: #fff;
text-decoration: underline;
color: #000;
}

#sidepanel .caseStudies li .currentCase {
background-color: #fff;
text-decoration: none;
color: #000;
}

#sidepanel .caseStudies li .currentCase:hover {
background-color: #fff;
text-decoration: none;
color: #000;
}

/* Fix IE6 double padding problem */
#sidepanel .float { 
display: inline;
}

#sidepanel .title {
margin: 0 20px;
display: block;
padding: 5px 10px;
color: #00c0bc;
font-weight: bold;
background-color: #fff;
}

/* clear classes */
#clear { clear: both; }
#clear p { display: none; }