*{margin:0;padding:0;}
img, img a{outline:none;border:none;}
body{background-color:#fff;color:#000;font:110% "Ubuntu",arial;margin:0;padding:0;}
a, a:visited{outline:none;color:#4086c6;text-decoration:none;}
a:hover{text-decoration:underline;}
.clear:before, .clear:after{content:"";display:table;}
.clear:after{clear:both;}
.clear{zoom:1;}
header, section, footer, aside, nav, article{display:block;}
.bodywidth{width:960px;margin:0 auto;clear:both;}
h1, h2, h3, h4, h5, h6{color:#2f2f2f;font-family:"Ubuntu",arial;}
.bold{font-weight:bold;}
.blue{color:#ff7d07;}
#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;font-weight:normal;}
#websitetitle h2{font:1.362em "Georgia";font-style:italic;font-weight:normal;margin:2px 0 0 15px;}
#mainheader nav{float:right;font:1.615em "Ubuntu",arial,;margin:8px 0 0 0;}
#mainheader nav li{list-style-type:none;display:inline;margin:0 0 0 65px;}
#mainheader a, #mainheader:visited{color:#2f2f2f;}
#mainheader a:hover{text-decoration:none;color:#7e7e7e;}
#introduction{margin-top:25px;}
#introduction h2{font-size:2.1em;font-weight:bold;margin:0 0 5px 0;}
#introduction p{line-height:140%;}
#introleft{float:left;width:540px;margin:0 0 25px 0;}
#introquote{float:right;font-family:"Georgia";font-style:italic;width:335px;) 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";font-style:italic;color:#4086c6;}
a.findoutmore, a.findoutmore:visited{padding:10px;font:0.9em "Ubuntu",arial;font-weight:bold;color:#fff;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(5,150,42) 12%,rgb(33,189,68) 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;}
#maincontent{border-top:1px #dbdbdb solid;padding:25px 0 0 0;overflow:hidden;}
#aboutleft{float:left;width:540px;}
#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{line-height:135%;margin:0 0 15px 0;}
#articlesright{float:right;width:380px;}
#articlesright article{clear:both;margin:0 0 20px 35px;overflow:hidden;}
#articlesright figure{padding:5px;border:1px #dbdbdb solid;float:left;width:119px;height:119px;margin:0 15px 0 0;}
#articlesright p{line-height:135%;}
#articlesright h5{font-size:1.3em;margin:0 0 6px 0;color:#ff7d07;}
#articlesright h5:hover{color:#2f2f2f;}
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;}
#footerwrap{width:100%;margin:20px 0 0 0;padding:30px 0;background:#2d2d2d url("../images/footerbg.jpg");}
#mainfooter{text-shadow:0 0 1px #000;}
#mainfooter nav{float:left;font-style:italic;font-size:1.1em;}
#mainfooter nav ul{margin:0;padding:0;list-style:none;}
#mainfooter li{list-style-type:none;float:left;margin:0 35px 0 0;}
#mainfooter li:last-child{margin-right:0;}
#mainfooter a, #mainfooter a:visited{color:#fff;}
.copyright{float:right;color:#b8b8b8;}
@media only screen and (max-width:980px) and (min-width:821px){.bodywidth{width:800px;}
#mainheader nav{font-size:1.4em;}
#mainheader nav li{margin:0 0 0 50px;}
#introleft{width:470px;}
#introquote{width:270px;}
#introduction h2{font-size:2.85em;}
#aboutleft{width:450px;}
#articlesright{width:324px;}
#articlesright article{font-size:0.95em;}
#mainfooter{font-size:0.9em;}
#mainfooter li{margin:0 25px 0 0;}
#mainfooter li:last-child{margin-right:0;}
}
@media only screen and (max-width:820px) and (min-width:621px){.bodywidth{width:600px;}
#mainheader{padding:40px 0 0 0;}
#mainheader nav{font-size:1.1em;margin:12px 0 0 0;}
#mainheader nav li{margin:0 0 0 25px;}
.logo{width:40px;height:40px;}
#websitetitle h1{font-size:2.3em;}
#websitetitle h2{font-size:1.2em;}
#introleft{width:600px;}
#introquote{display:none;}
#aboutleft{width:400px;}
#articlesright{width:170px;}
#articlesright figure{display:none;}
#mainfooter{font-size:0.9em;}
#mainfooter nav, .copyright{display:block;float:none;width:100%;margin-bottom:15px;}
#mainfooter li{margin:0 15px 0 0;}
#mainfooter li:last-child{margin-right:0;}
.copyright{color:#b8b8b8;margin-bottom:0;}
}
@media only screen and (max-width:620px) and (min-width:501px){.bodywidth{width:480px;}
#mainheader{padding:25px 0 0 0;}
#mainheader nav{float:left;font-size:1.1em;margin:18px 0 0 0;}
#mainheader nav li{margin:0 30px 0 0;}
.logo{width:40px;height:40px;}
#websitetitle h1{font-size:2.3em;}
#websitetitle h2{font-size:1.2em;}
#introleft{width:480px;}
#introduction h2{font-size:2.7em;}
#introquote{display:none;}
#aboutleft{width:310px;font-size:0.9em;}
#articlesright{width:150px;}
#articlesright article{font-size:0.9em;}
#articlesright figure{display:none;}
#mainfooter{font-size:0.9em;}
#mainfooter nav, .copyright{display:block;float:none;width:100%;margin-bottom:15px;}
#mainfooter li{margin:0 15px 0 0;}
#mainfooter li:last-child{margin-right:0;}
.copyright{color:#b8b8b8;margin-bottom:0;}
}
@media only screen and (max-width:500px) and (min-width:341px){.bodywidth{width:320px;}
#mainheader{padding:25px 0 0 0;}
#mainheader nav{float:left;font-size:1.1em;margin:18px 0 0 0;}
#mainheader nav li{margin:0 30px 0 0;}
.logo{width:40px;height:40px;}
#websitetitle h1{font-size:2.3em;}
#websitetitle h2{font-size:1.2em;}
#introleft{width:320px;font-size:0.8em;}
#introduction h2{font-size:2.3em;}
#introquote{display:none;}
#aboutleft{width:320px;font-size:0.9em;}
#articlesright{width:320px;float:left;border-top:1px #dbdbdb solid;padding:20px 0 0 0;margin:10px 0 0 0;}
#articlesright article{font-size:0.9em;}
#articlesright figure{display:none;}
#mainfooter{font-size:0.8em;}
#mainfooter nav, .copyright{display:block;float:none;width:100%;margin-bottom:15px;}
#mainfooter li{margin:0 6px 0 0;}
#mainfooter li:last-child{margin-right:0;}
.copyright{color:#b8b8b8;margin-bottom:0;}
}
@media only screen and (max-width:340px) and (min-width:5px){.bodywidth{width:300px;}
#mainheader{padding:27px 0 0 0;}
#mainheader nav{float:left;font-size:0.9em;margin:15px 0 0 0;}
#mainheader nav li{margin:0 30px 0 0;}
.logo{width:40px;height:40px;}
#websitetitle h1{font-size:2.3em;}
#websitetitle h2{font-size:1.2em;}
#introleft{width:300px;font-size:0.8em;}
#introduction h2{font-size:2.3em;}
#introquote{display:none;}
#aboutleft{width:300px;font-size:0.9em;}
#articlesright{width:300px;float:left;border-top:1px #dbdbdb solid;padding:20px 0 0 0;margin:10px 0 0 0;}
#articlesright article{font-size:0.9em;}
#articlesright figure{display:none;}
#mainfooter{font-size:0.7em;}
#mainfooter nav, .copyright{display:block;float:none;width:100%;margin-bottom:15px;}
#mainfooter li{margin:0 6px 0 0;}
#mainfooter li:last-child{margin-right:0;}
.copyright{color:#b8b8b8;margin-bottom:0;}
}