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

html{
	width:100%;	
}

body{
	background:#FFFFFF;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
}

IMG{
	border:0;
}

#wrapper{
	position:relative;
	background-image:url(../images/header.png);
	background-repeat:repeat-x;
	height:100%;
	width:100%;
	margin:0;
	text-align:center;
}

#headerContent{
	position: relative;
	width: 960px;
	height: 120px;
	margin: 0px auto 0px auto;
	padding: 45px 10px 0px 10px;
}

#logo{
	position:relative;
	height:82px;
	width:305px;
	float:left;
}

#navigation{
	position:relative;
	height:50px;
	width:500px;
	float:right;
	margin-top:0px;
}

#navigation ul li{
	display:inline;
}


#navigation a img {height: 50px; width: 150px; border-width: 0;}
#navigation a#portfolio img {background: url(../images/portfolio-off.png) top left no-repeat;}
#navigation a#blog img {background: url(../images/blog-off.png) top left no-repeat;}
#navigation a#contact img {background: url(../images/contact-off.png) top left no-repeat;}

#navigation a#portfolio:hover img {background: url(../images/portfolio-on.png) top left no-repeat;}
#navigation a#blog:hover img {background: url(../images/blog-on.png) top left no-repeat;}
#navigation a#contact:hover img {background: url(../images/contact-on.png) top left no-repeat;}


#tagline{
	//position:relative;
	//height:50px;
	//width:550px;
	//margin:157px 195px 0px 195px;
	display: none;
}

#content{
	position:relative;
	width:960px;
	height:auto;
	margin:20px auto 10px auto;;
}

#leftContent{
	text-align:justify;
	position:relative;
	width:600px;
	height:auto;
	float:left;
	margin-right:10px;
	padding-right:10px;
}

img.portfolio{
	border:0;
	margin:auto auto 20px auto;	
}

#leftContent h1{
	text-align:left;
	color:#990000;
	border-width: thin;
	border-top-style: outset;
	border-color:#990000;
}

#leftContent h2{
	text-align:left;
	color:#990000;
}

#leftContent p{
	font-size:15px;
}

#leftContent a{
	color:#990000;
}

#leftContent a.button{
background:url(../images/button.gif);
display:block;
color:#000000;
font-weight:bold;
font-size:14px;
height:30px;
line-height:29px;
margin-bottom:14px;
text-decoration:none;
width:191px;
}

#leftContent a:hover.button{
color:#990000;
}

#leftContent .contactMe{
background:url(../images/contactMe.png) no-repeat 10px 8px;
text-indent:40px;
display:block;
}


.contentIMG {
	float:left;
	padding: 0px 10px 0px 0px;
}

#rightContent{
	position:relative;
	width:335px;
	height:100%;
	float:right;
	margin-left:0px;
	padding-left:0px;
	border-style: none none none outset;
	border-width: thin;
	border-color:#990000;
	
}

#rightContent a{
	color:#990000;
	text-decoration:none;
}

#rightContent p{
	font-size:15px;
}

#rightContent h2{
	text-align:left;
	color:#990000;
	border-width: thin;
	border-top-style: outset;
	border-color:#990000;
}

.twitter{
	margin: auto 5px 10px -10px;
	text-align:left;
	list-style: url(../images/tweet.png);
	font-size:15px;
}

.music{
	margin: auto 5px 10px -10px;
	text-align:left;
	list-style: url(../images/song.png);
	font-size:15px;
}

.delicious{
	margin: auto 5px 10px -10px;
	text-align:left;
	list-style: url(../images/delicious.png);
	font-size:15px;
}

.android{
	margin: auto 5px 10px -10px;
	text-align:left;
	list-style: url(../images/android.png);
	font-size:15px;
}

.infoBox{
	position:relative;
	height:auto;
	width:320px;
	margin:auto;
}

.contact{
	list-style:none;
	text-align:left;
	font-size:15px;
}

#footer{
	position:relative;
	width:100%;
	height:100%;
	float:right;
	margin-top: 10px;
	margin-left:10px;
	padding-left:10px;
	border-width: thin;
	border-top-style: outset;
	border-color:#990000;
}