@charset "UTF-8";
/* MarkKidley.com CSS */

body,td,th {
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#333;
}
body {
	margin:20px 0 20px 0;
}
p {
	margin:4px;
}

/* Hyperlink Styles */
a:link , a:visited {
	color:#393;
}
a:hover, a:active {
	color:#C30;
}

/* Page Headings */
#homepage {
	width:545px;
	height:28px;
	padding:0 0 0 5px;
	background-color:#80d84d;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:900;
	font-size:22px;
	letter-spacing:-1px;
}
#services {
	width:545px;
	height:28px;
	padding:0 0 0 5px;
	background-color:#00aeef;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:900;
	font-size:22px;
	letter-spacing:-1px;
}
#portfolio {
	width:545px;
	height:28px;
	padding:0 0 0 5px;
	background-color:#ec008c;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:900;
	font-size:22px;
	letter-spacing:-1px;
}
#contact {
	width:545px;
	height:28px;
	padding:0 0 0 5px;
	background-color:#ffd200;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:900;
	font-size:22px;
	letter-spacing:-1px;
}

/* Page Template */
#wrap {
	width:700px;
	margin:0 auto 0 auto;
}
#leftcol {
	width:550px;
	float:left;
	border-right:3px solid #7ac142;
}
#rightcol {
	padding:150px 0 10px 0;
	width:147px;
	float:right;
}
#header {
	/*padding:60px 20px 5px 0;*/
	background-color:#7ac142;
	color:#FFF;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:60px;
	letter-spacing:-5px;
}
/*#header img {
	margin:-60px 0 -5px 0;
}*/
#content {
	padding:0 10px 0 0;
}
#footer {
	clear:both;
}
#footer-left {
	float:left;
	width:520px;
	height:46px;
	padding:14px 0 0 30px;
	background-color:#7ac142;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:22px;
	letter-spacing:-2px;
	color:#fff;
	border-right:3px solid #7ac142;
}
#footer-right {
	float:right;
	width:147px;
	height:55px;
	margin:0 0 3px 0;
	padding:5px 0 0 0;
}
#mailsent {
	width:350px;
	font-size:16px;
	margin:5px auto 10px auto;
	background-color:#ddffc9;
	border:1px solid #0C3;
}

/* Menu Items */
a.home, a.services, a.portfolio, a.contact {
	display:block;
	text-decoration:none;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:900;
	font-size:18px;
	letter-spacing:-1px;
}
a.home span {
    display:block;
	color:#fff;
	height:26px;
    padding:2px 0 0 5px;
	background-color:#80d84d;
} 
a.services span {
    display:block;
	color:#fff;
	height:26px;
    padding:2px 0 0 5px;
	background-color:#00aeef;
} 
a.portfolio span {
    display:block;
	color:#fff;
	height:26px;
    padding:2px 0 0 5px;
	background-color:#ec008c;
} 
a.contact span {
    display:block;
	color:#fff;
	height:26px;
    padding:2px 0 0 5px;
	background-color:#ffd200;
} 
a.home:hover span, a.services:hover span, a.portfolio:hover span, a.contact:hover span {
	background-color:#ccc;
    color:#000;
}

/* Port Folio Boxes */
.pfbox {
		margin:3px 0 7px 0;
		height:200px;
}
.screenshot {
	width:300px;
	float:left;
}
.infobox {
	float:right;
	width:216px;
	height:164px;
	padding:2px;
	background:#e7e7e7;
	border:1px solid #ddd;
	font-size:12px;
}
.infobox p {
	margin:0px;
	line-height:11px;
}
.pflink {
	float:right;
	width:222px;
}
.pfnolink {
	float:right;
	background-color:#ec008c;
	width:222px;
	height:30px;
}
a.portfolio-uri {
	display:block;
    text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:900;
	font-size:18px;
	letter-spacing:-1px;
}
a.portfolio-uri span {
    display:block;
	background-color:#ec008c;
    color:#fff;
	height:26px;
    padding:4px 5px 0 0;
} 
a.portfolio-uri:hover span{
	background-color:#ccc;
    color:#000;
}

/* List and Headers */
.blue ul {
	margin:0;
	padding:0 0 0 5px;
}
.blue li {
	padding:0px 0 2px 20px;	
	list-style-type:none;
	background-image:url(../../img/bullet_blue.gif);
	background-repeat:no-repeat;
	background-position:0 5px;
}
.list-l {
	margin:0 10px 0 20px;
	width:200px;
	float:left;
}
.list-r {
	width:200px;
	float:right;
}
.green ul {
	margin:0 0 0 0;
	padding:0 0 0 5px;
}
.green li {
	padding:0px 0 2px 20px;	
	list-style-type:none;
	background-image:url(../../img/bullet_green.gif);
	background-repeat:no-repeat;
	background-position:0 5px;
}
h1 {
	margin:0;
	color:#000;
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	letter-spacing:-1px;
}
h2 {
	margin:0;
	color:#ec008c;
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	letter-spacing:-1px;
}
h3{
	margin:0 0 0 70px;
	color:#666;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:30px;
	letter-spacing:-1px;
}