*{margin:0; padding:0;}

@font-face {
    font-family: 'AngelinaRegular';
    src: url('angelina-webfont.eot');
    src: url('angelina-webfont.eot?#iefix') format('embedded-opentype'),
         url('angelina-webfont.woff') format('woff'),
         url('angelina-webfont.ttf') format('truetype'),
         url('angelina-webfont.svg#AngelinaRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body { font: 12px Verdana,Arial,Tahoma,sans-serif; line-height:1.4em; color:#303030; background:#372F85; }
a { color:#467aa7; font-weight:bold; text-decoration:none; background-color:inherit; }
a:hover { color:#2a5a8a; text-decoration:none; background-color:inherit; }
a img { border:none; }
p { padding:0 0 1.6em 0; }

div.container { width:760px; margin:20px auto; padding: 1px; background:#ffffff; color:#303033; }

div.header { width: 100%; height: 110px; margin-bottom: 1px; background: #120873 url(../img/header.jpg) top left no-repeat; }
div.header h1 { font: 60px/30px 'AngelinaRegular', Verdana, Arial, Tahoma, sans-serif;letter-spacing: 6px; margin-left: 170px; padding-top: 40px; color: #FFFFFF; text-align: center; }
div.header h1 span.subtitle { font-size:18px; }


div.navigation { width: 100%; margin-bottom: 10px; color:#000000; background:#FFC873;}
div.navigation .menu {display: table; margin: 0 auto; }
div.navigation .menu ul {display: table-row; }
div.navigation .menu li { height: 26px; line-height: 26px; float:left; list-style-type:none; font-size:10px; border-right:1px solid #ffffff; white-space:nowrap; text-transform:uppercase; }
div.navigation .menu li.first { border-left:1px solid #ffffff; }
div.navigation .menu li a { display:block; padding:0 22px; font-size:10px;  font-weight:normal; text-transform:uppercase; text-decoration:none; background-color:inherit; color:#000000; }
div.navigation .menu li.selected a { background:#FF9A00; color:#ffffff; text-decoration:none; }
div.navigation .menu a:hover { background:#FFB440; color:#ffffff; text-decoration:none; }


div.main_hp_left  { width: 560px; float:left; font-size: 11px; padding: 10px; }
div.main_hp_right { width: 160px; float:left; font-size: 11px; padding: 10px; }
div.main_hp_left h2 { font: 30px/40px 'AngelinaRegular', Verdana, Arial, Tahoma, sans-serif;letter-spacing: 2px; display:block; margin:0 0 16px 0; font-weight:normal; color:#505050; background-color:inherit; }
div.main { width: 740px; float:left; font-size: 11px; padding: 10px; }
div.main h2 { font: 30px/40px 'AngelinaRegular', Verdana, Arial, Tahoma, sans-serif;letter-spacing: 2px; display:block; margin:0 0 16px 0; font-weight:normal; color:#505050; background-color:inherit; }
div.main h2 a { font-weight:normal; }
div.main h3 { font: 30px/40px 'AngelinaRegular', Verdana, Arial, Tahoma, sans-serif; letter-spacing: 2px;}
div.main a:hover { text-decoration:underline; }
div.main ul { margin:0 5px 16px 35px; }
div.main ol { margin:0 5px 16px 35px; }
div.main dl { margin:0 5px 10px 25px; }
div.main dt { font-weight:bold; margin-bottom:5px; }
div.main dd { margin:0 0 10px 15px; }


div.main div.resume_section p { padding: 0px 5px 10px 5px; }
div.main .resume_section h4 { font: 12px Verdana,Arial,Tahoma,sans-serif; letter-spacing: 2px; color: #000000; padding: 2px 0px 2px 5px; background-color: #FFB440; margin: 10px 0px 20px; }
div.main .resume_section h5 { font-size: 11px;  margin: 0 5px; }
div.main .resume_section table { background-color: #ffffff; font-size: 12px; width: 718px; border: 1px #ffffff solid; margin: 0 auto; }
div.main .resume_section td { background-color: #FFC873; font-size: 12px; padding:2px; }
div.main .resume_section th { background-color: #FFC873; font-size: 12px; padding:2px; }
div.main .resume_section ul { padding: 10px 0px 10px 30px }


div.main .whativedone h2 { color: #FFFFFF; padding: 2px 0px 2px 5px; background-color: #4169E1; font-size: 12px; margin: 10px 0px 20px; }
div.main .whativedone h3 { font-size: 11px; }
div.main .whativedone ul { list-style-type: none; padding: 10px 0px 10px 30px }
div.main .whativedone ul li { float: left; margin: 5px; }

div.footer { clear:both; width: 100%; height: 18px; font-size: 11px; text-align: right; color: #f0f0f0; background: #120873; }
div.footer .copyright { padding-right: 10px; }
div.footer a { color: #FFFFFF; font-weight: normal; text-decoration: none; }


div.main ul.linkcloud { list-style-type: none; padding: 0; margin-right: 35px; }
div.main ul.linkcloud li { float: left; margin: 5px; border: 1px solid #120873; padding: 4px 10px; border-radius: 4px; background-color: #467aa7; }
div.main ul.linkcloud li a {color: #FFFFFF;}

.clear { clear:both; }
.small { font-size:0.8em; }
.hide { display:none; }
.textcenter { text-align:center; }
.textright { text-align:right; }
.important { color:#f02025; background-color:inherit; font-weight:bold; }
.imgvmiddle { vertical-align: middle }
.undercontruction { font-size: 12px; }

.box { margin:0 0 20px 0; padding:10px; border:1px solid #c0c0c0; background-color:#fafbfc; color:#505050; line-height:1.5em; }

.contact { vertical-align: middle }



@media only screen and (max-width:770px){body:not(#page-gallery){width:100%!important}

div.container { width:480px; margin:20px auto; padding: 1px; background:#ffffff; color:#303033; }

div.navigation .menu li.first { border-left:0px; }
div.header h1 { font: 60px/30px 'AngelinaRegular', Verdana, Arial, Tahoma, sans-serif;letter-spacing: 6px; margin-left: 170px; padding-top: 20px; color: #FFFFFF; text-align: center; }

div.main { width: 460px; float:left; font-size: 11px; }

div.main_hp_left  { width: 460px; float:left; font-size: 11px; padding: 10px; }

div.main div.resume_section p { padding: 0px 0px 10px 0px; }
div.main .resume_section table { background-color: #ffffff; font-size: 12px; width: 460px; border: 1px #ffffff solid; margin: 0 auto; }
div.main .resume_section ul { padding: 10px 0px 10px 0px }
div.main .resume_section p { margin: 0 5px 0 5px }
div.main_hp_right { margin: 0 75px 0 75px; width: 310px; float:left; font-size: 11px; padding: 10px; }