@charset "UTF-8";

/* CSS for body */
@font-face { 
font-family: ThinDesign;
src: url('fonts/Thin-Design.ttf');
}
 
* { margin:0;padding:0;}
body {
    background: -webkit-radial-gradient(ellipse, rgb(60, 120, 181) 10%, rgb(0, 56, 106) 90%); /* Chrome 10+, Saf5.1+ */
    background: -moz-radial-gradient(ellipse, rgb(60, 120, 181) 10%, rgb(0, 56, 106) 90%); /* FF3.6+ */
    background: -ms-radial-gradient(ellipse, rgb(60, 120, 181) 10%, rgb(0, 56, 106) 90%); /* IE10 */
    background: -o-radial-gradient(ellipse, rgb(60, 120, 181) 10%, rgb(0, 56, 106) 90%); /* Opera 11.10+ */
    background: radial-gradient(ellipse, rgb(60, 120, 181) 10%, rgb(0, 56, 106) 90%); /* W3C */
    background-repeat: no-repeat;
    background-attachment: fixed;
    font-family:Tahoma, Geneva, sans-serif;
    font-size:15px;}

.grid1 { float:left; width:200px;margin-top:8px;margin-right:10px }

.first { clear:both; margin-left:15px; }

/* CSS for header */
#header {width:896px;margin:0 auto;}
#logo {height:50px;/*background: url('images/greybg-40.png') repeat;*/ background:rgba(0,0,0,.5);border-radius:4px; z-index:5;padding:6px 17px 5px 15px;float:left;margin-top:15px;margin-bottom:5px;}
#logo h1, #logo h2 {float:left;margin:0 2px;line-height:.9;padding-top:5px;}
/* CSS for menu and links */
#nav { margin-top:10px;padding:50px 10px 5px 10px; width:450px; margin:0 auto;font-family:ThinDesign, Helvetica, sans-serif;font-size:130%;float:left;}

#nav ul li{ display:inline; margin-right:20px;}

#nav a {color:#767C7E;text-decoration:none;font-size:190%;line-height:.5;position:relative;top:5px;left:100px;}
#nav a:hover, #nav a:focus { color: #fff; }
#nav a.active { color: #222;}

#logo a {color:#fff;}

a:link { color:#CFD9D9 }
a:visited { color:#CFD9D9 }
a:hover, a:focus { color:#000; }
a:active { color:#fff; }

.contacts img:hover, .contacts img:focus { width:30px;padding:1px;}
.portfolio img, .web img {border-radius:5px;box-shadow:-2px 2px 3px #222;}
.portfolio img:hover, .web img:hover {box-shadow:-1px 1px 2px #222;position:relative;top:1px;}

/* CSS for maincontent divs */
#maincontent{clear:both;overflow:hidden; width:896px; height:539px;margin:0 auto;-moz-box-shadow: inset 0 0 8px 1px #444; -webkit-box-shadow: inset 0 0 8px 1px #444; box-shadow: inset 0 0 8px 1px #444; border-radius:4px;background-color:rgba(188, 188, 188, 0.6); }

.contentbox-wrapper{ position:relative; left:0; width:3583px; height:100%;} /* widest wrapper for all page boxes */
 
.contentbox{ width:896px; height:100%; float:left; padding:0px;background:rgba(0,104,200,0.1);/*background: url('images/blue-bg.jpg') repeat;*/} /* wrapper for each page box */

/* CSS for individual page divs */
.content-wrapper {position:relative;top:20px;left:48px;}
.content {/*background-image:url(images/greybg-40.png); background-repeat:repeat;*/ background:rgba(0,0,0,.6); padding:15px;border-radius:4px;float:left;margin-right:20px;box-shadow:-4px 4px 5px #333;}
.portfolio p, .web p {margin:3px 0 0 0;padding:0;}
.resume { height:470px; overflow:auto; width:420px;}
.about { width:300px;}
.email-form {width:380px;}
.contacts {width:150px;}
h1, h2 { color:#fff; margin-bottom:10px;}
h1 { font-size:340%;font-family:ThinDesign;}
h1 a {text-decoration:none; }
h2 {font-size:100%;position:relative;top:11px;left:7px;}
h3 {color:#000; font-size:120%; margin-bottom:5px;}
h4 {color: #EEE; }
p { color:#EAEAEA; font-size:85%; margin-bottom:10px; line-height:1.75;}
.clearfloat {clear:both;}
hr {margin-bottom:15px;}
.hidden {display:none;}
/* CSS for buttons */
.button { margin-top:-4px; }

a.video-rollover { display: block; width: 200px; height: 50px; text-decoration: none; background: url("images/button-red-play.png"); }

a.link-rollover { display: block; width: 200px; height: 50px; text-decoration: none; background: url("images/button-gray-link.png"); }

a.link-rollover:hover, a.video-rollover:hover, a.video-rollover:focus, a.link-rollover:focus { background-position: 0px -50px; }

.button-text { color:#fff; position:relative; top:25%; left:35%; font-size:120%;  }

/* CSS for footer */
#footer {text-align:right;margin:0 auto;width:893px;padding-top:2px;padding-right:3px;font-size:90%; }
#footer p {color:#333;}