body { background: #f2f2f2 url(../images/bg.png) repeat-x center -148px; color: #444C4E; padding: 0px; margin-top: 30px; margin-right: 0px; margin-bottom: 0px; margin-left: 25px; font-size: 12px; line-height:150%; font-family: 'Open Sans', sans-serif; text-shadow: 0 1px 0 rgba(255,255,255,0.6);}

b {font-weight: 700;}

#container { width: 700px; margin-top: 15px; float: left;}

.update { color: #C2D044; font-weight: 700;}
.heady { width: 700px; margin-right: auto; margin-left: auto; overflow: hidden;}
.headbox { width: 350px; float: right; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 15px; padding-top: 0px; padding-right: 5px; padding-bottom: 5px; padding-left: 0px; text-align: right;}
.logo { float: left; height: 44px; width: 126px;}
.welcome { color: #444C4E; padding: 0; width: 700px; margin-right: auto; margin-left: auto; margin-top: 10px; margin-bottom: 15px; font-size: 20px;}
.welcomeb { font-size: large; color: #444C4E; line-height: 1em; width: 350px; margin-left: 15px;}
.footer { font-size: 11px; color: #d2d2d2; width: 700px; margin-right: auto; margin-left: auto; margin-top: 10px; margin-bottom: 15px;}
.workboxright { width: 700px; margin-left: auto; margin-top: 0px; padding-bottom: 40px; margin-right: auto;}
.workboxright img {

box-shadow: 0 1px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2);

}
.700 { font-weight: 700;}

a.plain:link, a.plain:visited { color: #444C4E; text-decoration: none; background-color: #EEF1C9; padding: 0 4px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -webkit-transition: all .1s linear; display: inline-block;}
a.plain:hover { background-color: #E2E8A4;}

.workboxright img { border: 0px solid #CCCCCC; padding: 0px; margin-bottom: 5px;}
.description_title { font-size: 11px;}
#boxer { width: 700px; margin: 0 auto;}
.hider { visibility: hidden; height: 0px; width: 0px; display: none;}

.topnav { width: 700px; overflow: hidden; margin: 30px auto 40px; font-family: 'Open Sans', sans-serif;}

.topnav .leftb { float: left;}
.topnav .rightb { float: right;}

.topnav .leftb ul { list-style: none; margin: 0; padding: 0;}
.topnav .leftb li { float: left; margin-right: 15px; padding: 0; display: block;}

.topnav .rightb ul { list-style: none; margin: 0; padding: 0;}
.topnav .rightb li { float: right; margin-left: 15px; padding: 0;}

.topnav li a { color: #444C4E; display: block; overflow: hidden; -webkit-transition: all .1s linear; text-decoration: none;}
.topnav .rightb li a {color: #888;}
.topnav li a:hover { color: #E2E8A4; text-decoration: none; background: none;}




@media screen and (orientation:portrait) and (max-device-width: 480px) {
body {width: 90%; padding: 5%; margin: 0; font: .9em "Helvetica Neue", Helvetica, Arial, sans-serif;}
body img { width: 100%; height: auto;}
* { line-height: normal;}
.topnav { display: none; visibility: hidden;}

#container,
.heady,
.headbox,
.welcome,
#boxer,
.workboxright,
.footer,
.welcomeb
 { width: 100%; margin: 0; padding: 0;}
 
.welcome,
.workboxright { margin: 0 0 1em 0;}

.welcomeb { text-align: left; padding: 5% 5% 5% 0; width: auto; display: block;}
}

@media screen and (orientation:landscape) and (max-device-width: 600px) {
body {width: 90%; padding: 5%; margin: 0; font: .9em "Helvetica Neue", Helvetica, Arial, sans-serif;}
body img { width: 100%; height: auto;}
* { line-height: normal;}
.topnav { display: none; visibility: hidden;}

#container,
.heady,
.headbox,
.welcome,
#boxer,
.workboxright,
.footer,
.welcomeb
 { width: 100%; margin: 0; padding: 0;}
 
.welcome,
.workboxright { margin: 0 0 1em 0;}

.welcomeb { text-align: left; padding: 5% 5% 5% 0; width: auto; display: block;}

}