/* CSS Document */

/* Reset */
*{margin:0; padding:0;}
img, img a{outline:none; border:none;}
body{background-color:#fff; color:#575757; font:90% "arial",times,serif; margin:0; padding:0;}
a, a:visited{outline:none; color:#4086c6; text-decoration:none;}
a:hover{text-decoration:underline;}

/* Modern Clear Floating Fix */

.clear:before, .clear:after{content:""; display:table;}
.clear:after{clear:both;}
.clear{zoom:1; /* For IE 6/7 (trigger hasLayout) */}

/* HTML5 Fix */

header, section, footer, aside, nav, article{display:block;}

/* Base Structure */

.bodywidth{width:900px; margin:0 auto; clear:both;}

/* General Type */

h1, h2, h3, h4, h5, h6{color:#2f2f2f; font-family:"Garamond",Georgia,Times New Roman;}
.bold{font-weight:bold;}
.blue{color:#4086c6;}

/* Header */
#headerwrap{width:100%; background:url("../images/headerbg.jpg") repeat-x 0 0; height:117px;}
#mainheader{padding:35px 0 0 0; color:#2f2f2f; text-shadow:0 0 1px #fff;}
.logo{float:left; margin:0 10px 0 0; -webkit-transition:-webkit-transform 0.4s ease-out; -moz-transition:-moz-transform 0.4s ease-out; transition:transform 0.4s ease-out;}
.logo:hover{cursor:pointer; -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); transform:rotate(360deg);}
#websitetitle{float:left; margin:-8px 0 0 0;}
#websitetitle h1{font-size:2.538em "Georgia"; font-weight:normal;}
#websitetitle h2{font-size:1.2em "arial"; font-style:italic; font-weight:normal; margin:-3px 0 0 0;}
#mainheader nav{float:right; margin:8px 0 0 0;}
#mainheader nav ul{list-style-type: none;}
#mainheader nav li{font-family: "arial"; font-weight:bold; font-size:1.1em; display:inline; margin:0 0 0 65px;}
#mainheader a, #mainheader:visited{color:#2f2f2f;}
#mainheader a:hover{text-decoration:none; color:#7e7e7e;}

/* Intro */

#introduction{margin-top:25px;}
#introduction h2{font-size:1.8em; font-weight:bold; margin:0 0 5px 0;}
#introduction p{font-size:1.154em; line-height:140%;}
#introleft{float:left; width:540px; margin:0 0 25px 0;}
#introquote{float:right; font-style:italic; font-size:.99em; width:265px; background:url("../images/leftquotemark.png") no-repeat 0 0; padding:28px 0 0 45px; margin:20px 0 25px 0;}
#introduction .quotename{float:right; height:27px; background:url("../images/rightquotemark.png") no-repeat right top; margin:10px 0 0 0; padding:0 50px 0 0; font:0.9em "Ubuntu"; color:#4086c6;}
a.findoutmore, a.findoutmore:visited{padding:10px; font:0.9em "Ubuntu",arial; font-weight:bold; color:#fff; text-shadow:0 0 1px #1e5298; background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.12,rgb(109,171,229)),color-stop(0.56,rgb(59,126,189))); background-image:-moz-linear-gradient(center bottom,rgb(109,171,229) 12%,rgb(59,126,189) 56%); background-color:#468ac9; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; margin:13px 0 0 0; float:left;}
a.findoutmore:hover{background-color:#2f2f2f; background-image:none; text-shadow:0 0 1px #000; text-decoration:none;}

/* Main Content */

#maincontent{border-top:1px #dbdbdb solid; padding:25px 0 0 0; overflow:hidden;}
#maincontent li{list-style-type:disc; font-size:1.154em; line-height:140%; margin:0 0 0 65px;}
#aboutleft{float:left; width:600px;}
#aboutleft h2{font-size:1.8em; font-weight:bold; margin:0 0 15px 0;}
#aboutleft h3{font-size:1.5em; font-weight:bold; margin:0 0 15px 0;}
#aboutleft h4{font-size:1.3em; font-weight:bold; margin:0 0 15px 0;}
#aboutleft p{font-size:1.154em; line-height:140%; margin:0 0 15px 0;}
#sidebarright{margin-top:25px;}
#sidebarright{float:right; width:265px;}
#sidebarright article{clear:both; margin:0 0 20px 0; overflow:hidden;}
#sidebarright figure{padding:5px; border:1px #dbdbdb solid; float:left; width:119px; height:119px; margin:0 15px 0 0;}
#sidebarright p{line-height:135%;}
#sidebarright h5{font-size:1.3em; margin:0 0 6px 0; color:#4086c6;}
#sidebarright h5:hover{color:#2f2f2f;}
#sidebarquote{float:right; font-style:italic; font-size:.99em; width:265px; background:url("../images/leftquotemark.png") no-repeat 0 0; padding:28px 0 0 45px; margin:20px 0 25px 0;}
#sidebarright .quotename{float:right; height:27px; background:url("../images/rightquotemark.png") no-repeat right top; margin:10px 0 0 0; padding:0 50px 0 0; font:0.9em "Ubuntu"; color:#4086c6;}
#onecolumn{width:900px;}
#onecolumn h2{font-size:1.8em; font-weight:bold; margin:0 0 15px 0;}
#onecolumn h3{font-size:1.5em; font-weight:bold; margin:0 0 15px 0;}
#onecolumn h4{font-size:1.3em; font-weight:bold; margin:0 0 15px 0;}
#onecolumn p{font-size:1.154em; line-height:140%; margin:0 0 15px 0;}
#onecolumn .red{font-size:1.15em; line-height:140%; color:#fe0000; margin:0 0 15px 0;}
#onecolumn .blue{font-size:1.15em; line-height:140%; color:#0000ff; margin:0 0 15px 0;}
.copyright{font-size:0.90em; text-align:center;line-height:180%; margin:0 0 10px 0;}
a.readmore, a.readmore:visited{padding:4px; font:0.9em "Ubuntu",arial; font-weight:bold; color:#fff; text-shadow:0 0 1px #1e5298; background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.12,rgb(109,171,229)),color-stop(0.56,rgb(59,126,189))); background-image:-moz-linear-gradient(center bottom,rgb(109,171,229) 12%,rgb(59,126,189) 56%); background-color:#468ac9; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; margin:10px 0 0 0; float:left;}
a.readmore:hover{background-color:#2f2f2f; background-image:none; text-shadow:0 0 1px #000; text-decoration:none;}

/* Footer */
#footerwrap{width:100%;}
#mainfooter{text-shadow:0 0 1px #000;}
#mainfooter nav{font-style:italic; font-size:1.0em; font-weight:bold; text-align: center;}
#mainfooter nav ul{width:100%; margin:0 0 0 0; padding:10px 0 10px 0; background:#545454; list-style:none;}
#mainfooter li{list-style-type:none; float:none; margin:0 35px 0 0;display:inline;}
#mainfooter li:last-child{margin-right:0;}
#mainfooter a, #mainfooter a:visited{color:#fff;}



/* MEDIA QUERIES */



/* Under 320px */
//*@media only screen and (max-width: 320px) and (min-width: 5px)  {
.bodywidth{width:320px;}*//