/*
 Master Stylesheet
 Site: MC3
*/

/* Basic Elements  */
html{font-size:100%;}
html, body { height: 100%; }
body {font-size: 62.5%; font-family: 'Trebuchet MS', Arial, Sans-serif; line-height: 1.5; color: #6e6e74; margin:0; padding:0; }
input, select, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
:focus {outline: 1px;}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
strong{font-weight:800;}
hr { display: none; }
.left { float: left;}
.right { float: right;}
.center { text-align: center; }
a img { border: none }
.clearer { clear: both; height: 0; line-height: 0;}


#main {width:800px; height:560px; border: 1px solid #999; margin-left: auto;margin-right: auto;}

#menubox {width:760px; height:60px; margin-top:50px; margin-left: auto;margin-right: auto;}
#menu {width:360px; height:40px; margin-top:20px; float:right;}
#pagetitle {width:380px; height:60px; float:left;}

.menu {font-size:15px; color:#999999;}
.divide {font-size:15px; color:#CC6699;}

#leftbox {width:380px; height:360px; margin-top:50px; margin-left: 20px; float:left;}
#rightbox {width:360px; height:360px; margin-top:50px; margin-right: 20px; float:right;}


#portfolio-image {width:95px; height:110px; float:left;}
#portfolio-instruct {width:380px; height:30px; float:left;}

.maintext {font-family: 'Trebuchet MS', Arial, Sans-serif; line-height: 16px; color: #666;font-size:14px;}
.whitetext {font-family: 'Trebuchet MS', Arial, Sans-serif; line-height: 15px; color: #fff;font-size:12px; padding:10px;}

/* Links */
a:link, a:visited, a:active { color: #999;text-decoration: none; }
a:hover { color: #999; text-decoration:underline }

a.contact:link, a.contact:visited, a.contact:active { color: #fff;text-decoration: none; }
a.contact:hover { color: #fff; text-decoration:underline }

/* Headers / Paragraph */
h1 { font-size: 1.4em; margin: 0 0 1em;}
h2 { font-size: 1.1em; margin: 0 0 0.75em;}
h3 { font-size: 1.5em; margin: 0; color: #621e3f; font-weight: 400;}
h4 { margin: 0; color: #621e3f; font-weight: 400; font-size: 1.25em; }
h5, h6 { font-size: 1.2em; margin: 0 0 1em; }
p {font-size:1.2em; margin: 0 0 1em 0; }



/* self-clear floats */
.auto-clear:after { content: ".";display: block;height: 0;clear: both;visibility: hidden; }

/* IE Hacks */
* html #div{}
*:first-child+html #div{} 

/* Safari Hack */
#div {margin-left: 10px;}