@charset "utf-8";

/* Global Reset */
*{margin:0;padding:0;border:none;outline:0;font-style:normal;font-weight:normal;text-decoration:none;}
table{border-collapse:collapse;border-spacing:0;}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}

/*Clearing Floats Fix*/
.clearfix:after {content: ".";display:block;height:0;clear:both;visibility:hidden;}
* html .clearfix {height:1%;}

/* ########## Body ########## */
body {
background:#2b3741;
font-family:Tahoma, Verdana, sans-serif;
font-size:13px;
}

/* ########## Wrapper ########## */
#wrapper {
margin:5px auto;
width:960px;
height:auto;
}

/* ########## Navigation ########## */
#navigation {
height:40px;
margin:0 auto;
}

#navigation li {
display:inline;
float:right;
}

#navigation li a {
display:block;
height:40px;
margin:0 5px;
width:150px;
}

a[href="/"] {
background:url(gfx/sprite.png) no-repeat -5px -10px;
}

a[href="/"]:hover {
background:url(gfx/sprite.png) no-repeat -5px -51px;
}

a[href="about.html"] {
background:url(gfx/sprite.png) no-repeat  -158px -10px;
}

a[href="about.html"]:hover {
background:url(gfx/sprite.png) no-repeat  -158px -51px;
}

a[href="articles.html"] {
background:url(gfx/sprite.png) no-repeat  -310px -10px;
}

a[href="articles.html"]:hover {
background:url(gfx/sprite.png) no-repeat  -310px -51px;
}

a[href="links.html"] {
background:url(gfx/sprite.png) no-repeat  -462px -10px;
}

a[href="links.html"]:hover {
background:url(gfx/sprite.png) no-repeat  -462px -51px;
}

a[href="contact.html"] {
background:url(gfx/sprite.png) no-repeat  -614px -10px;
}

a[href="contact.html"]:hover {
background:url(gfx/sprite.png) no-repeat  -614px -51px;
}

a[href="overview.html"] {
background:url(gfx/sprite.png) no-repeat  -766px -10px;
}

a[href="overview.html"]:hover {
background:url(gfx/sprite.png) no-repeat  -766px -51px;
}

/* ########## Banner ########## */
#banner {
background:url(gfx/sprite.png) no-repeat -5px -93px;
width:950px;
height:288px;
margin:0 auto;
}

#content-top {
margin:0 auto;
width:950px;
height:21px;
background:url(gfx/sprite.png) no-repeat -5px -383px;
}

#main {
width:950px;
background:url(gfx/content-bg.png) repeat-y;
padding-bottom:30px;
margin:0 auto;
height:auto;
color:#718595;
text-shadow:1px 1px #2c2c2c;
}

#main a {
color:#9eaec9;
cursor:pointer;
background:url(gfx/arrow.png) no-repeat 75px 0;
padding-right:20px;
}

#main a:hover {
color:#516077;
}

.left-textblock {
width:69%;
height:auto;
float:left;
margin-left:2.5%;
}

.left-textblock p, h1 {
background:#35404b;
border:1px solid #41585e;
text-align:justify;
padding:10px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
behavior:url(js/border-radius.htc);
border-radius: 6px;
margin-bottom:10px;
}

.left-textblock img {
float:left;
margin:0 5px 0 0;
}

span.highlight {
color:#acc5d0;
}

h1 {
color:#959ba9;
background:#2a3440 url(gfx/h1-bg.png) no-repeat 15px 7px;
padding-left:60px;
margin-bottom:15px;
font-size:18px;
}

h2 {
font-size:12px;
color:#bcc6da;
background:url(gfx/h2-bg.png) no-repeat 3px 0;
border-bottom:1px dashed #bcc6da;
margin-bottom:5px;
padding:0 0 5px 24px;
}

.right-textblock {
background:#35404b;
border:1px solid #41585e;
padding:10px;
width:22%;
height:auto;
float:right;
margin-right:2.5%;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
behavior:url(js/border-radius.htc);
border-radius: 6px;
}

.right-textblock span {
color:#bcc6da;
display:block;
margin-bottom:5px;
}

#footer {
margin:0 auto;
width:950px;
height:29px;
background:url(gfx/sprite.png) no-repeat -5px -406px;
}

#footer p {
text-align:center;
padding-top:5px;
color:#8ea0a9;
}

#footer a {
color:#69788f;
}

#footer a:hover {
color:#516077;
}

a.ghost {
font-size:0;
}