@charset "utf-8";
/* CSS Document */

body{ margin: 0; background: #fff; font: normal 14px Arial; letter-spacing: -0.3pt; color: #75767e; }
img{ border: 0; }
a{ color: #c4122f; text-decoration: underline; }
a:hover{ background-color: #c4122f; color: #fff; text-decoration: none; }


#header{ background-color: #22364F; background-image: url(../img/core/headerBgblue.gif); background-repeat: no-repeat; background-position: top left; height: 152px; border-top: solid 3px #22364F; margin: 0 0 30px 0; }
/*#header{ background-color: #2e343f; background-image: url(../img/core/headerBg.gif); background-repeat: no-repeat; background-position: top left; height: 152px; border-top: solid 3px #26292f; margin: 0 0 30px 0; }*/
#header #header-inner{ width: 860px; margin: 0 auto 0 auto; }
#header #header-inner #logo{ background-image:url(../img/core/vs-logo.gif); width: 206px; height: 92px; margin: 30px 0 30px 0; float: left; }
#header #header-inner #logo h1{ display: none; }
#header #header-inner #nav{ margin: 120px 0 0 0; float: right; width: 600px; }
#header #header-inner #nav ul{ margin: 0; padding: 0; list-style: none; float:right;}
#header #header-inner #nav ul li{ display: inline; margin: 0; padding: 0; float:left; margin-right:7px;}
#header #header-inner #nav ul li a.selected{display:block; width:100px; height:27px; background-color: #fff; color: #26292F; text-decoration:none; font-size: 14pt; padding-top:5px;text-align:center;}
#header #header-inner #nav ul li a{display:block; width:100px; height:27px; background-color: #75767e; color: #fff; text-decoration:none; font-size: 14pt; padding-top:5px;text-align:center;}
#header #header-inner #nav ul li a:hover{display:block; width:100px; height:27px; background-color: #fff; color: #75767e; text-decoration:none; font-size: 14pt; padding-top:5px;text-align:center;}

#content{ width: 900px; margin: 0 auto 0 auto; clear: both; text-align:justify;}
#content #right-main{ width: 620px; padding: 0 40px 0 0;float: right; padding-bottom:40px;}
#content #right-main h2{ font: normal 2.7em Arial; color: #2e343f; line-height: 30px; margin: 0; padding: 0 0 10px 0; letter-spacing: -2px; text-align:justify;}
#content #right-main p{ font: normal 16px Arial; line-height: 24px; color: #75767e; margin: 0; padding: 0 0 20px 0; }
#content #right-main img{ margin: 5px 10px 10px 0; float: left; }

#content #main-title h2{ font: normal 2.7em Arial; color: #2e343f; line-height: 30px; margin: 0; padding: 0 0 10px 0; letter-spacing: -2px; text-align:justify; padding-bottom:0px;}

#content #main{ width: 560px; padding: 0 40px 0 0; border-right: solid 1px #e2e2e2; float: left; }
#content #main h2{ font: normal 2.7em Arial; color: #2e343f; line-height: 30px; margin: 0; padding: 0 0 10px 0; letter-spacing: -2px; text-align:justify;}
#content #main p{ font: normal 16px Arial; line-height: 24px; color: #75767e; margin: 0; padding: 0 0 20px 0; }
#content #main img{ margin: 5px 10px 10px 0; float: left; }

#content #main .project{width: 550px; clear:both; margin-bottom:20px; border-bottom: 5px solid #f2f2f2;}
#content #main .project .left-image{float:left; width:300px;}
#content #main .project .project-name{float:right; width:250px; font-size:20px;}
#content #main .project .project-name .name{margin-left:30px;float:left;margin-top:20px; color: #000;}
#content #main .project .project-name .description{margin-left:30px;float:left;margin-top:40px; color: #000; font-size:0.7em; text-align:justify;}
#content #main .project .project-name .url{float:left;margin-left:30px;margin-top:40px; color: #000; font-size:0.6em;}
#content #main .project .project-name .name a{text-decoration:none; color:#000;}
#content #main .project .project-name .name a:hover{text-decoration:none; color:#fff;}
#content #main .project .placeholder{clear:both;}

#content #left-sidebar{ width: 200px; min-height:300px;float: left; border-right: 3px solid #f2f2f2; }
#content #left-sidebar ul{margin:0px; paddiing:0px; list-style:none; margin-top:60px;}
#content #left-sidebar ul li{margin-top:10px;padding-top:10px; padding-bottom:10px; padding-right:5px; text-align:right;}
#content #left-sidebar ul li a{font-size: 1.4em; color: #333; text-decoration:none;}
#content #left-sidebar ul li a:hover{background:#fff; color: #c4122f;}
#content #left-sidebar ul li.selected {background:#f2f2f2; text-align:right;}
#content #left-sidebar ul li.selected a{color: #333; }
#content #left-sidebar ul li.selected a:hover{color: #333; background:#f2f2f2; }
 
#content #sidebar{ width: 260px; float: right; } 
#content #sidebar h3{ margin: 0; padding: 0 0 10px 0; font: normal 18px Arial; color: #26292f; }
#content #sidebar img{ margin: 0 10px 10px 0; float: left; }
#content #sidebar .red a{ color: #fff; font-weight:bold; text-decoration: none; }
#content #sidebar a{ color: #2e343f; text-decoration: underline; }
#content #sidebar a:hover{ background-color: #2e343f; color: #fff; text-decoration: none; }
#content #sidebar p{ margin: 0; padding: 0 0 15px 0; font: normal 14px Arial; line-height: 18px; color: #75767e;}
#content #sidebar .red{ padding: 15px; background-color:#c4122f; text-align:justify;  margin-bottom:10px;}
#content #sidebar .red h3{ color: #fff; }
#content #sidebar .red p{ color: #fff; }
#content #sidebar .box{ padding: 20px; background-color: #fff; text-align:left; margin-bottom:10px;}
#content #sidebar ul{padding:0px; margin:0px; list-style:none;}
#content #sidebar ul li{margin:0px; padding:0px; margin-top:5px;}

/* CONTACT FORM */
#contactform{ margin: 0 0 30px 0; padding: 0; }
#contactform label{ float: left; display: block; width: 140px; clear: left; }
#contactform hr{ clear: both; background-color: #fff; border: 0; color: #fff; }
#contactform input{ width: 300px; border: solid 1px #ccc; padding: 4px; }
#contactform textarea{ width: 300px; border: solid 1px #ccc; padding: 4px; }
#contactform input.button{ width: 100px; border: 0; padding: 3px; font: bold 14px Arial; background-color: #c4122f; color: #fff; }

#footer{ width: 900px; margin: 0 auto 0 auto; padding: 30px 0 30px 0; border-top: solid 1px #e2e2e2; clear: both; }