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


div.curFocus {
	background: #fdecb2;
}

html, body, #wrap {height: 100%;);}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 210px;}  /* must be same height as the footer */

#content960 {
	margin-top:40px;
}

#logo {
	height:33px;
	background-image:url(../assets/images/logoBlack.png);
	background-repeat:repeat;
	margin-bottom:50px;
}	


.headline {
	font-family: Georgia, "Times New Roman", Times, serif;
    font-size:24px;
	margin-top: 5px; margin-bottom: 0px;
	text-align: center;
	font-weight: normal;
    color: #222;
}

.subheadline{
	font-family: "Lucida Grande", Tahoma;
	font-size: 10px;
	font-weight: lighter;
	font-variant: normal;
	text-transform: uppercase;
	color: #666666;
	letter-spacing: 0.25em;
	margin-top: 10px;
	text-align: center!important;
}

#subheadline a:link{
	font-family: "Lucida Grande", Tahoma;
	font-size: 10px;
	font-weight: lighter;
	font-variant: normal;
	text-transform: uppercase;
	color: #000;
	letter-spacing: 0.3em;
	margin-top: 10px;
	text-align: center!important;
	text-decoration:none;
	margin:10px auto 80px auto;
	display:block;
}


#subheadline a:visited{
	font-family: "Lucida Grande", Tahoma;
	font-size: 10px;
	font-weight: lighter;
	font-variant: normal;
	text-transform: uppercase;
	color: #000;
	letter-spacing: 0.3em;
	text-align: center!important;
	text-decoration:none;
	margin:10px 0 80px auto;
	display:block;
}


#subheadline a:hover {
	font-family: "Lucida Grande", Tahoma;
	font-size: 10px;
	font-weight: lighter;
	font-variant: normal;
	text-transform: uppercase;
	color: #666666;
	letter-spacing: 0.3em;
	text-align: center!important;
	text-decoration:none;
	margin:10px auto 80px auto;
	display:block;
}







#portfolioLinks{
	width:100px;
	text-align:center;
	margin:auto;
}

#subheadlineQuote {
	font-family: "Lucida Grande", Tahoma;
	font-size: 11px;
	font-weight: lighter;
	font-variant: normal;
	color: #666666;
}

/*  PORTFOLIO PAGE  */
.portfolio {
	width: 960px;
	margin: 0px auto;
padding-bottom:20px;
}

.portfolio a:link {
	text-decoration: none
}

.portfolio a:visited {
	text-decoration: none
}
.portfolio a:hover {
	text-decoration: none
}

.portfolio .thm {
	width:290px;
	height:160px;
	-webkit-transition: all .15s linear;
	border-top: white 3px solid;
	border-bottom: white 3px solid;
	transition: all .2s linear;
	background-color: #eee;
	float: left;
	margin:15px 10px;
}

.portfolio .thm:hover {
	border-top: 3px black solid;
	border-bottom: 3px black solid;
}

.portfolio .img {
	/*background-image: url(../assets/test.png);*/
	background-repeat: no-repeat;
	height: 80px;
	width: 288px;
border: 1px solid #eee;
}

.portfolio .detials h1 {
	font-family: "Lucida Grande", Tahoma;
	font-size: 13px;
	font-variant: normal;
	text-transform: uppercase;
	color: #333;
	letter-spacing: 0.15em;
	margin-top: 10px;
	margin-left: 5px;
	-webkit-transition: all .15s linear;
}

.portfolio .detials h1:hover {
	color: maroon;
}

.portfolio p {
	font-family: "Lucida Grande", Tahoma;
	font-size: 11px;
	font-variant: normal;
	color: #333;
	letter-spacing: 0.15em;
	margin-top: 5px;
	margin-left: 5px;
}

.portfolio strong {
	font-weight:bold;
}


/*######################################################*/
.topBar {
	background:#000;
	width:100%;
	height:30px;
	color:#990033;
	text-align:right;
}

.topBar #wrapper {
	margin-right:6%;
}

.topBar a:link {
	font-family: "Lucida Grande", Tahoma;
	font-size: 9px;
	font-weight: lighter;
	font-variant: normal;
	text-transform: uppercase;
	letter-spacing: 0.25em;
	line-height: 30px;
	color:#ccc;
	text-decoration:none;
}

.topBar a:visited {
	font-family: "Lucida Grande", Tahoma;
	font-size: 9px;
	font-weight: lighter;
	font-variant: normal;
	text-transform: uppercase;
	letter-spacing: 0.25em;
	line-height: 30px;
	color:#ccc;
	text-decoration:none;
}

.topBar a:hover {
	font-family: "Lucida Grande", Tahoma;
	font-size: 9px;
	font-weight: lighter;
	font-variant: normal;
	text-transform: uppercase;
	letter-spacing: 0.25em;
	line-height: 30px;
	color:#fff;
	text-decoration:none;
}

object {
	border: solid 10px #000000;
	margin:0 10px;
}


/*######################################################*/
/*######################################################*/


/*######################################################*/
/*######################################################*/
#nav {
	height:33px;
	/*margin-bottom:80px;*/
	margin-bottom:50px;
	line-height:33px;
}

#nav ul{
	list-style:none;
}

#nav li {
	margin-right:40px;
	float:left;
}

#nav a:link {
	font-family: "Lucida Grande", Tahoma;
	font-size: 10px;
	font-weight: lighter;
	font-variant: normal;
	text-transform: uppercase;
	letter-spacing: 0.25em;
	line-height: 30px;
	color:#000;
	text-decoration:none;
}

#nav a:visited {
	font-family: "Lucida Grande", Tahoma;
	font-size: 10px;
	font-weight: lighter;
	font-variant: normal;
	text-transform: uppercase;
	letter-spacing: 0.25em;
	line-height: 30px;
	color:#000;
	text-decoration:none;
}

#nav a:hover {
	font-family: "Lucida Grande", Tahoma;
	font-size: 10px;
	font-weight: lighter;
	font-variant: normal;
	text-transform: uppercase;
	letter-spacing: 0.25em;
	line-height: 30px;
	color:#990033;
	text-decoration:none;
}


/**********
BIG IMAGE WITH THMS
**********/
.project {
	margin-bottom:25px;
}

.imgWrap{
margin: 0 auto;
position: relative;
width: 940px;
height: 480px;
}

.imgs img{
position: absolute;
width: 940px;
//height: 480px;
border-top: 1px solid #444444;
border-bottom: 1px solid #444444;
border-right: 1px solid #444444;
border-left: 1px solid #444444;
}

.thms{
	width:50px;
margin-left: -60px;
}

.thms img{
border: 1px solid #444444;
margin-bottom:5px;
}

.firstImg{
z-index: 1;
}

/*######################################################*/
/*######################################################*/


#h1 {
	height:30px;
	margin-bottom:10px;
}

/*######################################################*/
/*######################################################*/


#footer {
	position: relative;
	margin-top: -210px;  /*negative value of footer height */
	width:100%;
	background-color:#000;
	height: 170px;
	padding:20px 0;
	clear:both;
} 


#footer ul{
	list-style:none;
}

#footer li a {
	/*-webkit-transition: padding-left 300ms ease-out;*/
}

#footer a:link {
	font-family: "Lucida Grande", Tahoma;
	font-size: 9px;
	font-weight: lighter;
	font-variant: normal;
	text-transform: uppercase;
	letter-spacing: 0.25em;
	line-height: 11px;
	color:#666;
	text-decoration:none;
}

#footer a:visited {
	font-family: "Lucida Grande", Tahoma;
	font-size: 9px;
	font-weight: lighter;
	font-variant: normal;
	text-transform: uppercase;
	letter-spacing: 0.25em;
	line-height: 11px;
	color:#666;
	text-decoration:none;
}

#footer a:hover {
	font-family: "Lucida Grande", Tahoma;
	font-size: 9px;
	font-weight: lighter;
	font-variant: normal;
	text-transform: uppercase;
	letter-spacing: 0.25em;
	line-height: 11px;
	/*color:#990033;*/
	color:#ccc;
	text-decoration:none;
}

#footer p {
	font-family: Georgia, "Times New Roman", Times, serif;
    font-size:18px;
	margin-top: 5px; margin-bottom: 10px;
	font-weight: normal;
    color: #999;
}

/*######################################################*/
/*######################################################*/