body {
	font-family: "Lucida Grande", Arial;
	color: #828080;
	background: #ffffff repeat;
	font-size: 12px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px; 
	margin-right: 0px;
 	margin-bottom: 0px;
	}



/* Texts */<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"
h1, .h1 { font-size: 18px; font-weight: bold; color: #424040; padding: 0; margin: 0; }
h2, .h2 { font-size: 15px; font-weight: bold; color: #ffffff; margin: 0; padding: 0; }
h3, .h3 { font-size: 13px; font-weight: bold; color: #312e2e; margin: 0; padding: 0px; }
h4, .h4 { font-size: 14px; font-weight: bold; color: #007aad; margin: 0; padding: 0; }
h5, .h5 { font-size: 12px; font-weight: normal; color: #666666; padding: 0; margin: 0; }
h6, .h6 { font-size: 12px; font-weight: normal; color: #666666; padding: 0; margin: 0; }
.error { color: #BF0000; font-size: 12px; font-weight: bold; }
.success { color: green; font-size: 12px; font-weight: bold; }


/* Col */
.col1 { margin: 45px 0px 0px 30px; width: 752px; clear: both; }
.col2 { padding: 10px 0px 0px 30px; width: 752px; clear: both; }
.col3 { float: left; padding: 0px 10px; width: 371px; margin-top: 30px;}
.col4 { width: 782px; padding: 0px 0px; }
.col5 { float: left;  width: 160px; margin: 20px 10px 0px 60px; }
.col6 { float: left; width: 400px; padding: 30px 60px 0px 0px; }
.col7 { float: left; width: 200px; margin-left: 15px; }
.col8 { float: left; width: 80px; }



/* Links */
a, .a { color: #312e2e; text-decoration: none; }
a:hover {color: #007aad; text-decoration: none }
#sidebar .button a:hover {color: #ffffff; text-decoration: none }

/* Float */
.float { float: left; }
.floatright{ float: right; }
.clear { clear: both; }

/* Form */
input, textarea, select, a, img { outline: none; } /* Remove blue glow in safari */
input, textarea, select { font-size: 11px; }
input { padding: 2px 2px 0 10px }

/* Styles for inputs */
input, textarea{
	background: url("images/input.png") no-repeat scroll 0 0 transparent ;
	height: 25px;
	width: 228px;
	color: #4c4b4b;
	font-family: "Futura", Arial;
	font-size: 13px;
	border: none;
	}
	
textarea {
	background: url("images/text.png") no-repeat scroll 0 0 transparent;
	height: 131px;
	width: 323px;
	padding: 10px;
	}
	
	
/* Line */
.line { background:none repeat scroll 0 0 #f6f6f6;
	border-bottom:1px solid #d9d9d9;
	color:#ffffff;
	margin-left:30px;
	margin-right:30px;
	margin-top:30px;
	padding:5px 10px;
	}
.line2 { background:none repeat scroll 0 0 #f6f6f6;
	
	color:#d9d9d9;
	width: 250px;
	margin-left:280px;
	margin-right:30px;
	margin-top:30px;
	padding:5px 10px;
	}	
.line5 { height: 5px; clear: both; font-size: 1px; }
.line50 { height: 50px; clear: both; font-size: 1px; }
.line20 { height: 20px; clear: both; font-size: 1px; }
.line110 { height: 110px; clear: both; font-size: 1px; }

	
 ul {
	list-style: none outside none;
	padding: 0px 0px;
	margin: 0px 0px;
	}

#header #menu li {
	float: left;
	}
	
	
/* container */
#container {
	width: 1003px;
	margin-left: auto;
	margin-right: auto;              
	text-align: left;
	}


/* Header */
#header {
	height: 137px;
	}
	
.top {
	height: 97px;
	}

.topbg {
	height: 97px;
	width: 1003px;
	background: url(images/headerbg.png) no-repeat scroll 0 0 transparent ;
	}


#menu {
	height: 40px;
	}
	
#header #menu .home a {
	display: block;
	height: 40px;
	text-indent:-1999px;
	width: 213px;
	}

 #header #menu .contact a {
	display: block;
	height: 40px;
	text-indent:-1999px;
	width: 192px;
	}		
	
#header #menu .portfolio a, #header #menu .resume a, #header #menu .about a {
	display: block;
	height: 40px;
	text-indent:-1999px;
	width: 192px;
	}	
	
.home {
	height: 40px;
	width: 213px;
	background-image: url(images/mhome.png);
	}
	.home-over {
	background-image: url(images/mhome_over.png);
	}
	.home:hover {
	background-image: url(images/mhome_hover.png);
	}
	
.portfolio {
	height: 40px;
	width: 192px;
	background-image: url(images/mportfolio.png);
	}
	.portfolio-over {
	background-image: url(images/mportfolio_over.png);
	}
	.portfolio:hover {
	background-image: url(images/mportfolio_hover.png);
	}
	
.about {
	height: 40px;
	width: 192px;
	background-image: url(images/mabout.png);
	}
	.about-over {
	background-image: url(images/mabout_over.png);
	}
	.about:hover {
	background-image: url(images/mabout_hover.png);
	}

.resume {
	height: 40px;
	width: 192px;
	background-image: url(images/mresume.png);
	}
	.resume-over {
	background-image: url(images/mresume_over.png);
	}
	.resume:hover {
	background-image: url(images/mresume_hover.png);
	}

.contact {
	height: 40px;
	width: 214px;
	background-image: url(images/mcontact.png);
	}
	.contact-over {
	background-image: url(images/mcontact_over.png);
	}
	.contact:hover {
	background-image: url(images/mcontact_hover.png);
	}


/* Menu Sidebar */
.side {
	float: left;
	margin: 38px 0px 0px;
	}
	
.sidebar {
	width: 197px;
	background-color: #ffffff;
	}

.sidebarmenu {
	height: 30px;
	width: 197px;
	background-image: url(images/barblue.png);
	}	

.sidebarmenu2 {
	height: 29px;
	width: 197px;
	background-image: url(images/barblue2.png);
	}
	
#sidebar .sidebarmenu h2, #sidebar .sidebarmenu2 h2 {
	padding: 5px 15px;
	}	
	

.button {
	height: 31px;
	width: 197px;
	background-image: url(images/bargray.png);
	}
	.button:hover a, .button-over a{
	background-image: url(images/barover.png);
	color: #ffffff;
	}

#sidebar .button a {
	display:block;
	height:23px;
	width:172px;
	text-indent:0px;
	padding: 8px 0px 0px 25px;
	}
	
.sidebottom {
	height: 30px;
	width: 197px;
	background-image: url(images/sidebottom.png);
	}	

/* Content */
#content, #js {
	width: 782px;
	float: right;
	margin: 38px 0px 0px 0px;
	background:url(images/contentbg.png)  repeat-y scroll 0 0 transparent;
	color:#212121;
	}

#js #contentbottom .bar .col1 {
	margin-top: 30px;
	}	

#content .bar {
	height: 19px;
	padding: 5px 15px;
	background-image: url(images/barblue3.png);
	}


#contentbottom, #webbottom {
	background:url("images/contentbg2.png") no-repeat scroll left bottom transparent;
	}

.pic {
	margin-right: 10px;
	float: left;
	}

.butext {
	text-align: right;
	}

/* Website */
#content #webbottom .col1 {
	float: left;
	width: 252px;
	margin: 30px 0px 0px 40px;
	}

#content #webbottom .col2 {
	float: left;
	width: 420px;
	padding: 30px 0px 0px 30px;
	clear: none;
	}

.title {
	background:none repeat scroll 0 0 transparent;
	border-bottom:1px solid #D9D9D9;
	color: #006699;
	margin-bottom:20px;
	padding-bottom:5px;
	}


/* Home */
.homeside {
	background: url("images/homebar.png") no-repeat  scroll 0 0 transparent;
	height: 562px;
	width: 153px;
	margin-top: 38px;
	float: left;
	}
	
	
.icondesign {
	display: block;
	height: 85px;
	width: 97px;
	margin-top: 51px;
	margin-left: 28px;
	background-image: url(images/icon_design.png);
	}
	a.icondesign:hover , a.icondesign-over {
	background-image: url(images/icon_design2.png);
	}
	
.iconphoto {
	display: block;
	height: 85px;
	width: 97px;
	margin-top: 40px;
	margin-left: 28px;
	background-image: url(images/icon_photo.png);
	}
	a.iconphoto:hover , a.iconphoto-over {
	background-image: url(images/icon_photo2.png);
	}
	
.iconillus {
	display: block;
	height: 85px;
	width: 97px;
	margin-top: 40px;
	margin-left: 28px;
	background-image: url(images/icon_illus.png);
	}
	a.iconillus:hover , a.iconillus-over {
	background-image: url(images/icon_illus2.png);
	}
	
.iconfashion{
	display: block;
	height: 85px;
	width: 97px;
	margin-top: 40px;
	margin-left: 28px;
	background-image: url(images/icon_fashion.png);
	}
	a.iconfashion:hover , a.iconfashion-over {
	background-image: url(images/icon_fashion2.png);
	}
	
	
.homecontent {
	background: url("images/homebg.png")no-repeat  scroll 0 0 transparent;
	height: 562px;
	width: 850px;
	margin-top: 38px;
	float: left;
	}

/* Contact */	
.contactside {
	background: url("images/contactside.jpg") no-repeat  scroll 0 0 transparent;
	height: 562px;
	width: 233px;
	margin-top: 38px;
	float: left;
	}
	
.link {
	float: left;
	margin: 20px 0 0 20px;
	}
	
.link2 {
	float: left;
	margin: 40px 0 0 20px;
	color: #464747;
	font-size: 15px;
	font-weight: bold;
	}
	
.contactside h2 { 
	font-family:  "Arial"; 
	font-size: 18px; 
	text-align: center;
	color: #ffffff; 
	padding: 0; 
	margin: 25px 0 20px 0; 
	}

	
.deviantart {
	background: url("images/deviantart.png") no-repeat  scroll 0 0 transparent;
	height: 48px;
	width: 48px;
	display: block;
	}
	
.facebook {
	background: url("images/facebook.png") no-repeat  scroll 0 0 transparent;
	height: 48px;
	width: 48px;
	display: block;
	}
	
.linkedin {
	background: url("images/linkedin.png") no-repeat  scroll 0 0 transparent;
	height: 48px;
	width: 48px;
	display: block;
	}
	
.tumblr {
	background: url("images/tumblr.png") no-repeat  scroll 0 0 transparent;
	height: 48px;
	width: 48px;
	display: block;
	}
	
.twitter {
	background: url("images/twitter.png") no-repeat  scroll 0 0 transparent;
	height: 48px;
	width: 48px;
	display: block;
	}	
	
.contactcontent {
	background: url("images/contactbg.jpg")no-repeat  scroll 0 0 transparent;
	height: 562px;
	width: 770px;
	margin-top: 38px;
	float: left;
	}
	
.contactcontent h1 { 
	font-family:  "Arial"; 
	font-size: 18px; 
	color: #007aad; 
	padding: 0; 
	margin: 25px 0 30px 40px; 
	}
	
.contactcontent .col1 {
	width: 350px;
	margin: 0 0 40px 80px;
	}
	
.contactcontent .col2 {
	width: 90px;
	margin: 5px 0 20px 120px;
	padding: 0 0 0 0;
	float: left;
	font-weight: bold;
	color: #464747;
	}
	
.contactcontent .col3 {
	width: 400px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: left;
	}
	
.contactcontent .col1 li{
	line-height: 20px;
	}	

.send {
	background: url("images/send.png") no-repeat  scroll 0 0 transparent;
	height: 26px;
	width: 122px;
	margin: 10px 0 20px 0;
	display: block;
	}



/* About */
.aboutbg {
	background: url("images/about_bg.png")repeat-y scroll 0 0 transparent;
	margin-top: 38px;
	}

.aboutbottom {
	background:url("images/about_bgbottom.png") no-repeat scroll left bottom transparent;
	}
	
.contentleft {
	width: 400px;
	float: left;
	margin: 15px 0px 0px 30px;
	}	

.contentright {
	width: 400px;
	float: right;
	margin: 0 80px 0 0;
	}
	
.aboutbg .contentleft h1 { 
	font-family:  "Arial"; 
	font-size: 18px; 
	text-align: center;
	color: #ffffff; 
	padding: 0; 
	margin: 7px 0 20px 0; 
	}
	
.aboutbg .contentright h1 { 
	font-family:  "Arial"; 
	font-size: 18px; 
	color: #007aad; 
	padding: 0; 
	margin: 7px 0 40px 0; 
	}
	
.photo {
	color: #ffffff;
	height: 400px;
	width: 323px;
	margin: 0 0 40px 38px;
	}
	
.aboutbg .contentleft .col1 {
	color: #2b1201;
	font-weight: bold;
	width: 125px;
	margin: 5px 3px 0 0;
	text-align: right;
	float: left;
	clear: none;
	}
	
.aboutbg .contentleft .col2 {
	color: #2b1201;
	width: 250px;
	margin: 5px 0 0 5px;
	padding: 0px;
	text-align: left;
	float: left;
	clear: none;
	}
.aboutbg .contentleft  p {
	font-size: 14px;
	color: #2b1201;
	text-align: center;
	}	
	
.aboutbg .contentright  p {
	font-size: 13px;
	}
	
/* Resume */
.resumecontent {
	margin: 38px 0 0 0;
	}
.resumecontent h1 {
	text-align: center;
	color: #007aad;
	margin: 0px 0 40px 0;
	}
.resumecontent a { text-decoration: underline; }
.resumecontent a:hover { color: #ee5c45; text-decoration: underline; }
	
.resumecontent  .col01 {
	width: 700px;
	margin: 20px 0 15px 150px;
	font-size: 16px;
	color: #007aad;
	font-weight: bold;
	}
	
.col02 {
	width: 600px;
	margin: 0px 0 0 200px;
	font-size: 14px;
	color: #3a3a3a;
		}
	
.col03 {
	width: 220px;
	margin: 25px 0 5px 200px;
	font-size: 14px;
	color: #3a3a3a;
	font-weight: bold;
	float: left;
	}
	
.col04 {
	width: 300px;
	margin: 25px 0 5px 0;
	font-size: 14px;
	font-weight: bold;
	color: #b90003;
	float: left;
	}
	
.col05 {
	width: 180px;
	margin: 25px 0 5px 0;
	font-size: 14px;
	font-weight: bold;
	color: #b90003;
	float: left;
	}
	
.resumecontent .col01 li {
	background: url("images/arrow.jpg") no-repeat  scroll 0 0 transparent;
	height:20px;
	width: 400px;
	padding: 2px 0 0 40px;
	}
	
.resumecontent .col02 li {
	background: url("images/arrow2.png") no-repeat  scroll 0 0 transparent;
	height:20px;
	width: 620px;
	padding: 5px 0 0 45px;
	}
	
.resumecontent .col01 .line { background:none repeat scroll 0 0 #fff;
	border-bottom:1px solid #d9d9d9;
	color:#ffffff;
	margin: 5px 0 0 20px;
	padding: 0;
	}	

/* Footer */
#footer {
	background:none repeat scroll 0 0 transparent;
	border-top:1px solid #d9d9d9;
	margin-bottom: 20px;
	text-align: center;
	padding-top: 5px;
	}


.ad {
	border: 1px #e0e0e0;
	border-left-style: solid;
	border-bottom-style: outset;
	border-right-style: solid;
	border-top-style: solid;
	-moz-border-radius:5px;
	background:#f6f6f6 none repeat scroll 0 0;
	color:#212121;
	cursor:pointer;
	float:left;
	font-size:10px;
	width: 780px;

	text-align: center;
	}

.ad2 {
	border-left-color: #e0e0e0;
	border-bottom-color: #e0e0e0;
	border-right-color: #e0e0e0;
	border-top-color: #e0e0e0;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-left-style: solid;
	border-bottom-style: outset;
	border-right-style: solid;
	border-top-style: solid;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	background:#f6f6f6 none repeat scroll 0 0;
	color:#212121;
	cursor:pointer;
	float:left;
	font-size:10px;
	width: 780px;

	text-align: center;
	}
.aki {
	background: url("images/aki.jpg") no-repeat  scroll 0 0 transparent;
	height: 552px;
	width: 800px;
	margin: 10px 0 0 50px;
	}
