/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	min-width:1000px;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
h1 {
	font-size:1px;
	height:180px;
	overflow:hidden;
	position:relative;
	width:249px;
	float: left;
}

h1 a span {
	background:url(../images/prsLogo.png) no-repeat 0 30px;;
	display:block;
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	float: left;
	color: #212121;
}
h2 {
	font-size:1px;
	height:35px;
	overflow:hidden;
	position:absolute;
	left: 0;
	width:350px;
	margin-top: -20px;
}

h2 a span {
	background:url(../images/header-whatIsPRS.png) right no-repeat;
	display:block;
	height:100%;
	position:absolute;
	right:0;
	top:0;
	width:100%;
}
h3 {
	font-size:1px;
	height:200px;
	overflow:hidden;
	position:relative;
	top:65px;
	margin-bottom: -175px;
}

h3 a span {
	background:url(../images/header-camo.png) no-repeat;
	display:block;
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
}
h4 a:hover {
	color: #2b2b2b;
}
h4#compProj {
	font-size:1px;
	height:37px;
	overflow:hidden;
	position:relative;
	width:309px;
	color: #2b2b2b;
}

h4#compProj a span {
	background:url(../images/header-completedProjects.png) no-repeat;
	display:block;
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	color: #2b2b2b;
}
h4#clientFeed {
	font-size:1px;
	height:32px;
	overflow:hidden;
	position:relative;
	width:250px;
	color: #2b2b2b;
}

h4#clientFeed a span {
	background:url(../images/header-clientFeedback.png) no-repeat;
	display:block;
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	color: #2b2b2b;
}
h4#currentProj {
	font-size:1px;
	height:32px;
	overflow:hidden;
	position:relative;
	width:273px;
	color: #2b2b2b;
}

h4#currentProj a span {
	background:url(../images/header-currentProjects.png) no-repeat;
	display:block;
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	color: #2b2b2b;
}
h5 {
	margin-top: 0;
	font-size:15px;
	color:#898989;
	padding:4px;
	font-weight: normal;
	text-align: left;
	background-color: #111111;
	width: 592px;
}
h5 a {
	display: block;
}
* html h5 a {  /* make hover effect work in IE */
	width: 592px;
}
h5:hover {
	background-color: #002305;
}
h5.prettyPhoto:hover {
	background: url(../images/lightbox-icon.gif) #002305 no-repeat 497px 80px;
}
h5.website:hover {
	background: url(../images/lightbox-icon2.gif) #002305 no-repeat 497px 80px;
}
h6#onMyTitCpu a {
	color: #323232;
}
h6#onMyTitCpu {
	font-size:3px;
	height:50px;
	overflow:hidden;
	position:relative;
	width:100%;
	color: #2b2b2b;
}
h6#onMyTitCpu a span {
	background:url(../images/omtcHeader.png) no-repeat;
	display:block;
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	color: #2b2b2b;
	cursor:pointer;
}

a:link,a:visited {
	color:#4ef50c;
	text-decoration:none;
	font-weight:normal;
}

a:hover,a:active {
	color:#ffff00;
}
span.anchor {
	color:#4ef50c;
	cursor:pointer;
}
span.greyOutLink {
	color:#7c7c7c;
	font: 10px Verdana, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
}
a img {
	border: 0;
}

body {
 	background:url(../images/mainbg.jpg) repeat-x #323232;
 	color:#d7d7d7;
	font:13px 'Lucida Sans Unicode', Lucida Grande, sans-serif;
	line-height: 18px;
}

#wrapper {
 	margin: 0 auto;
 	width: 90%;
 	background:url(../images/contentBG.png) no-repeat bottom;
}

/* header */
#header {
 	padding: 0;
 	height: 170px;
 	margin-bottom: 30px;
 	background:url(../images/headerBG.png) no-repeat 50px 5px;
 	position: relative;
 	top:0;
	left:0;
}
#header a {
 	color: #212121;
}
#about {
	float: right;
	font-size: 14px;
	line-height: 20px;
	color: #a1a1a1;
	position: absolute;
	top:70px;
	left:390px;
	text-align: left;
}
#about p {
	margin-top: 15px;
}
#commentForm
{
  display: none;
  background-color: #00450e;
  border: 1px solid #ccc;
  position: absolute;
  left: -330px;
  top:10px;
  padding: 10px;
  width: 280px;
}
/* SXSW */
#sxsw {
	width:100%;
	height:250px;
	background: url(../images/sxsw-image.png) no-repeat right;
	margin-top: 60px;
	border-top: 1px dotted #5f5f5f;
	border-bottom: 1px dotted #5f5f5f;
	padding: 10px 0 10px 0;
}
#sxsw p {
	width:37%;
	padding-bottom: 10px;
}
/* camo */
#camo {
 	color: #bec59a;
 	height: 300px;
 	font-size: 15px;
 	line-height: 19px;
 	padding-left: 20px;
 	width: 30%;
 	float: right;
}
#camo a:hover {
	color: #c1cf9e;
}
#camo h3 a, #camo h3 a:hover {
	color:#05260a;
	cursor:pointer;
}
#camo img {
	float: right;
	margin-left: 20px;
}
#camo p#camoTop {
	padding: 63px 10px 10px 0;
}
#camo p {
	padding-bottom: 10px;
}

span.contactus {
	font-weight: bold;
	color: #4ef50c;
	cursor: pointer;
}
/* content */
#content {
 	float: left;
 	margin: 30px 0 50px 0;
 	padding: 0;
 	width: 602px;
 	display: inline;
 	font-size: 15px;
 	line-height: 20px;
 	position: relative;
 	top:0;
 	left:0;
}
.proj-even {
	background: url(../images/proj-bg.jpg) no-repeat 0 102px;
	width: 600px;
	float: left;
	margin-bottom: 35px;
	border: 1px solid #111111;
}

.proj-odd {
	background: url(../images/proj-bg.jpg) no-repeat 0 102px;
	width: 600px;
	float: left;
	margin-bottom: 35px;
	border: 1px solid #111111;
}
.proj-even ul, .proj-odd ul {
	padding-bottom: 20px;
}
.proj-even li, .proj-odd li {
	padding: 0 0 5px 17px;
	background: url(../images/bullet.png) no-repeat 0 3px;
}
#content p {
	padding: 10px;
}

#content p.floatRight {
	padding: 15px 10px 20px 0;
	text-align: right;
	font-size: 12px;
 	line-height: 15px;
}

#content img {
	padding-bottom: 5px;
}

#content ul {
    padding: 10px 0 10px 10px;
	margin: 0;
	list-style-type: none;
}

#content img {
	margin-bottom:-5px;
}

blockquote {
	padding: 10px 30px 10px 30px;
	font:12px Verdana, sans-serif;
	color: #fff;
}
/* rightcolumn */
#rightcolumn {
 	margin: 0;
 	padding: 20px 0 20px 0;
 	width: 30%;
 	float: right;
}
#rightcolumn ul {
	padding-bottom: 20px;
}
#rightcolumn li {
	padding: 0 0 5px 17px;
	background: url(../images/bullet.png) no-repeat 0 3px;
}
#rightcolumn p {
	padding-bottom: 20px;
	margin-bottom: 20px;
	color: #d7d7d7;
	border-bottom: 1px dotted #ccc;
}

#rightcolumn img {
	padding: 30px 0 30px 0;
	display: block;
    margin-left: auto;
    margin-right: auto;
}
/* omtc */
#omtc {
	padding-bottom: 270px;
	background: url(../images/omtcBG.png) repeat-x top;
	font-size: 17px;
	line-height: 23px;
	margin-top: 50px;
}
#omtc img#prsArchive {
	position: relative;
	right: 0;
	top:-50px;
	float: right;
	margin-bottom: -30px;
}

#omtc img {
	float:right;
	padding-left: 40px;
}
/* footer */
:focus {
	outline: 0;
}

div#footerwrap {
	width:100%;
	min-width:1000px;
	position:absolute;
	bottom:0;
	left:0;
	height:70px;
	background: url(../images/footer.png) repeat-x top;
}

div#footerwrap h4 {
	cursor:pointer;
}

body>div#footerwrap {
	position:fixed;
}

#footer {
	clear:both;
	padding:35px 15px 15px 15px;
	width: 100%;
	margin: auto;
	font-size: 12px;
}
#contact {
	text-align: left;
	width: 100%;
}
#contact img {
	margin-top: -10px;
	padding-right: 5px;
}
#contact img#mailIcon {
	float: left;
}
h4.contactjq {
	color: #002305;
	font-size: 21px;
	padding-bottom: 32px;
	font-weight: normal;
	margin-right: 20px;
}
#contact p {
	font-size: 14px;
	float:left;
	width:330px;
	padding-bottom: 10px;
}
#contact img.social {
	padding-right: 5px;
	margin-left: 10px;
	margin-bottom: -6px;	
}
form#contactForm {
	float: right;
}
#contact p#floatRight {
	float: right;
}
#contact p#floatLeft {
	float: left;
	margin: 0;
	width: 30%;
	padding-right: 10px;
}
input.text {
	width: 220px;
	color: #fff;
	background-color: #7c7c7c;
	border: none;
	padding: 5px;
}
textarea {
	color: #fff;
	background-color: #7c7c7c;
	border: none;
	padding: 5px;
	width:230px;
	height:58px;
}
input.button {
	color: #fff;
	background-color: #60b240;
	border: none;
	padding: 5px;
	cursor:pointer;
}

.clear { clear: both; background: none; }


div#moreProjects
{
display:none;
width:602px;
position:relative;
left:0;
}

img#moreProjsToggle
{
	cursor:pointer;
	margin-top:-30px;
}