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

body {
	background-color: #030303;
	background-image: url(../images/BG-concrete.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#beta {
	float: right;
	height: 18px;
	width: 80px;
	margin-top: -20px;
	margin-right: 10px;
	z-index: 50;
}

#wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	padding-top: 25px;
	height: auto;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 15pt;
	font-weight: normal;
	color: #CCC;
	letter-spacing: .0125em;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
	font-weight: lighter;
	color: #C9BFB3;
	letter-spacing: .0125em;
	text-transform: none;
}

#pagetitle {
	position: relative;
	width: 940px;
	height: 35px;
	clear: both;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

#pagetitle #title{
	float: right;
	position: relative;
	text-align: right;
	margin-right: 30px;
}

/* Containers
----------------------------------------------------------------------------------------------------*/

.grid_300,
.grid_620,
.grid_940{
	display:inline;
	float: left;
	position: relative;
	margin: 10px;
}

.grid_300 {
	width: 300px;
}

.grid_620 {
	width: 620px;
}

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/*----------------------------------------------------------------------------------------------------*/

#header {
	height: 75px;
	width: 940px;
	margin-right: 10px;
	margin-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #343434;
	margin-bottom: 10px;
}

#logo {
	float: left;
	height: 55px;
	width: 269px;
	outline:none;
}

/* TOP NAV
----------------------------------------------------------------------------------------------------*/

#topNav{
	position:relative;
	width:319px;
	height:22px;
	float: right;
	margin-top: 18px;
}

#topNav a{
	overflow:hidden;
	margin:0;
	text-indent:-9000px;
	outline:none;
}

#topNav #nav-work a {
	background-image: url(../images/nav-sprite.png);
	background-repeat: no-repeat;
	background-position: 0px top;
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 22px;
	width: 62px;
}

#topNav #nav-work a:hover{
	background-position: 0px bottom;
}

#topNav #nav-me a {
	background-image: url(../images/nav-sprite.png);
	background-repeat: no-repeat;
	background-position: -62px top;
	display: block;
	position: absolute;
	left: 82px;
	top: 0px;
	height: 22px;
	width: 41px;
}

#topNav #nav-me a:hover{
	background-position: -62px bottom;
}

#topNav #nav-contact a {
	background-image: url(../images/nav-sprite.png);
	background-repeat: no-repeat;
	background-position: -103px top;
	display: block;
	position: absolute;
	left: 143px;
	top: 0px;
	height: 22px;
	width: 82px;
}

#topNav #nav-contact a:hover{
	background-position: -103px bottom;
}
#topNav #nav-resume a {
	background-image: url(../images/nav-sprite.png);
	background-repeat: no-repeat;
	background-position: -185px top;
	display: block;
	position: absolute;
	left: 245px;
	top: 0px;
	height: 22px;
	width: 74px;
}

#topNav #nav-resume a:hover{
	background-position: -185px bottom;
}

/* PORTFOLIO NAV
----------------------------------------------------------------------------------------------------*/

#portNav{
	position:relative;
	width:440px;
	height:12px;
	margin-top: 20px;
	margin-left: 25px;
	float: left;
}

#portNav a {
	overflow:hidden;
	margin:0;
	text-indent:-9000px;
	outline:none;
}

#portNav #nav-web a {
	background-image: url(../images/portNav-sprite.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 12px;
	width: 31px;
}

#portNav #nav-web a:hover {
	background-position: 0px -12px;
}

#portNav #nav-web a.nav-web-active {
	background-position: 0px -24px;
}

#portNav #nav-print a {
	background-image: url(../images/portNav-sprite.gif);
	background-repeat: no-repeat;
	background-position: -32px 0px;
	display: block;
	position: absolute;
	left: 71px;
	top: 0px;
	height: 12px;
	width: 41px;
}

#portNav #nav-print a:hover {
	background-position: -32px -12px;
}

#portNav #nav-print a.nav-print-active {
	background-position: -32px -24px;
}

#portNav #nav-mktg a {
	background-image: url(../images/portNav-sprite.gif);
	background-repeat: no-repeat;
	background-position: -74px 0px;
	display: block;
	position: absolute;
	left: 152px;
	top: 0px;
	height: 12px;
	width: 82px;
}

#portNav #nav-mktg a:hover {
	background-position: -74px -12px;
}

#portNav #nav-mktg a.nav-mktg-active {
	background-position: -74px -24px;
}

#portNav #nav-client a {
	background-image: url(../images/portNav-sprite.gif);
	background-repeat: no-repeat;
	background-position: -158px 0px;
	display: block;
	position: absolute;
	left: 274px;
	top: 0px;
	height: 12px;
	width: 70px;
}

#portNav #nav-client a:hover {
	background-position: -158px -12px;
}

#portNav #nav-client a.nav-client-active {
	background-position: -158px -24px;
}




/*
#portNav{
	width:550px;
	text-align:left;
	z-index: 100;
	margin-top: 15px;
	margin-left: 25px;
	float: left;
}

#portNav ul{
	display:inline;
	margin:0px;
	padding:0px;
}

#portNav ul li{
	list-style: none;
	display: inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14pt;
	color:#FFF;
	padding-right: 40px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	vertical-align: top;
}

#portNav ul li a{
color:#646464;
text-decoration:none;
}

#portNav ul li a:hover{
color:#ACC29A;
text-decoration:none;
}

*/

/*----------------------------------------------------------------------------------------------------*/


.round-BG {
	margin: 10px;
	width: 940px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #404040;
	background-image: url(../images/1px-blk-50.png);
	background-repeat: repeat;
}

/*
.round-BG {
	margin: 10px;
	width: 940px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #404040;
	background-image: -moz-linear-gradient(top, #333333, #000000); /* FF3.6 */ /*
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #333333),color-stop(1, #000000)); /* Saf4+, Chrome */ /*
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000'); /* IE6,IE7 */ /*
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000')"; /* IE8 */ /*
}
*/


/*---------------------------------------------
		HOME Latest & Greatest
--------------------------------------*/
#homeLandG {
	float: left;
	position: relative;
	margin: 10px;
	width: 940px;
}

#homeLandG #btn {
	height: 30px;
	position: absolute;
	width: 200px;
	top: 310px;
	right: 20px;
}

#homeLandG #btn .btnContain {
	height: 30px;
	position: relative;
	width: 185px;
	float: right;
}

#homeLandG #btn .btnContain a {
	overflow:hidden;
	margin:0;
	text-indent:-9000px;
	outline:none;
}

#homeLandG #btn .btnContain #viewproject a {
	background-image: url(../images/btn_view-project.png);
	background-repeat: no-repeat;
	background-position: right top;
	height: 30px;
	width: 185px;
	position: absolute;
	top: 0px;
	right: 0px;
}

#homeLandG #btn .btnContain #viewproject a:hover {
	background-position: right bottom;
}

/*---- HOME pods  ----*/

.homepod {
	display:inline;
	float: left;
	position: relative;
	width:300px;
	height: 304px;
	margin: 10px;
	background-image: url(../images/pod-300x304.gif);
}

.homepod #title {
	height: 18px;
	position: absolute;
	top: 14px;
	right: 24px;
}

.homepod .thumb {
	height: 190px;
	width: 280px;
	border: 1pt solid #787878;
	position: absolute;
	left: 9px;
	top: 55px;
}

.homepod #btn {
	height: 30px;
	width: 230px;
	position: absolute;
	right: 10px;
	bottom: 5px;
}

/*---- HOME pod buttons  ----*/

.homepod #btn .btnContain {
	height: 30px;
	width: 240px;
	position: relative;
	float: right;
}

.homepod #btn .btnContain a {
	overflow:hidden;
	margin:0;
	text-indent:-9000px;
	outline:none;
}

.homepod #btn .btnContain #web a {
	background-image: url(../images/btn_see-web.png);
	background-repeat: no-repeat;
	background-position: right top;
	height: 30px;
	width: 186px;
	position: absolute;
	top: 0px;
	right: 0px;
}

.homepod #btn .btnContain #web a:hover {
	background-position: right bottom;
}

.homepod #btn .btnContain #print a {
	background-image: url(../images/btn_see-print.png);
	background-repeat: no-repeat;
	background-position: right top;
	height: 30px;
	width: 196px;
	position: absolute;
	top: 0px;
	right: 0px;
}

.homepod #btn .btnContain #print a:hover {
	background-position: right bottom;
}

.homepod #btn .btnContain #mktg a {
	background-image: url(../images/btn_see-mktg.png);
	background-repeat: no-repeat;
	background-position: right top;
	height: 30px;
	width: 235px;
	position: absolute;
	top: 0px;
	right: 0px;
}

.homepod #btn .btnContain #mktg a:hover {
	background-position: right bottom;
}


/*---------------------------------------------
			PORTFOLIO Pods
--------------------------------------*/



.portpod {
	display:inline;
	float: left;
	position: relative;
	width:260px;
	height: 220px;
	-moz-border-radius: 4px; /* FF1+ */
    -webkit-border-radius: 4px; /* Saf3+, Chrome */
    border-radius: 4px; /* Opera 10.5, IE 9 */
	background-image: url(../images/portfolio-imageBG-260x220.gif);
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 40px;
	-moz-box-shadow: 1px 1px 6px #000; /* FF3.5+ */
    -webkit-box-shadow: 1px 1px 6px #000; /* Saf3.0+, Chrome */
    box-shadow: 1px 1px 6px #000; /* Opera 10.5, IE 9.0 */
    filter:  progid:DXImageTransform.Microsoft.dropshadow(OffX=1px, OffY=1px, Color='#000000'); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=1px, OffY=1px, Color='#000000')"; /* IE8 */
}

.portpod .thumb {
	height: 148px;
	width: 238px;
	position: absolute;
	left: 10px;
	top: 10px;
	border: 1pt solid #787878;
}

.portpod #title {
	position: absolute;
	top: 180px;
	right: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: lighter;
	color: #999;
	width: 260px;
	text-transform: capitalize;
	text-align: center;
	letter-spacing: .05em;
}

.portpod #title a {
	color: #999;
	text-decoration: none;
}

.portpod #title a:hover {
	color: #ACC29A;
	text-decoration: none;
}


/* FORMS
----------------------------------------------------------------------------- */

label{
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: .0125em;
	line-height: 18pt;
}

input,
select,
textarea{
	background: #FFF;
	border: 1px solid;
	border-color: #AAA #CCC #CCC #AAA;
	padding: 3px 5px;
	width: 300px;
}

textarea{ height: 150px; width: 450px; }

select,
.button input,
.checkbox input{ width: auto; }

fieldset.button{ text-align: right; }

	.checkbox input{ 
		background: transparent;
		border: 0;
		vertical-align: middle; 
	}

/*
---------------- GENERAL FORM
-------------------------------------------------------- */
#form-general{
	width: 600px;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}
#form-general.comment-form{ margin-bottom: 0; width: 480px;
}

fieldset{
	border:0;
}
.comment-form fieldset{padding-left:0;}

#form-general label{
	color: #999;
}

#form-general input,
#form-general textarea{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #272727;
	border: 1px solid #404040;
	color: #acc29a;
	font-size: 12px;
	margin-top: 4px;
	overflow: hidden;
	padding: 5px;
	text-shadow: none;
	width: 600px;
}
#form-general.comment-form input,
#form-general.comment-form textarea{ width: 480px;
}

#form-general input{ margin-bottom: 25px;
}

#form-general.comment-form{
	margin: 20px 0;
}
input#submit-query,
#form-general.comment-form input#submit-comment{ 
	background-color: transparent;
	border: none;
	height: 24px;
	margin: 20px 0 60px 0;
	padding: 0;
	width: 110px;
}
#form-general.comment-form input#submit-comment{ margin: 30px 0 0 0;
}
/*------------------------------------------------------------------------------*/


#footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #646464;
	width: 940px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #343434;
	letter-spacing: .0125em;
	padding-top: 10px;
	clear: both;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}