/*
Title:      Template Master Styles
Author:     Loughlin McSweeney, loughlin@choicecutsonline.com
Updated:    ...
Notes:		...
*/

@import url(reset.css);

body 
{
	margin: 0px;
	padding: 0px;
	font-family: "MS Trebuchet", sans-serif;
	text-align: left;
	line-height: 1.5em;
	color: #FFF;
	background-color: #1D1D1D;

}

/* ---( common elements )------------------------------- */

p 
{
	margin: 0px;
	padding: 0px;

}


p img
{
	border: 0px;
}




h1, h2, h3, h4, h5, h6
{
	margin: 0px;
	padding: 0px;

}

i
{
	display:none;
}

.clearboth
{
	clear: both;
}

.head-space
{
	padding-bottom: 20px;
}

#nav-container.hp-nav
{
	background-image:none;
}

#call-to-action
{
	margin:0px 0px 30px 0px;
}


/* ---( nav )------------------------------- */

#nav-container
{
	height:105px;
	background:transparent url(../images/nav-container-bg.gif) repeat-x 0 0;
/*	margin-bottom:10px; */
}

#logo
{
	margin-top:30px;
}

#nav
{
	height:70px;
	margin-top:5px;
	position:relative;
}

#sub-nav
{
	position:absolute;
	top:26px;
	right:3px;
}

#sub-nav p
{
	font-size:12px;
	font-weight:normal;
	line-height:14px;
	color:#555;
}

#sub-nav p a
{
	color:#95A2E6;
	text-decoration:none;
	font-size:11px;
}

#sub-nav p a:hover
{
	text-decoration:underline;
}

#nav ul
{
	float:right;
	height:17px;
	margin-top:52px;
	width:300px;
}

#nav ul li
{
	margin-left:15px;
	float:left;
	display:inline;
}

#nav ul li a
{
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	height:17px;
	display:block;

}

#nav ul li#home a
{
	background:url(../images/nav-bg.gif) no-repeat 0 0;
	width:35px;
}

#nav ul li#music a
{
	background:url(../images/nav-bg.gif) no-repeat -39px 0;
	width:39px;
}

#nav ul li#digital a
{
	background:url(../images/nav-bg.gif) no-repeat -84px 0;
	width:45px;
}

#nav ul li#design a
{
	background:url(../images/nav-bg.gif) no-repeat -132px 0;
	width:46px;
}

#nav ul li#services a
{
	background:url(../images/nav-bg.gif) no-repeat -181px 0;
	width:58px;
}

#nav ul li#aboutus a
{
	background:url(../images/nav-bg.gif) no-repeat -241px 0;
	width:61px;
}

#nav ul li#contact a
{
	background:url(../images/nav-bg.gif) no-repeat -307px 0;
	width:55px;
}

#nav ul li#clients a
{
	background:url(../images/nav-bg.gif) no-repeat -367px 0;
	width:77px;
}



#nav ul li#home a:hover
{

	background:url(../images/nav-bg.gif) no-repeat 0 -17px;
}

#nav ul li#music a:hover
{

	background:url(../images/nav-bg.gif) no-repeat -39px -17px;
}

#nav ul li#digital a:hover
{

	background:url(../images/nav-bg.gif) no-repeat -84px -17px;
}

#nav ul li#design a:hover
{

	background:url(../images/nav-bg.gif) no-repeat -132px -17px;
}

#nav ul li#services a:hover
{

	background:url(../images/nav-bg.gif) no-repeat -181px -17px;
}


#nav ul li#aboutus a:hover
{

	background:url(../images/nav-bg.gif) no-repeat -241px -17px;
}

#nav ul li#contact a:hover
{
	background:url(../images/nav-bg.gif) no-repeat -307px -17px;
}


#nav ul li#clients a:hover
{
	background:url(../images/nav-bg.gif) no-repeat -367px -17px;
}

#p-home #nav ul li#home a{background-position:0 -17px;}
#p-music #nav ul li#music a{background-position:-39px -17px;}
#p-digital #nav ul li#digital a{background-position:-84px -17px;}
#p-design #nav ul li#design a{background-position:-132px -17px;}
#p-services #nav ul li#services a{background-position:-181px -17px;}
#p-aboutus #nav ul li#aboutus a{background-position:-241px -17px;}
#p-contact #nav ul li#contact a{background-position:-307px -17px;}
#p-clients #nav ul li#clients a{background-position:-367px -17px;}



/* ---( Homepage )------------------------------- */


#homepage-latest-work-container
{
	
}

#homepage-latest-work-container h1
{
	line-height:18px;
	font-size:12px;
	color:#A6A6A6;
	text-transform: uppercase;
}

#homepage-latest-work
{
	padding:15px;
	margin-top:10px;
	background-color:#141414;
	height:590px;
}

#homepage-latest-work h2
{
	color:#E6E6E6;
	font-size:16px;
	line-height:16px;
	margin-top:15px;
}

#homepage-latest-work p
{
	color:#FFFFFF;
	font-size:12px;
	line-height:16px;
	margin-top:10px;
}

ul.project-category-tab
{
	bottom:15px;
	height:20px;
	left:15px;
	position:absolute;
}

ul.project-category-tab li
{
	display:inline;
	float:left;
	font-size:10px;
	font-weight:bold;
	margin-right:5px;
	text-transform:uppercase;
}

ul.project-category-tab li a
{
	background-color:#000;
	color:#818181;
	display:block;
	height:20px;
	line-height:20px;
	text-decoration:none;
	text-transform:uppercase;
	padding:0px 5px;
}

ul.project-category-tab li a:hover
{
	background-color: #333;
	color:#FFF;
}


ul.single-project-category-tabs
{
	height:20px;
	position:absolute;
	right:8px;
	top:11px;
}

ul.single-project-category-tabs li
{
	display:inline;
	float:left;
	font-size:10px;
	font-weight:bold;
	margin-right:5px;
	text-transform:uppercase;
}

ul.single-project-category-tabs li a
{
	background-color:#000;
	color:#818181;
	display:block;
	height:20px;
	line-height:20px;
	text-decoration:none;
	text-transform:uppercase;
	padding:0px 5px;
}

ul.single-project-category-tabs li a:hover
{
	background-color: #111;
	color:#FFF;
}


#homepage-stickies-container
{
	
}

#homepage-stickies-container h1
{
	line-height:18px;
	font-size:12px;
	color:#A6A6A6;
	text-transform:uppercase;
}



.sticky-project-stub
{
	background-color:#141414;
	margin-top:10px;
	padding:15px;
	margin-bottom:20px;
	height:270px;
	position:relative;
}

.sticky-project-stub h2
{
	color:#E6E6E6;
	font-size:15px;
	line-height:15px;
	margin-top:10px;
}

.sticky-project-stub p
{
	color:#FFFFFF;
	font-size:12px;
	line-height:15px;
	margin-top:5px;
}



.project-stub
{
	background-color:#141414;
	float:left;
	margin-bottom:20px;
	margin-right:20px;
	padding:15px;
	width:270px;
	min-height:268px;
	position:relative;
}

.last
{
	margin-right:0px;
}

.project-stub h1
{
	border-bottom:1px dotted #555555;
	font-family:Georgia,serif;
	font-size:14px;
	font-style:italic;
	font-weight:normal;
	letter-spacing:normal;
	line-height:16px;
	margin-bottom:8px;
	padding-bottom:8px;
}

.project-stub h2
{
	color:#E6E6E6;
	font-size:15px;
	line-height:15px;
	margin-top:10px;
}

.project-stub h4
{
	color:#E9E9E9;
	font-size:12px;
	font-weight:normal;
	line-height:14px;
}

.project-stub p
{
	color:#FFFFFF;
	font-size:12px;
	line-height:15px;
	margin-top:5px;
}

#footer
{
	background-color:#141414;
	color:#A6A6A6;
	font-size:11px;
	height:20px;
	line-height:20px;
	margin-bottom:20px;
	padding:20px;
	font-weight:normal;
}

#footer a
{
	color:#A6A6A6;
}

#footer h1
{
	float:left;
	color:#A6A6A6;
	font-weight:normal;
}

#footer h2
{
	float:right;
	color:#A6A6A6;
}

#footer img
{
	display:inline;
}


/* ---( Project Page )------------------------------- */


#project-content
{
	background-color:#141414;
	padding:12px;
	margin-bottom:20px;
	position:relative;
}

#project-content h1
{
	font-size:22px;
	font-weight:bold;
	line-height:22px;
}

#project-content h1 span.date
{
	font-size:14px;
	font-weight:bold;
	text-transform: uppercase;
}

#project-content h2
{
	padding-top: 24px;
	text-transform: uppercase;
}

#project-content h3
{
	letter-spacing: 1px;
	padding-top: 14px;
	text-transform: uppercase;
}


#project-content p
{
	font-size:12px;
	margin-bottom:15px;
	margin-top:15px;
	line-height:20px;
}

#project-content p a, #project-content h3 a , #project-content a 
{
	color:#95A2E6;
	text-decoration:none;
/*
	background-color:#111111;
	margin-left:5px;
	margin-right:5px;
	padding:1px 4px;
*/
}

#project-content p a:hover
{
	text-decoration:underline;
}

#project-content .title-image
{
	padding-top: 12px;
}

#project-content .article-author-stub
{
	float: left;
	margin: 10px 0px 15px 0px;
	padding: 10px;
}

#project-content .article-author-stub h3
{
	font-family:Georgia,serif;
	font-size:12px;
	font-style:italic;
	font-weight:normal;
	letter-spacing:normal;
	line-height:16px;
	margin-bottom:10px;
	text-transform: none;
}

#project-content blockquote p
{
	/*color: #ADB0CF;
	font-size: 16px;
	letter-spacing: 1px;
	padding: 0px 12px 8px;
	text-align: center;*/

	background:transparent url(../images/quote.gif) no-repeat scroll 0 0;
	color:#ADB0CF;
	font-family:Georgia,serif;
	font-size:18px;
	font-style:italic;
	font-weight:normal;
	letter-spacing:normal;
	line-height:21px;
	padding:14px 12px 8px;
}

#project-content pre
{
	color: #DF001E;
	font-size: 14px;
	letter-spacing: 1px;
	padding-bottom: 20px;
	padding-left: 14px;
}

#project-content a.external
{
	background:transparent url(../images/external.gif) no-repeat scroll 0 2px;
	border-bottom:1px dotted #FFFFFF;
	color:#95A2E6;
	margin-left:3px;
	margin-right:3px;
	padding-bottom:1px;
	padding-left:11px;
	text-decoration:none;
}

#project-content ol
{
	margin-left: 35px;
}

#project-content ol li
{
	font-size: 12px;
	list-style-type:lower-alpha
}

#project-content ul
{
	list-style-type: disc;
	margin-left: 25px;
}

#project-content ul li
{
	font-size:12px;
	margin-bottom:15px;
	margin-top:15px;
	padding-bottom: 5px;
	line-height:20px;
}

#project-content ul li a
{
	color: #818181;
}

#project-content ul.internal li a
{
	color: #95A2E6;
}

#project-content .screen-note
{
	margin-top: 0px;
	font-style: italic;
}

#project-content .screen-show
{
	padding-bottom: 10px;
	padding-right: 10px;
}

.project-meta-block
{
	border-top:10px solid #141414;
	padding-top:10px;
	margin-bottom:40px;
}

.project-meta-block a
{
	background:transparent url(../images/external.gif) no-repeat scroll 0 2px;
	border-bottom:1px dotted #FFFFFF;
	color:#95A2E6;
	margin-left:3px;
	margin-right:3px;
	padding-bottom:1px;
	padding-left:11px;
	text-decoration:none;
}

.project-meta-block h1
{
	color:#A6A6A6;
	font-size:12px;
	font-weight:bold;
	margin-bottom:10px;
	text-transform:uppercase;
}

.project-meta-block dl
{
	margin-bottom:20px;
	font-size:12px;
}

.project-meta-block dl dt
{
	font-weight:bold;
	line-height:14px;
}

.project-meta-block dl dd
{
	font-weight:normal;
	line-height:18px;
	margin-bottom:5px;
}

.project-meta-block dl dd span
{
	color:#555;
	font-size:10px;
	font-style:italic;
	line-height:10px;

}

.project-meta-block ul
{
	font-size:12px;
	margin-top:5px;
}

.project-meta-block ul li
{
	background:transparent url(../images/bullet.gif) no-repeat scroll 0 4px;
	line-height:16px;
	margin-bottom:10px;
	padding-left:15px;
}


/* ---( DEPARTMENT TEMPLATE - STRUCTURE AND PLACEMENT )------------------------------- */

.section-welcome
{
	background:transparent url(../images/department-welcome-bg.gif) repeat 0 0;
	margin-bottom:25px;
	margin-top:-10px;
	min-height:256px;
	position:relative;
}

.section-welcome.client-section
{
	min-height:155px;
}

.section-welcome.client-section p
{
	width:515px;
}

.contactus-section
{
	min-height:285px;
}


.section-welcome.about-section
{
	min-height:155px;
	padding-bottom:20px;
}

.section-welcome.about-section p
{
	width:610px;
}

.section-welcome img
{
	display:block;
	position:absolute;
	right:-4px;
	top:-40px;
}

.extended-project-stub
{
	background-color:#141414;
	margin-bottom:18px;
	min-height:215px;
	padding:10px;
}


.extended-project-stub-details
{
	margin-top:15px;
	width:680px;
	min-height:155px;
}

.extended-project-image
{
	float:left;
	width:270px;
	height:147px;
	margin-right:20px;
}

.extended-project-excerpt
{
	float:left;
	width:220px;
	margin-right:20px;
}

.extended-article-excerpt {
	float:left;
	width:390px;
}

.extended-project-services
{
	width:150px;
	float:left;
}

#latest-news
{
	margin-top:0px;
	margin-bottom:50px;
}

#latest-news img
{
	display:block;
	margin: 0 auto;
	margin-top:12px;
}

.article-stub
{
	margin-top:30px;
	background-color:#141414;
	padding:10px;
}

.article-stub img
{
	display:block;
	float:left;
	margin-left:1px;
	margin-right:8px;
	margin-top:4px;
}

/* ---( DEPARTMENT TEMPLATE - TYPOGRAPHY )------------------------------- */

.section-welcome h1
{
	font-family:Arial; /* explicitly set in case cufon requires it */
	font-size:32px;
	font-weight:bold;
	line-height:28px;
	padding-top:20px;
	padding-left:20px;
	width:480px;
	
}

.section-welcome p
{
	font-size:12px;
	line-height:14px;
	margin-left:22px;
	margin-top:12px;
	width:415px;
}

.section-welcome p a
{
	text-decoration:underline;
	color:#95A2E6;
}

.section-welcome h2
{
	font-size:12px;
	margin-left:22px;
	margin-top:20px;
	width:430px;
	background:transparent url(../images/more-services-button.gif) no-repeat 0 0;
	padding-left:20px;
	line-height:15px;
}

.section-welcome h2 a
{
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
}

.section-welcome h2 a:hover
{
	color:#FFF;
	text-decoration:underline;
}

.extended-project-stub h1
{
	border-bottom:1px dotted #555;
	font-family: Georgia, serif;
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 16px;
	padding-bottom:5px;
}

.extended-project-stub h3
{
	font-size:12px;
	margin-left:1px;
	margin-top:5px;
	width:430px;
	background:transparent url(../images/more-services-button.gif) no-repeat 0 0;
	padding-left:20px;
	line-height:15px;
}

.extended-project-stub h3 a
{
	color:#FFF;
	text-decoration:none;
	font-weight:normal;
}

.extended-project-stub h3 a:hover
{
	text-decoration:underline;
}


.extended-project-excerpt h2, .extended-article-excerpt h2
{
	font-size:12px;
	font-weight:bold;
	line-height:12px;
	margin-bottom:12px;
	min-height:24px;	
}

.extended-project-excerpt p, .extended-article-excerpt p
{
	font-size:12px;
	line-height:16px;	
}

.extended-article-excerpt p.meta-data
{
	font-family: georgia, serif;
	font-size: 12px;
	font-style: italic;
	padding-top: 30px;
}

.extended-project-services h2
{
	font-size:12px;
	font-weight:bold;
	line-height:12px;
	margin-bottom:12px;
	min-height:24px;
}

.extended-project-services ul
{
	margin-top:0px;
}

.extended-project-services ul li
{
	font-family: Georgia, serif;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 16px;
}

#latest-news h1
{
	border-bottom:1px solid #555;
	color:#C0C0C0;
	font-size:14px;
	font-weight:bold;
	line-height:16px;
	padding-bottom:8px;
	text-transform:uppercase;
}

#latest-news dl, #latest-news ul
{
	margin-top:10px;
	color:#E4E4E4;
}

#latest-news dl dt
{
	font-size:12px;
	font-weight:bold;
	margin-bottom:5px;
	
}

#download {
	border-top:10px solid #141414;
	margin-bottom:40px;
	padding-top:10px;
}

#download h1 {
	margin-bottom: 10px;
}

#latest-news dl dd, #download ul li 	
{
	border-bottom:1px dotted #555555;
	font-family:Georgia,serif;
	font-size:12px;
	font-style:italic;
	font-weight:normal;
	letter-spacing:normal;
	line-height:16px;
	margin-bottom:10px;
	padding-bottom:15px;
}

#latest-news dl dd a
{
	text-decoration:underline;
	color:#95A2E6;
	font-style:normal;
}

#download .down-button {
	background-color: #141414;
	margin-top: 35px;
	padding: 17px 10px;
	text-align: center;
}

#download .down-button a {
	color: #fff;
	font-weight: bold;
}

.article-stub h1
{
	border-bottom:1px dotted #555;
	font-family: Georgia, serif;
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 16px;
	padding-bottom:8px;
	margin-bottom:8px;
}

.article-stub h2
{
	color:#FFFFFF;
	float:left;
	font-size:12px;
	font-weight:bold;
	line-height:14px;
	width:110px;
}

.article-stub p
{
	clear:both;
	color:#E4E4E4;
	font-family:Georgia,serif;
	font-size:12px;
	font-style:italic;
	font-weight:normal;
	letter-spacing:normal;
	line-height:16px;
	padding-top:10px;
}

.article-stub p a
{
	color:#95A2E6;
	font-style:normal;
	font-family:Arial; /* explicitly set in case cufon requires it */	
	text-decoration:underline;
}

.department-services-list 
{
	background-color:#141414;
	float:left;
	margin-right:10px;
	min-height:420px;
	padding:12px;
	width:200px;
}

.department-services-list h1 
{
	border-bottom:1px dotted #555555;
	color:#C0C0C0;
	font-size:14px;
	font-weight:bold;
	line-height:16px;
	padding-bottom:8px;
}

.department-services-list p 
{
	color:#E4E4E4;
	font-size:12px;
	font-weight:normal;
	letter-spacing:normal;
	line-height:16px;
	margin-top:15px;
	min-height:100px;
}

.department-services-list ul 
{
	margin-top:20px;
}

.department-services-list ul li 
{
	color:#E4E4E4;
	font-family:Georgia,serif;
	font-size:12px;
	font-style:italic;
	font-weight:normal;
	letter-spacing:normal;
	line-height:20px;
}

.design-service
{
	margin-right:0;
}

#office-map
{
	margin-bottom:20px;
}

.client-logos
{
	width:700px;
}

.client-logos h1
{
	border-bottom:1px dotted #555555;
	font-family:Georgia,serif;
	font-size:14px;
	font-style:italic;
	font-weight:normal;
	letter-spacing:normal;
	line-height:16px;
	margin-bottom:12px;
	padding-bottom:8px;
}

.testimonials
{
	margin: 20px 0px;
}

.testimonials h1 
{
	border-bottom:1px dotted #555555;
	font-family:Georgia,serif;
	font-size:14px;
	font-style:italic;
	font-weight:normal;
	letter-spacing:normal;
	line-height:16px;
	margin-bottom:12px;
	padding-bottom:8px;
}

.testimonial-content
{
	margin-left:290px;
}

.testimonial-content h2 
{
	color:#E9E9E9;
	font-family:Georgia,serif;
	font-size:14px;
	font-style:italic;
	font-weight:normal;
	letter-spacing:normal;
	line-height:18px;
	margin-bottom:20px;
}

.testimonial-content h3 
{
	color:#E9E9E9;
	font-size:14px;
	font-weight:bold;
	line-height:18px;
	margin-top:6px;
}

.testimonial-content p 
{
	color:#E9E9E9;
	font-size:12px;
	font-weight:normal;
	line-height:14px;
}

.testimonial-logo
{
	float: left;
	margin-right: 20px;
}

.sidebar
{
	margin-bottom: 20px;
}

#twitter-feed
{
	width:410px;
	min-height:29px;
	background:#1D1D1D url(../images/twitter.gif) no-repeat 7px 7px;
	margin-left:21px;
	margin-top:15px;
	padding-bottom:10px;
	position:relative;
}

#twitter-feed a#twitter-link
{

	position:absolute;
	top:6px;
	left:5px;
	width:74px;
	height:23px;
	display:block;
}

#twitter-feed p
{
	font-style:italic;
	font-weight:bold;
	margin:0;
	padding:12px 0px 0px 88px;
	width:310px;
}

#twitter-feed p a
{
	font-style:normal;
}

#choicecuts_banner {
	margin-bottom: 18px;
}