@CHARSET "ISO-8859-1";

body {
	
	width:100%;
	height:100%;
	background-color:#050505;
	font: normal 12px "Trebuchet MS", Tahoma, Verdana, Helvetica, Arial, sans-serif;
	color:#aaa;
	background-image:url('../img/bg.jpg');
}

div#rep {
	margin:0;
	padding:0;
	width:100%;
	height:60px;
}

div#wrapper {
	width:800px;
	height:100%;
	padding-top:20px;
	margin:0 auto;
}

div#header {
	height:460px;
	background-image:url('../img/header.png');
	background-position-y:10px;
	background-repeat:no-repeat;
	text-align:right;
}

div#header a {
	text-decoration:none;
	color:#ffe4bc;
}

div#header a:hover {
	color:#ffdeae;
}

div#header hr {
	height:1px;
	border:0;
	color: #303030;
	background-color: #303030;
}


h1,h2,h3{
	font-family:"Myriad Pro","Helvetica Neue",Helvetica,Arial,Sans-Serif;
}

h1{
	/* The logo text */
	font-size:3.5em;
	padding:0.5em 0 0 0.5em;
	margin:0 0 0 0;
	text-transform:uppercase;
}

h2{
	font-size:2.0em;
	font-weight:normal;
	letter-spacing:0.01em;
	text-transform:uppercase;
	margin:0px;
	position:relative;
}

h3{
	/* The slogan text */
	font-family:"Myriad Pro","Helvetica Neue",Helvetica,Arial,Sans-Serif;
	font-size:0.8em;
	font-weight:bold;
	margin:0.5em 0 0 0.5em;
	padding:0.5em 0 0 0.5em;
	color:#b0250e;
}

textarea {
    resize: none;
}

h3.projectName {
	font-size:2.4em;
}

div#wrapper {
	width:900px;
	margin:0 auto;
}

ul {
	padding:0;
	margin:0;
}

ul#nav {
	width:800px;
	margin:0 auto;
}
ul li {
	padding:0;
	list-style:none;
	margin:0 0 0 20px;
	float:left;
}

a.navLink{
	text-decoration: none;
	text-transform:uppercase;
	font-weight:bold;
	font-size:25pt;
}

a.nav1 {color:#0066ff;}
a.nav2 {color:#94fe4d;}
a.nav3 {color:#fe9e40;}
a.nav4 {color:#d72727;}

background-color:#0066ff;

a.navLink:hover {
	color:#f9f2a2;
}

a img{
	text-decoration:none;
	border:none;
}

p#Notice {
	clear:both;
	font-size:14pt;
	color:#ff0000;
	width:700px;
	margin:0 auto;
}

div#content {
	margin-top:40px;
}

div#projects {
	margin-top:0px;
}

div#projectStuff {
	clear:both;
	width:600px;
	background-color:#040404;
	border:4px solid #050505;
	padding:10px;
	font:12pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold;
}

a.tLink {
	font:12pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold;
	text-decoration:none;
	color:#ff3535;
}
a.tLink:hover{
	color:#ff0000;
}

div#projectStuff h3 {
	font:14pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold;
}

div#projectStuff a.customerLink {
	text-decoration:none;
	color:#bdff4b;
}

div#projectStuff a.customerLink:hover {
	color:#deffa5;
}

div#projectStuff a.downloadLink {
	color:#dcb11d;
	text-decoration:none;
}

div#projectStuff a.linksLink {
	text-decoration:none;
	color:#4bc2ff;
}

div#projectStuff a.downloadLink:hover {
	color:#ffa95c;
}

div#projectStuff a.linksLink:hover {
	color:#278ec3;
}

div.section {
	clear:both;
	float:none;
	margin: 40px 0 0 75px;
	padding:90px 0 0 0;
}

a.shuffleProj {
	clear:both;
	background-color:#4bc2ff;
	padding:10px;
	-moz-border-radius:4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-family:"Myriad Pro","Helvetica Neue",Helvetica,Arial,Sans-Serif;
	font-size:1.4em;
	text-decoration:none;
	color:#102530;
}

a.shuffleProj:hover {
	color:#17597b;
}

h1.projects,h1.aboutMe,h1.contactMe,h1.myCV {
	font-family:"Myriad Pro","Helvetica Neue",Helvetica,Arial,Sans-Serif;
	background-color:#0066ff;
	width:300px;
	height:34px;
	padding:8px;
	font-size:2.2em;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	clear:both;
}

.boxgrid{ 
	width: 366px; 
	height: 260px; 
	margin:10px 10px 0 0 ; 
	float:left; 
	background:#161613; 
	border: solid 2px #161616; 
	overflow: hidden; 
	position: relative; 
	font:18pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold;
}
.boxgrid img{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
}
.boxgrid p{ 
	padding: 0 20px;
	margin:2px 0 0 0;
	color:#afafaf; 
	font-weight:bold; 
	font:10pt "Lucida Grande", Arial, sans-serif; 
}
				
.boxcaption{ 
	position: absolute; 
	background: #000; 
	height: 100px; 
	width: 100%; 
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 }
 
.caption .boxcaption {
	position:absolute;
 	top: 220px;
 	left: 0;
}

.caption .boxcaption a {
	padding: 0 20px; 
	color:#94d55f;
	font-size:14pt;
	text-decoration:none;
	margin: 0 0 0 0;
}

.caption .boxcaption a:hover {
	color:#ff0000;
}

div#projRowTwo {
	clear:both;
	padding-bottom:70px;
}

div#aboutMe {
	clear:both;
	margin:75px 0 0 75px;
	padding:90px 0 0 0 ;
}

h1.aboutMe {
	background-color:#94fe4d;
}

div#aboutMe p{
	font-weight:bold; 
	font:10pt "Lucida Grande", Arial, sans-serif; 
	text-align:justify;
	margin-top:10px;
	padding:10px;
	width:750px;
	background-color:#030303;
}


div#aboutMe p a{
	text-decoration:none;
	color:#ff3535;
}
div#aboutMe p a:hover{
	text-decoration:none;
	color:#ff0000;
}

div#contact {
	margin:10px 0 0 75px;
	overflow:hidden;
}

div#contact form label, div#contact form input{
	color:#ddd;
}

h1.contactMe {
	margin:0;
	background-color:#fe9e40;
}

form#contactForm {
	margin:20px 0px 0px 0px;
	color:#777;
	font-weight:normal;
	display:block;
	background-color:#101010;
	-moz-border-radius:12px;
	-khtml-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius:12px;
	background-image:url('../img/contact.jpg');
	background-repeat:no-repeat;
	padding:20px 50px 20px 5px;
	width:800px;
}

form#contactForm label{
	display:inline-block;
	width:100px;
	min-width:100px;
	text-transform:uppercase;
	font-size:10px;
	font-family:Tahoma,Arial,Sans-serif;
	color:#ddd;
}

form#contactForm input.text, form#contactForm textarea.text {
	color:#404040;
	font-family:Helvetica, sans-serif;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	background-color:#070707;
	border:2px solid #030303;
}

form#contactForm input.Submit, form#contactForm input.Reset {
	color:#300;
	font-family:Helvetica, sans-serif;
	background-image:url('../img/btn-bg.jpg');
	border:none;
	height:25px;
	font-weight:bold;
	
}

form#contactForm div.formBody {
	padding:25px;
	border:none;
	outline:none;
	clear:both;
}

form#contactForm div.formBody textarea{
	width:360px;
	border:none;
	outline:none;
}

ul.mailErrors {
	display:inline-block;
	background-color:#900;
	padding:8px;
	color:#400;
}

ul.mailErrors li{
	clear:both;
}

p.mailSuccess {
	display:inline-block;
	background-color:#090;
	padding:8px;
	color:#040;
	border:none;
}

div.contactBabble {
	width:300px;
	margin:0 auto;
	clear:both;
	font-family:"Myriad Pro","Helvetica Neue",Helvetica,Arial,Sans-Serif;
	margin:10px 0 0 400px;
	font-size:12pt;
	font-weight:normal;
}

div.contactBabble div.keyword {
	width:100px;
	float:left;
	font-size:20pt;
	text-align:left;
	color:#ff3b3b;
}

div.contactBabble div.message {
	width:400px;
	float:left;
	color:#fff;
}

div.contactBabble div.message ul li, div.contactBabble div.message p{
	text-align:justify;
	margin:10px 0 0 26px;
	font-weight:normal;
	letter-spacing:0.01em;
}

div#cv {
	margin:0 0 100px 75px;
}

h1.myCV {
	height:100px;
	width:350px;
	background-color:#d72727;
}

h1.myCV img,h1.myCV a{
	margin-top:25px;
	color:#fff;
	text-decoration:none;
}

h1.myCV a{
	margin-bottom:20px;
	vertical-align:text-top;
}

h1.myCV a:hover{
	color:#121212;
}