@charset "utf-8";
/* CSS Document */
/* Main stylesheet for the Steve Pill Website  */

*		{margin: 0; padding: 0;}

html { width: 100%; }

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
	background: #ffffff url(../images/background.gif) 0px 3px repeat-x;
	padding: 0;
	margin: 0;
	width: 100%;
	border-top: 3px solid #a0e200;
}

/* Standard styles */
img {
	border: none;
	padding: 0;
	margin: 0;
}

p {
	font-size: 1.0em;
	color: #424242;
}

h2 {
	margin: 0;
	padding: 0;
}

h3 {
	margin: 0;
	padding: 0;
}

a:link {
	color: #000000;
	text-decoration: none;
	border-bottom: 1px dotted #000000;
}

a:visited {
	color: #000000;
	text-decoration: none;
	border-bottom: 1px dotted #000000;
}

a:hover {
	color: #000000;
	text-decoration: none;
	border-bottom: none;
}

a:active {
	color: #000000;
	text-decoration: none;
	border-bottom: 1px dotted #000000;
}

strong {
	color: #80d100;
	font-weight:normal;
}



.wrapper {padding: 0; margin: 0;}

.holder {width: 960px; margin: 0 auto; text-align:left;}

.innerWrapper {overflow: hidden; width: 100%;}

.left {float: left;}

.right {float: right;}


/* accessible */
#accessible {
	left: -3000px;
	position: absolute;
}

/* header */
#header {
	margin: 0 0 20px 5px;
	padding: 0;
}

#header img {
	padding: 0 0 0 0;
	margin:0;
}

#header ul#nav {
	width: 467px;
	margin: 25px 0 0 448px;
	padding: 0 0 55px 0;
	text-align:center;
	text-transform:uppercase;
	background: url(../images/nav-back.gif) 0 0 no-repeat;
}

#header ul#nav li {
	display: block;
	float: left;
	width: 155px;
	list-style-type:none;
	list-style-position:outside;
		font-size: 0.9em;
	padding: 6px 0 22px 0;
}

#header ul#nav li.over {
	background: url(../images/nav-over.gif) top center no-repeat;
}

#header ul#nav li a {
	display: inline;
	list-style-type:none;
	list-style-position:outside;
}

#header ul#nav li a:link {
	color: #a0e200;
	text-decoration: none;
}

#header ul#nav li a:visited {
	color: #a0e200;
	text-decoration: none;
}

#header ul#nav li a:hover {
	color: #a0e200;
	text-decoration: none;
	border-bottom: 1px dotted #a0e200;
	
}

#header ul#nav li a:active {
	color: #a0e200;
	text-decoration: none;
	border-bottom: none;
}

#header ul#nav li.over a {
	color: #a5cd44;
}


/* info */
#info {
	width: 490px;
	float: left;
}

#info h1 {
	margin: 0px 0 0 5px;
	height: 22px;
	color: #a0e200;
}

#info h2 {
	margin: 35px 0 0 5px;
	color: #a0e200;
}

#info p {
	margin: 8px 60px 15px 5px;
	line-height: 1.6em;
}

#info ul {
	margin: 15px 60px 0 0;	
	padding: 0;	
}

#info ul li {
	list-style-type:none;
	list-style-position:outside;
	background: url(../images/bullet.gif) 0px 1px no-repeat;
	margin: 0 0 15px 0;	
	padding: 0 0 0 25px;	
	color: #424242;
		line-height: 1.6em;
}


#info div.legend {margin: 30px 60px 20px 0; padding: 0 0 0 0; border-top: 1px solid #ebebeb;}

#info div.legend ul {margin: 15px 0 0 3px; padding: 0;}

#info div.legend ul li { list-style-type: none; display: inline; padding: 10px 20px 2px 25px; color: #424242;}

#info div.legend ul li.abm {background: url(../images/ab-logo.gif) bottom left no-repeat;}

#info div.legend ul li.fluid {background: url(../images/fluid-logo.gif) bottom left no-repeat;}

#info div.legend ul li.p4u {background: url(../images/p4u-logo.gif) bottom left no-repeat;}



/* portfolio */
#portfolio {
	width: 463px;
	float: left;

}

#portfolio h3 {
	margin-top: 45px;
	color: #a0e200;
}


#portfolio h3.first {
	margin-top: 30px;
}


#portfolio p {
	background: url(../images/bullet.gif) top left no-repeat;
	padding: 0 20px 3px 20px;
	margin: 10px 0 0 0;
	line-height: 1.3em;
}

#portfolio div.rf p {padding: 0 0 3px 20px;}

#portfolio div.ab {background: url(../images/ab-logo.gif) 440px 92px no-repeat;}

#portfolio div.abLow {background: url(../images/ab-logo.gif) 440px 111px no-repeat;}

#portfolio div.abex {background: url(../images/ab-logo.gif) 440px 92px no-repeat;}

#portfolio div.fluid {background: url(../images/fluid-logo.gif) 440px 92px no-repeat;}

#portfolio div.fluidex {background: url(../images/fluid-logo.gif) 440px 92px no-repeat;}

#portfolio div.p4u {background: url(../images/p4u-logo.gif) 440px 92px no-repeat;}

#portfolio p strong {
	color: #333333;
}


#portfolio p.extra {
	background: none;
	padding: 0 0 0 20px;
	margin: 10px 0 0 0;
	line-height: 1.3em;
}


#portfolio p.intro {
	background: none;
	padding: 8px 0 0 0;
}

#portfolio p.ind {
	background: none;
	margin: 12px 0 0 0;
}


/* footer */
#footer {
	background: url(../images/bot-back.gif) bottom left repeat-x;
	clear: left;
	padding: 30px 0 15px 25px;
	margin: 0;
	font-size: 0.8em;


}

#footer p.top {
	background: url(../images/up.gif) 5px 5px no-repeat;
	margin: 0;
	padding: 0 0 4px 18px;
	width:200px;
	text-align: left;		
}

#footer p.copyright {
	margin: 0;
	padding: 0 0 0 0;
	width:300px;
	text-align: right;
}

/* Screenshots */
ul.project-shots {
	margin: 10px 0 0 0;
	text-align:right;
}

ul.project-shots li {
	display:inline;
	margin: 0 0 0 0;
	font-size: 0.9em;
	padding: 0;
	background: none;
	color: #666666;
}

ul.project-shots li a {
	padding: 2px 6px 10px 5px;
	color: #ffffff;
}

ul.project-shots li a:link {
	text-decoration: none;
	border-bottom: none;
	background: url(../images/shot-back.gif) top left no-repeat;
}

ul.project-shots li a:visited {
	text-decoration: none;
	border-bottom: none;
	background: url(../images/shot-back.gif) top left no-repeat;
}

ul.project-shots li a:hover {
	text-decoration: none;
	border-bottom: none;
	background: url(../images/shot-back-over.gif) top left no-repeat;
}

ul.project-shots li a:active {
	text-decoration: none;
	border-bottom: none;
	background: url(../images/shot-back.gif) top left no-repeat;
}

#lbCloseLink, #lbPrevLink, #lbNextLink {
	border-bottom: none;
}