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

body {
	background:transparent url('../images/body-bg.gif');	
}

p {
	color:#474747;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:18px;
	margin-bottom:10px;
}

p.btn {
	padding-top:7px;
	padding-bottom:25px;
}

a, a:visited {
	color:#bab0a1;
	font-weight:normal;
	text-decoration:underline;
}

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



h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	line-height:30px;
	/*color:#bab0a1;*/
	color:#8e816e;
	font-weight:normal;
	margin-bottom:10px;
}

h4 {
	color:#666666;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
	margin-bottom:3px;
	font-size:13px;
	line-height:19px;
	margin-top:18px;
}

div.main div.l-col.resume h4 {
	color:#888888;
	margin-bottom:2px;
	padding-bottom:0px;
}

div.main div.r-col h2.contact {
	margin-top:30px;	
}

div.main div.l-col h4.top {
	margin-top:0px;
	margin-bottom:0px;
}

div.main div.l-col.resume p {
	padding-right:15px;	
}


/* .pkg - wraps enclosing block element around inner floated elements */
pkg:after { content: " ";display: block;visibility: hidden;clear: both;height: 0.1px;font-size: 0.1em;line-height: 0;}
pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg[class] { height: auto; }
.pkg { display: block; }
/* */ 

div.main {
	margin:0 auto;
	width:920px;
	background:transparent url('../images/main-bg.gif') repeat-y;
	padding-left:8px;
	margin-bottom:15px;
	padding-bottom:0px;
}

div.main div.footer {
	line-height:0.1em;
	font-size:0.1em;
	margin-top:30px;
}

/* HEADER */
div.main div.site-title {
	float:left;
	width:485px;
	height:120px;
}

div.main div.header {
	background:transparent url('../images/header-bg.jpg') no-repeat;
	width:902px;
	height:120px;
	margin-bottom:50px;
}

div.main div.header h1 {
	background:transparent url('../images/kevanmcgowan.jpg') no-repeat 0px 29px;
	width:461;
	height:78px;
	padding-top:29px;
	margin-left:24px;
	
}

div.main div.header h1 span {
	display:none;	
}


/* NAV */
ul.nav {
	float:right;
	
	margin:0px 0px;
	padding:0px 0px;
	margin-top:25px;
}

ul.nav li{
	line-height:0.1em;
	font-size:0.1em;
	margin:0px 0px;
	padding:0px 0px;
}

ul.nav li a {
	width:167px;
	height:27px;
	display:block;
	outline:none;
	margin:0px 0px;
	padding:0px 0px;
	line-height:0.1em;
	font-size:0.1em;
}

ul.nav li a span {
	display:none;	
}

ul.nav li a.portfolio {
	background:transparent url('../images/nav-portfolio.gif') no-repeat 0px -1px;
}

ul.nav li a.portfolio:hover {
	background-position:0px -31px;
	
}

ul.nav li a.portfolio.selected {
	background-position:0px -31px;	
}

ul.nav li a.portfolio.selected:hover {
	background-position:0px -31px;
}

ul.nav li a.about {
	background:transparent url('../images/nav-about.gif') no-repeat 0px -1px;
}

ul.nav li a.about.selected {
	background-position:0px -30px;	
}

ul.nav li a.about.selected:hover {
	background-position:0px -30px;
}

ul.nav li a.about:hover {
	background-position:0px -30px;
}

ul.nav li a.contact {
	background:transparent url('../images/nav-contact.gif') no-repeat 0px -1px;
}

ul.nav li a.contact:hover {
	background-position:0px -31px;
}

ul.nav li a.contact.selected {
	background-position:0px -31px;	
}

ul.nav li a.contact.selected:hover {
	background-position:0px -31px;
}


/* 2 COL BODY */
div.main div.l-col {
	padding-left:24px;
	padding-right:24px;
	border-right:1px solid #8b8b8b;
	width:549px;
	float:left;
	margin-bottom:50px;
	/*display:inline;*/
}

div.main div.l-col.home {
	padding-left:20px;
	padding-right:0px;
	width:559px;
}

div.main div.l-col.home h2 {
	padding-left:4px;	
}

div.main div.r-col {
	float:left;
	padding-left:24px;
	padding-right:24px;
	width:266px;
	margin-bottom:50px;
	/*display:inline;*/
}

div.main div.r-col p.testimonial {
	color:#888888;
	size:11px;
	line-height:17px;
	padding-right:8px;
}

div.main div.l-col.home div.featured-project {
	background:transparent url('../images/portfolio-bg-small.gif') no-repeat;
	width:254px;
	height:250px;
	float:left;
	margin-right:10px;
	margin-bottom:5px;
	padding-top:10px;
	padding-left:10px;
}

div.main div.l-col.home div.featured-project p {
	margin-top:3px;
	color:#666666;
	margin-bottom:2px;
	line-height:16px;
}

div.main div.l-col.home div.featured-project p.more-info {
	text-align:right;
	font-size:11px;
	margin-top:0px;
	margin-bottom:0px;
	padding-right:15px;
	
}

div.main div.l-col.home div.featured-project p.more-info img {
	vertical-align:middle;	
}

div.main div.l-col.home div.featured-project p.more-info a {
	color:#990000;
	padding-left:6px;
	/*
	background:transparent url('../images/plus-icon.gif') no-repeat 0px 3px;
	padding-left:18px;
	*/
}

div.main div.l-col.home div.featured-project p.more-info a:hover {
	background-position:0px -13px;
}
											  
div.main ul.contact {
	font:Verdana, Geneva, sans-serif;
	size:12px;
	color:#666666;
}

div.main ul.contact li {
	background:transparent url('../images/border_dotted_grey_horiz.gif') repeat-x bottom;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#666666;
	padding-top:9px;
	padding-bottom:9px;
}

div.main ul.contact li.top a {
	color:#474747;
	font-weight:bold;
	text-decoration:none;
}

div.main div.l-col.contact {
	height:300px;	
}

div.main ul.contact li.no-line {
	background:none;
	padding-top:8px;
	padding-bottom:8px;
}

div.main ul.contact li.no-line a {
	color:#990000;	
}

ul.projects {
	border-top:1px #cccccc solid;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	margin-right:15px;
}

ul.projects li {
	border-bottom:1px #cccccc solid;
	padding-bottom:2px;
}

ul.projects li a {
	color:#cccccc;
	font-weight:bold;
	text-decoration:none;
	display:block;
	padding-top:8px;
	width:264;
	height:20px;
	line-height:16px;
	
}

ul.projects li a:hover {
	color:#990000;
	text-decoration:none;
}

ul.projects li.description {
	border-top:1px solid #cccccc;
	border-bottom:2px solid #cccccc;
	font-weight:normal;
	color:#474747;
	
}

ul.projects li.description h3 {
	font-weight:bold;
	color:#474747;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:17px;
	margin-bottom:10px;
	margin-top:5px;
}

ul.projects li.description p {
	line-height:17px;	
}

ul.projects li.description p.link {
	background:transparent url(../images/border_dotted_grey_horiz.gif) repeat-x scroll right top;
	margin-top:18px;
	margin-bottom:2px;
}

ul.projects li.description p.link a {
	color:#6b5644;
	text-decoration:underline;
	font-weight:normal;
	display:normal;
}

ul.projects li.description p.link a:hover {
	text-decoration:none;	
	color:#990000;
}

div.main div.l-col div.project-header {
	width:521px;
	height:21px;
	background:transparent url('../images/project-header-bg.gif') no-repeat;
	padding-top:12px;
	padding-left:9px;
	padding-right:12px;
	margin-left:4px;
}

div.main div.l-col #fadeshow2 {
	margin-left:4px;	
}

div.main div.l-col div.project-header p.title {
	float:left;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#666666;
	margin:0px 0px;
}

div.main div.l-col div.project-header p.counter {
	float:right;
	font-weight:normal;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#666666;
	margin:0px 0px;
}

div.main div.l-col div.project-header p.counter img {
	vertical-align:middle;	
}

#tooltip {
	position:absolute;
	z-index:999;
	width:250px;
	border:1px #cccccc solid;
	background-color:#f5f5f5;
	padding:3px 3px 3px 3px;
	font-weight:normal;
	margin:0px 0px;
}

#tooltip img {
	float:right;
}

#tooltip p {
	width:150px;
	float:left;
	color:#666666;
	font-size:10px;
	line-height:13px;
	padding-top:4px;
	text-decoration:none;
}