/* Intaglio Creative Stylesheet
	Global Styles	
	Updated: Sun 5.16.08 @ 1:46 p.m. - Alan Carter
	Author: Intaglio Creative 
   ----------------------------------------------------*/
   
/* COLORS
   ------
   Super Wierd Green Bg - #a9ae84
   Red Text Hovers - #5d1218
   second red text hover #95444f
   
   
   ----------------------------------------------------*/

/* TABLE OF CONTENTS
   -----------------
   0. tools
   1. reset
   2. general
   3. header
   4. navigation
   5. content 
   		a. home page  
  		b. press section 
   8. footer
   ----------------------------------------------------*/


/*
---------------- 0. tools  
-------------------------------------------------------- */


.clear { clear:both; width:1px; margin:-1px; }



/*
---------------- 1. reset  
-------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
a img{border:none;}
a {outline: none;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
object { display:block; }


/*
---------------- 2. general 
-------------------------------------------------------- */

   
body {	
	background-color:#e2e2e2; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px;
	line-height:14px;
	text-align:center;
	} 
	
h2 { 	
	color:#999; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:16px; 
	}	

a

{	text-decoration: none; }

ul {
	list-style: none; 
	}

p

{	padding: 5px; }


#bgflashcont 

{	width:100%;
	height:100%;
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;}

#tableContainer

{	position: relative;
	z-index: 2;
	width: 948px;
	margin: 0 auto 0 auto;
	height: 100%; }

#tableContainer tr td 

{	vertical-align: top; }


#tagline

{	float:right;
	width:230px; /*Note: Change width back to 270px when "news" nav is added back in*/
	color:#999999;
	margin-top: 130px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}

#pagewrap

{	width:930px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	margin-top: 0;
	background-color: #e2e2e2;
	text-align:left;
	}

#content-contain-wrap {
	width:920px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	margin-top: 0;
	background-color: #ffffff;
	text-align:left;
}

#content-contain

{	padding:0 0 0 50px; 
	width: 880px; 
	background-repeat:repeat-y;
}
	
	


/*
---------------- 3. header 
-------------------------------------------------------- */


#header

{ 	position:relative;
	width: 825px;
	background-color:#FFFFFF;
}
	
#header h1 {
	position: relative;
	left: -9999px;
}
	
#masthead 

{
	position:absolute;
	width:293px;
	height:175px;
	left: -51px;
	top: 0;
 }
 

a#masthead

{	width:249px; 
	height:69px; 
	display:block; }

	
#nav-contain

{
	float:right;
	width:820px;
	height:37px;
	background: url(../images/nav-bg-repeat.png) repeat-x;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 0px;
	 }



/*
---------------- 4. navigation 
-------------------------------------------------------- */

/* 
	LEVEL ONE
*/


#dl-contain 

{ 	width:227px;
	float:right;
	height:37px;
	margin:8px 0 0; }                                         

#one-ddheader

{ 	width:51px;
	 }


#two-ddheader

{ 	width:69px;  }

#three-ddheader

{	width:44px; }

#four-ddheader

{ 	width:43px;  }

#five-ddheader

{	width: 63px;  }
	
	
#five-ddheader dt:hover

{ background-position:bottom center; }


.dropdown dt
 
{ 	background-position: bottom center;
	height:22px; 
	text-indent:0px;  } 
	
	
.dropdown 

{ float:left;}

.dropdown dt 

{	width:188px; 
	font-weight:bold; 
	cursor:pointer; }

.dropdown dt:hover

 {	 background-position: bottom center;}

.dropdown dd 

{ 	position:absolute; 
	overflow:hidden; 
	width:120px; 
	display:none;
	z-index:200; 
	opacity:0;  
	font:Arial, Helvetica, sans-serif; 
	font-size:10.5px;
	text-transform:capitalize;  }

.dropdown ul 

{	list-style:none; 
	border-top:none}

.dropdown dd li 

{	display:inline;	}

.dropdown dd a,
 .dropdown dd a:active, 
 .dropdown dd a:visited 
 
 {	display:block; 
 	padding:5px 5px 5px 7px; 
	color:#fff; 
	text-decoration:none;
	background:#BAC17E; 
	width:194px}

.dropdown dd a:hover 

{	background:#984151; 
	color:#BAC17E; }






/*
---------------- 4. content 
-------------------------------------------------------- */


#page-content 

{	float:left;
	width:825px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}



#secondary-nav

{ 	float:right; 
	width:265px;
	padding: 0 0 0 10px;
	margin:0 0 8px 0;   
	height:324px; 
	background-image: url(../images/secondary-nav-bg.jpg); 
	background-repeat:no-repeat; } 	
	
#secondary-nav ul 

{		}	

#secondary-nav ul li 

{	padding: 6px; }
	
#secondary-nav ul li a,
#secondary-nav ul li a:visited

{	color:#5d1218;	}	
	
#portfolio-pieces 

{	float:left; 
	width:542px; 
	height:324px;
	overflow:hidden;  }
	
	
#caption-bar 

{	background-image:url(../images/caption-bg.jpg);
	width:793px; 
	height:28px;
	padding:5px 16px; 
	clear:both;  }
	
	
#caption

{	display: inline; }
	
	
#caption p 

{	font-size:14px;
	float:left; 
	color:#fff; 
	padding:3px 48px 0 0; }


#project

{	display: inline; }
	
	
#project p 

{	font-size:14px;
	float:left; 
	color:#fff; 
	padding:3px 0 0 0 ;}
	

/* --------------- Inside Pages - Content ----------------*/

#page-content #inside-page-content {
	position:relative;
	background-color: #e2e2e2;
	width: 821px;
	height: 408px;
}

#page-content #inside-page-content #inside-page-content-left {
	float:left;
	padding-top:40px;
	padding-left:44px;
	
}

#page-content #inside-page-content #inside-page-content-right {
	float:right;
	width: 380px;
	height: 270px;
	padding-top:40px;
	padding-bottom: 15px;
}

#page-content #inside-page-content #inside-page-content-right h1 {
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	color:#89984c;
	padding-left:15px;
}

#page-content #inside-page-content #inside-page-content-right h2 {
	font-size:11px;
	text-transform:uppercase;
	font-weight:bold;
	color:#95444F;
	padding-left:15px;
}


#page-content #inside-page-content #inside-page-content-right p{
	padding-left: 15px;	
	padding-right: 35px;	
}

#page-content #inside-page-content #inside-page-content-right ul{
	padding-left: 15px;	
	padding-right: 10px;	
}

#page-content #inside-page-content #inside-page-content-right ul.col-1 {
	float:left;
	width: 120px;
	padding-left: 15px;	
	padding-right: 10px;	
}

#page-content #inside-page-content #inside-page-content-right ul li {
	list-style-image: url(../images/green-bullet.gif);
	margin-left: 20px;
	text-transform:capitalize;
}

#page-content #inside-page-content #inside-page-content-right ul.col-2 {
	float:left;
	width:100px;
	padding-left:0;
}

#page-content #inside-page-content #page-content-nav {
	float: right;
	width: 380px;
	height: 38px;
}

#page-content #inside-page-content #page-content-nav p {
	padding-left: 15px;
	color:#89984c;
	text-transform:uppercase;
	font-size:10px;
	font-weight:bold;
	padding-top:0;
	margin-top:0;
}

#page-content #inside-page-content #page-content-nav hr {
	width: 356px;
	margin-left:15px;
	margin-top:0;
	margin-bottom:0;
	color:#CDCDCD;
}

#page-content #inside-page-content #page-content-nav p a {
	color:#89984c;
	text-transform:uppercase;
	font-size:9px;
	font-weight:bold;
	padding-right: 3px;
	margin-top:0;

}

#page-content #inside-page-content #page-content-nav p a.current {
	color: #95444F;
}

.current {
	color:#95444F;
}


#page-content #inside-page-content #page-content-nav ul.work-sub-nav {
	float:left;
	width: 370px;
	color:#666666;
	font-weight:bold;
	margin-top:0;
	margin-bottom:0;
	padding-left: 15px;
}

#page-content #inside-page-content #page-content-nav ul.work-sub-nav li {
	float:left;
}


#page-content #inside-page-content #page-content-nav ul.work-sub-nav li a {
	display:block;
	padding-top:3px;
	padding-right:5px;
	font-size:9px;
	color:#666666;
	font-style:italic;
	font-weight:bold;
}

#page-content #inside-page-content #page-content-nav .work-sub-nav a.current {
	color:#95444F;
}

#page-content #inside-page-content .website-links {
	color:#95444F;
}


#trends-container

{	position:relative;
	width:821px;
	background-repeat:repeat-y;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 20px;
}

	
#trends-container p 

{	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px; 
	line-height:20px;
	color:#5b5b5b;  }

#trends

{
	position:absolute;
	top:33px;
	left:595px;
	background-image:url(../images/trends-bg.png);
	background-repeat:no-repeat;
	width:295px;
	height:63px;
	display:block;
}


#trends ul 

{	width:265px;
	margin:5px 0 0 30px; }

#trends ul li 
{	float: left;
	height:36px; 
	margin: 0px; 
	padding: 0;
	display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/}



/*
---------------- 8. footer  
-------------------------------------------------------- */

#footer 

{
	float:left;
	background-image:url(../images/foot-bg_2.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	width:920px;
	height: 110px;
	color:#bfbfbf;
	font-size:10px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left:0;
	
}

html>body #footer {
	margin-left: 5px;
}
		
address 

{ 	color:#777777; 
	font-size:10px;
	padding-left:50px;
	padding-top:10px;  }	
	
#social-media 

{ 	float:right;
	margin:0 54px 0 0;
	}

#social-media-2

{
	width:741px;
	position:relative;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 120px;
	padding-bottom: 10px;
	padding-left: 0;
}

#social-media-2 #trends

{	position:absolute; 
	top:-4px; 
	left:590px; 
	background-image:url(../images/trends-bg.png);
	background-repeat:no-repeat; 
	width:295px; 
	height:63px;
	display:block; ;}

.red-caps {
	color:#95444F;
	text-transform:uppercase;
	font-weight:bold;
	
}

.green-caps {
	color:#89984c;
	text-transform:uppercase;
	font-weight:bold;
	font-size:10px;
}