@charset "utf-8";
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background: #000;
	margin: 0;
	padding: 0;
	color: #fff;
}
ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
}
a img {
	border: none;
}
a:link {
	color:#414958;
	text-decoration: underline;
}
a:visited {
	color: #4E5869;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}

.container {
	width: 80%;
	max-width: 1260px;
	min-width: 780px;
	background: #000;
	margin: 0 auto; 
}
.header {
	background: #000;
}
.content {
	padding: 10px 0;
	margin:0 0 0 25px;
}

.content ul, .content ol { 
	padding: 0 15px 15px 40px; 
}

/* ~~ The footer ~~ */
.footer {
	padding: 4px 0;
	background-color: #CC1414;
	height:20px;
}
.footer a:link{
	color: #fff;
	text-decoration:underline;
}
.footer a:visited{
	color: #fff;
	text-decoration:underline;
}
.footer a:active{
	color: #fff;
	text-decoration:underline;
}
.footer a:hover{
	color: #fff;
	text-decoration:none;
}
.fltrt {  
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
#tagline {
	color:#fff;
	font-family:"Courier New", Courier, monospace;
	font-size:30px;
	font-weight: normal;
	text-transform: capitalize;
	padding: 5px 0 0 0;
	
}
h1{
	background:url(../img/logo.gif) no-repeat 0 0;
	padding:0;
	margin:10px 0 0 0;
	width: 56px;
	height:35px;
	color:#fff;
	border:0;
	text-decoration: none;
}
h1 a{
	display : block;
	height : 35px;
	text-indent : -9999px; 
}

/* Navigation */
	  #blob {
		  background: #cc1414;
		  border-right: 1px solid #cc1414;
		  border-left: 1px solid #cc1414;
		  position: absolute;
		  z-index: 1;
		  top: 0;
		  background: -moz-linear-gradient(top, #cc1414, #cc1414);
		  background: -webkit-gradient(linear, left top, left bottom, from(#cc1414), to(#cc1414));
		  -moz-border-radius: 4px;
		  -webkit-border-radius: 4px;
		  -moz-box-shadow: 2px 3px 10px #B31111;
		  -webkit-box-shadow: 2px 3px 10px #B31111;
	  }
	  
	  #nav {
		  position: relative;
		  background: #000;
		  float: left;
		  margin:0 0 0 55px;
	  }
	  
	  #nav li {
		  float: left;
		  list-style: none;
	  }
	  
	  #nav li a {
		  color: #fff;
		  z-index: 2;
		  position: relative;
		  cursor: pointer;
		  float: left;
		  font-size: 24px;
		  font-family:"Courier New", Courier, monospace;
		  text-decoration: none;
		  padding: 1px 25px;
		  width: 100%;
	  
	  }
/* CONTACT */
		#contact-tab{
			width:31px;
			height:107px;
			position:fixed;
			right:0;
			top: 200px;
		}
		#contactbox{
			margin: 0 0 0 50px;
		}
		#contactbox input{
			color: #CC1414;
			font-family:"Courier New", Courier, monospace;
			
		}
		.name{
			text-transform:capitalize;
		}
		#contactbox textarea{
	font-family:"Courier New", Courier, monospace;
	color: #CC1414;
		}
		#contactbox label{
			margin:0 5px 0 0;
		}

/* PORTFOLIO */
		#portfolio{
			width:width:874px;
		}
		.port-header{
	background:#cc1414;
	width:100%;
	height:26px;
	color:#fff;
	font-family:"Courier New", Courier, monospace;
	font-size:20px;
	text-transform:uppercase;
	border-bottom-width: medium;
	border-bottom-style: ridge;
	border-bottom-color: #333;
	border-right-width: medium;
	border-right-style: ridge;
	border-right-color: #333;
		}
		.port-grid{
			margin:6px 0 0 0;
		}
		.port-row{
			width: 900px;
			text-align:center;
			margin:0 auto;
			padding: 5px 0 0 0;
		}
		.col1{
			float:left;
			width: 33%;
			height: 189px;
			
		}
		.col2{
			float:left;
			width: 33%;
			height: 189px;
			
		}
		.col3{
			float:left;
			width: 33%;
			height: 189px;
			
		}
		#webdesign{
			margin:10px 0 0 0;
		}
		#illustrations{
			margin:10px 0 0 0;
		}

/* ABOUT ME SECTION */

#aboutme{
			width:width:874px;
		}
#skills{
	width:33%;
	float:left;
}
#followme{
	width:33%;
	float:left;
	margin: 0 0 0 55px;
}
#myphoto{
	width:33%;
	float:left;
	margin: 0 0 0 55px;
}
#myphotoimg{
	border: thick ridge #FFF;
}
.packageicon {
	width:151px;
	height:128px;
	float:left;
}
.package{
	width:750px;
	min-height:275px;
}
.strip{
	margin: 0;
	padding:0;
}
.projdesc{
	color:#fff;
	float:left;
	width:589px;
	padding: 0 0 0 10px;
}
.readmore{
	color:#F00;
	text-align:right;
	padding: 4px 4px 0 0;
}
.readmore a:link,.readmore a:active,.readmore a:visited{
	color:#F00;
	text-decoration:underline;
}
.readmore a:hover{
	color:#F00;
	text-decoration:none;
}
#readmorewrap{
	padding:10px 0 10px 30px;
}
#readmorewrap li{
	list-style-type:disc;
	margin: 0 0 0 45px;
	padding:5px;
}
#readmorewrap h2,#readmorewrap h3{
	margin: 0 0 0 -30px;
}