/* Portfolio Filter Stylesheet */

/*****Reset*****/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }


a { color: #333; }
img { border:none; }
a:visited { }
a:hover { text-decoration: none; }
ul, ol, dl, table { margin-bottom: 18px; }
p {margin-bottom: 15px;}
/*ul, ol, dd { margin-left: 36px; }*/

ul {list-style-type:circle;}
body { 
	background:#535353 none repeat fixed left top;
	font-family:Arial,Helvetica;
	font-size:13px;
	height:100%;
	line-height:1.5;
	width:100%;
	word-spacing:1px;
	text-align:center;
}


/*--  Basic Layout  --------*/
#container { 
	height:100%;
	width:100%; 
}
#p-container { margin-top:20px; overflow: hidden; width: 880px; }

.home{ 
	/*margin:20px;*/
	width:100%;
}


/*-------------------------------------------    
    Masthead & Intro
-------------------------------------------*/

#masthead {
	background:transparent url(../i/bars4.png) repeat scroll 0 0;
	float:left;
	font-family:Arial,sans-serif;
	height:524px;
	margin-left:15px;
	padding:0;
	width:490px;
}

#mark {
	float:left;
	height:130px;
	margin:15px 0 30px 15px;
	width:300px;
}
#intro{
	float:left;	
	padding:25px 0 0 17px;
}	
.caption { 
	font-family:georgia;
	font-style:italic;
	font-weight:bold;
	text-transform:capitalize !important; 
}

.about_nav { float:right }
.contact_nav { float:right }


#intro p{
	line-height:20px;
	padding-bottom:0px;
}

#intro h1{
	padding-bottom: 10px;
}
/*-------------------------------------------    
    Navigation and Sub-Navigation
-------------------------------------------*/
h1 { font-weight: normal; font-size: 29px; }
h1 a { color: #1e0a02; line-height: 1; padding: 0 2px; }
h2 {
	color:#000000;
	float:left;
	font-family:Georgia,serif;
	font-size:13px;
	font-weight:bold;
	line-height:40px;
	margin:0 0 0 4px;
}
#work h2 {
	color:#f9732b;
	float:left;
	font-family:arial,sans-serif;
	font-size:60px;
	line-height:50px;
	margin:20px 10px;
	text-transform:uppercase;
	width:600px;
}
h4 {
	color:#000000;
	float:left;
	font-family:helvetica,arial;
	font-size:15px;
	font-weight:bold;
	line-height:40px;
	margin-left:10px;
}
	
#subnav { 
	background-color: #1e0a02; 
	list-style: none; 
	padding: 0.6em 20px; 
	letter-spacing: 1.5px; 
	text-transform: uppercase; 
	text-decoration: none; 
	font: normal 11px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; 
	text-align:center; 
	margin: 0 auto 20px; 
}

#subnav li { display: inline; padding: 0 0 0 1em; border-left: 1px solid #524a25; margin: 0 0.3em 0 0; }
#subnav li:first-child { padding-left: 0; border: none; }
#subnav a { color: #c4c043; text-decoration: none; }
#subnav a:hover { color: #fff; text-decoration: underline; }

p.nav_title {
	background-color:#FFF;
	color:#000;
	font-family:arial;
	font-size:0.6em;
	font-weight:bold;
	padding:3px 2px 2px 8px;
	text-transform:uppercase;
	width:65px; 
	float:left;
	margin-bottom:51px;
}
.nav_about {
	background-color:#FFF;	
	float:right;
	font-family:arial,sans-serif;
	font-size:0.6em;
	font-weight:bold;
	margin-right:14px;
	padding:3px 2px 2px 12px;
	text-transform:uppercase;
	width:46px;
}

.nav_about a, .nav_contact a, .nav_title a {
	color:#000;
	text-decoration:none;
}
.nav_about a:hover, .nav_contact a:hover, .nav_title a:hover { text-decoration: underline; }

.nav_contact {
	background-color:#FFF;
	color:#000;
	float:right;
	font-family:arial,sans-serif;
	font-size:0.6em;
	font-weight:bold;
	padding:3px 2px 2px 12px;
	text-transform:uppercase;
	width:57px;
	margin-right:20px;
}
/*-------------------------------------------    
    Portfolio Layout
-------------------------------------------*/

.pTL{ float:left; margin-top:-6px; padding-bottom:6px; width:6px; height:6px;}
.pTR { float:right; margin-top:-6px; width:6px; height:6px; }
.pBL { float:left; width:6px; height:6px; }
.pBR { float:right; width:6px; height:6px; }
.pText { color:white; height:120px;	padding:10px 0 0 10px; position:absolute; visibility:hidden; width:215px; }
.pText h3 {	font-family:Lucida Grande,Lucida Sans Unicode,sans-serif; font-size:1em; line-height:1.2em;	margin:0 0 16px; }
.pText p {	font-family:Lucida Grande,Verdana,Arial,Helvetica,sans-serif; font-size:0.85em; line-height:1.3em; margin:0 5px 16px 0;}
.pClient { font-family:Arial,Helvetica,sans-serif; font-size:1.2em;	line-height:1.6em; }

.projName {color:#000000; font-weight:700; text-align:center; }

.pTeaser { height:130px; }
.pTeaser img.pThumb { height:auto; margin-bottom:8px; width:225px; }
.pTeaser .pClient { color:#999;font-family:Arial,Helvetica,sans-serif; font-size:1.2em; line-height:1.6em; padding-left:2px; }
.pTeaser h3 { font-family:Lucida Grande,Lucida Sans Unicode,sans-serif; font-size:1em; line-height:1.2em; padding-left:2px; }
.pTeaser h3 { font-family:Lucida Grande,Lucida Sans Unicode,sans-serif; font-size:1em; line-height:1.2em; padding-left:2px; }

.pItem:hover .pText { visibility: visible; /*cursor:pointer;*/ margin-left:6px; text-align:left; }
.viewMore a{ color:#fff; }
.viewMore a:hover{ color:#000; }


#h-filter { 
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000;
	font-size:12px;
}
	

.nav-list { 
	float:right;
}

#nav-all {float:left;}
#nav-1 {float:right; margin-right:38px; }
#nav-2 {float:right; margin-right:20px; }
#nav-3 {float:right;  }

.contactInfo { 
	float:left;
	font-size:1em;
	margin:40px 0 0 20px;
	padding:3px 0;
	text-align:left;
	width:300px;
	color:#fff;
}

.contactInfo a{ 
	color:#fff;
}


ul#filter { 
	background-color:#FFF;
	clear:both;
	float:left;
	font-size:0.85em;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:40px 0 0 20px;
	padding:3px 0;
	text-align:left;
	width:300px;
}
ul#filter li { 
	line-height:16px;
	margin:0;
	padding:0 8px;
	text-transform:uppercase;
	display:inline;
	float:left;
	
}
ul#filter li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
ul#filter a { color: #d22026; text-decoration: none; }
ul#filter li.current a, ul#filter a:hover { text-decoration: underline; }
ul#filter li.current a { /*background-color:#FFF200; padding:4px 8px;*/ }

p#search { 
	float: left; 
	font-size:0.7em; 
	margin-left: 20px; 
	padding:2px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
}

p#search a { 
	color: #d22026; text-decoration: none; text-transform:uppercase;
}
.next {margin-left:15px;}

ul#portfolio { 
	width:100%; 
}
ul#portfolio li {
	background-color:#FFFFFF;
	float:left;
	list-style-type:none;
	margin-bottom:15px;
	margin-left:0;
	margin-left:15px;
	padding:6px 0 0;
	width:237px;
}

ul#portfolio a { 
	display: block; 
	font-size: .75em; 
	text-decoration: none; 
	text-transform:uppercase;
	font-weight:bold;
}
ul#portfolio a:hover { 
	text-decoration: underline; 
	color:#000;
}

#portfolio img { 
	display:block;
	/*height:130px;
	width:225px;*/
}

/*-------------------------------------------    
    WORK STYLES
-------------------------------------------*/
.about #work {
	background-color:#CCCCCC;
	float:left;
	font-family:Arial,sans-serif;
	margin-left:15px;
	padding:0;
	width:490px !important;
	min-height:523px;
}
.about #work h2{
	width:490px !important;
}


#work {
	background-color:#CCCCCC;
	float:left;
	font-family:Arial,sans-serif;
	margin-left:15px;
	min-height:523px;
	padding:0;
	width:630px;
}

#work p {
float:left;
margin:10px 10px 15px;
text-align:left;
}
#work p a{ text-align:left; margin:10px; float:left; }
#work img { border: 5px solid #fff; margin-bottom:15px }






#proj-container {float:right;  width:300px; background:#ccc; height:538px; }
#proj-info { padding:35px 20px 20px; }
#proj-info p { font-size:.75em;  }
#proj-info h6 {
	font-size:1.2em; 
	text-transform:uppercase; 
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:15px;	
}
.close-window { cursor:pointer; position:relative; float:right; padding:8px 8px 0; }

/*-------------------------------------------    
    Contact Page
-------------------------------------------*/



/*-------------------------------------------    
    ABOUT PAGE
-------------------------------------------*/
#about-content {
	font-size:12px;
}
#about-content ul {
	padding-left:20px;
}
#about-content h2 {
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	margin:0 0 8px 0;
	font-size:1.6em;
	padding:0;
	clear:both;
	color:#D22026;
}
#about-content h6 {
	font-family:Arial, Helvetica, sans-serif;
	margin:0 0 8px 0;
	font-size:1.0em;
	padding:0;
}
#about_block1 {
	width:55%;
	float:left;
	clear:both;
}
#about_block2 {
	width:40%;
	float:right;
}

#clients {
	clear:both;
}
.grid-1 {
	float:left;
	width:28%;
	clear:both;
}
.grid-2 {
	float:right;
	width:30%;
}
.grid-3 {
	float:left;
	width:28%;
	margin:0 0 0 50px;
}

.grid-4 {
	float:left;
	width:22%;
	margin:0 0 0 10px;
}

.border {
	border-bottom: 1px solid #CCC;
}




/*-------------------------------------------    
    Footer
-------------------------------------------*/
#footer { clear: left; padding-top:20px; font: normal 11px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; color: #4C4C4C; margin: 0 0 4em; }
#footer a { color: #4C4C4C; }