/* Set defaults */
body			{ margin: 0; padding: 0; font-size: 76%; }
input,
select,
textarea		{ font-size: 1em; }
th,
td				{ vertical-align: top; font-size: 1em; }
img				{ border: 0; }
a				{ text-decoration: none; }
a:hover			{ text-decoration: underline; }

/* Generic classes */
.clear:after	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear			{ display: inline-block; }
/* \*/
.clear			{ display: block; }
/* */

.align-left		{ text-align: left !important; }
.align-right	{ text-align: right !important; }
.align-centre	{ text-align: center !important; }
.align-top		{ vertical-align: top !important; }
.align-bottom	{ vertical-align: bottom !important; }
.align-middle	{ vertical-align: middle !important; }

.bold			{ font-weight: bold !important; }
.italic			{ font-style: italic !important; }
.underline		{ text-decoration: underline !important; }
.uppercase		{ text-transform: uppercase; font-size: 0.9em; }

.wrapper { width: 900px; padding: 0 20px; margin: 0 auto; }


/* Site specific */
html { background: #005db0; }

body { background: #e2e2e2 url(../graphics/body.png) repeat-x; }
body,
input,
select,
textarea { font-family: Arial, Helvetica, sans-serif; }

h1 { font-size: 2em; font-weight: normal; color: #4682c3; text-transform: uppercase; }
h2 { font-size: 1.6em; font-weight: normal; }
h3 { font-size: 1.1em; }

a { color: #0065b4; }
a.button,
span.button { padding: 2px 5px; margin: 0 2px 0 0; color: white; background: #0065b4; text-transform: uppercase; font-size: 0.9em; }
a.button:hover { text-decoration: none; }

#wrapper { width: 980px; margin: 0 auto -13px; }

#header { position: relative; margin: 0 20px 0 0; height: 157px; background: url(../graphics/header.gif) no-repeat right 129px; }
#header p { position: absolute; right: 35px; bottom: 50px; color: white; margin: 0; font-size: 1.2em; letter-spacing: 0.02em; }

#logo { position: absolute; left: 15px; bottom: 15px; }

#byline { position: relative; height: 32px; line-height: 32px; background: url(../graphics/byline.gif) repeat-x; }
#byline form { position: absolute; left: 20px; top: 0; }
#byline form label { font-size: 0.8em; color: #00467c; }
#byline form input.text { margin: 0 0.5em; width: 100px; }

#navigation { position: absolute; right: 20px; top: 0; font-size: 0.8em; font-weight: bold; }
#navigation ul { margin: 0; padding: 0; list-style-type: none; }
#navigation li { position: relative; display: inline; padding: 0 0.3em; border-right: 1px solid white; }
#navigation li:last-child { padding: 0 0 0 0.5em; border-right: 0; }
#navigation li a { color: #2d4983; text-transform: uppercase; }
#navigation li a:hover {  }
#navigation li.nav_active a,
#navigation li.nav_active a:hover {  }

#main { margin: 0 -1px 0 0; padding: 0 20px; background: url(../graphics/wrapper.png) repeat-y; }
* html #main { padding: 0 20px 20px; }

#content { padding: 0 20px 10px; }
#content.sidebar { position: relative; padding: 0 10px 520px 0; margin: 0 20px 10px; #margin: 15px 20px 10px; float: left; width: 695px; border-right: 1px dotted #9d9d9d; }
* html #content.sidebar { left: -10px; }

#news-sidebar { float: right; padding: 15px 0 0; width: 185px; }
#news-sidebar.page { margin: 0 20px 0 -20px; #margin: 0 20px 15px -20px; }
#news-sidebar div.box { padding: 0 0 1px; margin: 0 0 10px; background: #dfe9f2; }
#news-sidebar div.box h3,
h3.title { margin: 0; height: 25px; line-height: 25px; padding: 0 10px; font-size: 1em; font-weight: normal; color: white; text-transform: uppercase; background: url(../graphics/title2.gif) repeat-y; }
h3.title { background-position: -184px 0; }
#news-sidebar div.box ul { margin: 5px 10px 10px; padding: 0; font-weight: bold; list-style-type: none; }
#news-sidebar div.box li { padding: 0.3em 0; border-bottom: 1px dotted #9d9d9d; }

#recent-work.mod { position: absolute; left: 0; bottom: 0; #bottom: 15px; width: 295px; }
#recent-work.mod ul { margin: 0; padding: 0; list-style-type: none; }
#recent-work.mod li { padding: 0.3em 10px; border-bottom: 1px dotted #9d9d9d; }
#recent-work.mod li a strong { font-size: 1.1em; }

#footer { height: 50px; line-height: 50px; background: url(../graphics/footer.gif) repeat-x; color: white; text-align: right; }

.no_content { background: #ddd; color: #656565; text-align: center; font-size: 1.2em; padding: 50px 0; }