/*
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: center;
	line-height: 1.5em;
	color: #000;
	background-color: #1E1E1E;
}

/* ---( 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;
}

/* ---( wrapper )------------------------------- */


#wrap 
{

	position: relative;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
	width: 1050px;
	height: 700px;
	background: #FFFFFF url(../images/boxbg.jpg) no-repeat;

}


#corner-pic
{
	position:absolute;
	bottom:1px;
	left:0px;
	width:250px;
	height:437px;
	/*display:none;*/
}

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

#navigation-container
{
	width:220px;
	float:left;

}

#nav-holder
{
	margin-top:30px;
	margin-left:30px;
}

#nav-holder ul
{
	margin:0px;
	padding:0px;
	line-height:20px;
	
}

#nav-holder ul li
{
	height:18px;
	width:220px;
	display:inline;

}


#nav-holder ul li a
{
	display:block;
	margin-bottom:3px;

}

#nav-holder ul li#we a
{
	background:url(../images/nav/we.png) no-repeat 0 0;
	width:34px;
	height:18px;
}

#nav-holder ul li#aboutus a
{
	background:url(../images/nav/aboutus.png) no-repeat 0 0;
	width:110px;
	height:18px;
	margin-left:10px;
}


#nav-holder ul li#work a
{
	background:url(../images/nav/work.png) no-repeat 0 0;
	width:68px;
	height:18px;
}

#nav-holder ul li#musicvideos a
{
	background:url(../images/nav/musicvideos.png) no-repeat 0 0;
	width:157px;
	height:18px;
	margin-left:10px;
}

#nav-holder ul li#commercials a
{
	background:url(../images/nav/commercials.png) no-repeat 0 0;
	width:161px;
	height:18px;
	margin-left:10px;
}

#nav-holder ul li#shorts a
{
	background:url(../images/nav/shorts.png) no-repeat 0 0;
	width:87px;
	height:18px;
	margin-left:10px;
}

#nav-holder ul li#like a
{
	background:url(../images/nav/like.png) no-repeat 0 0;
	width:50px;
	height:18px;
}

#nav-holder ul li#links a
{
	background:url(../images/nav/links.png) no-repeat 0 0;
	width:65px;
	height:18px;
	margin-left:10px;
}

#nav-holder ul li#tests a
{
	background:url(../images/nav/tests.png) no-repeat 0 0;
	width:68px;
	height:18px;
	margin-left:10px;
}

#nav-holder ul li#treatments a
{
	background:url(../images/nav/treatments.png) no-repeat 0 0;
	width:148px;
	height:18px;
	margin-left:10px;
}


#nav-holder ul li#messing a
{
	background:url(../images/nav/messing.png) no-repeat 0 0;
	width:99px;
	height:18px;
	margin-left:10px;
}


#nav-holder ul li#wayward a
{
	background:url(../images/nav/wayward.png) no-repeat 0 0;
	width:118px;
	height:18px;
}

#nav-holder ul li#flatthings a
{
	background:url(../images/nav/flatthings.png) no-repeat 0 0;
	width:143px;
	height:18px;
}

#nav-holder ul li#artwork a
{
	background:url(../images/nav/artwork.png) no-repeat 0 0;
	width:112px;
	height:18px;
	margin-left:10px;
}

#nav-holder ul li#udder a
{
	background:url(../images/nav/udder.png) no-repeat 0 0;
	width:75px;
	height:18px;
	margin-left:10px;
}


#wrap #nav-holder ul li a:hover{background-position:0% 100%;}

#p-we #nav-holder ul li#we a{background-position:0% 100%;}

#p-work #nav-holder ul li#work a{background-position:0% 100%;}
.p-musicvideos #nav-holder ul li#musicvideos a{background-position:0% 100%;}
.p-commercials #nav-holder ul li#commercials a{background-position:0% 100%;}
.p-shorts #nav-holder ul li#shorts a{background-position:0% 100%;}

#p-like #nav-holder ul li#like a{background-position:0% 100%;}

#p-wayward #nav-holder ul li#wayward a{background-position:0% 100%;}
.p-tests #nav-holder ul li#tests a{background-position:0% 100%;}
.p-messing #nav-holder ul li#messing a{background-position:0% 100%;}


#p-flatthings #nav-holder ul li#flatthings a{background-position:0% 100%;}
.p-artwork #nav-holder ul li#artwork a{background-position:0% 100%;}
.p-udder #nav-holder ul li#udder a{background-position:0% 100%;}



/* ---( client info )------------------------------- */

#client-info-holder
{
	margin-top:30px;
	margin-left:30px;
}

#client-info-holder ul
{
	margin:0px;
	padding:0px;
	line-height:15px;
	
}

#client-info-holder ul li
{
	color:#1E1E1E;
	font-family:Arial black,Arial;
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
	width:220px;
	line-height:14px;
}

#client-info-holder ul li#helloclient
{
	color:#D82F61;
}

#client-info-holder ul li a
{
	text-decoration:underline;
	color:#1E1E1E;
}


/* ---( client login form )------------------------------- */


#login-form-container
{
	position:absolute;
	top:260px;
	left:355px;
	width:300px;
}

#login-form-container table tr td
{
	font-family:Arial black,Arial;
	font-size:14px;
	font-weight:bold;
	color:#1E1E1E;
	height:40px;
}

#login-form-container table tr td span.error
{
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	color:#FF0;
	line-height:18px

}


#loginform .textbox
{
	background-color:#FFFFFF;
	border:1px solid #FFFFFF;
	color:#1E1E1E;
	font-size:22px;
	font-weight:bold;
	padding:2px 4px;
	width:200px;
}

#loginform .button
{
	background-color:#FFF;
	border:1px solid #FFF;
	color:#1E1E1E;
	font-weight:bold;
	padding:5px 3px;
	width:208px;
}


/* ---( asset containers )------------------------------- */

#content-container
{
	float:left;
	width:785px;
	margin-top:31px;
	margin-left:30px;
}

.asset-container
{
	width: 756px;
	padding-top:4px;
}

.row-one
{
	border-top:4px solid #1E1E1E;

}

.row-two
{
	border-top:4px solid #1E1E1E;
}

.row-three
{
	border-top:4px solid #1E1E1E;
}

.asset
{
	width: 186px;
	height:175px;
	font-family: Georgia,Times New Roman;
	color: #1E1E1E;
	float:left;
	margin-right:4px;
}

.last
{
	margin-right:0px;
}

.asset img
{
	display:inline;
	border:0px;
	margin-bottom:2px;
}

.asset h1
{
	margin-bottom:1px;
	font-weight:bold;
	line-height: 11px;
	font-size: 11px;
}

.asset h2
{
	font-weight:normal;
	font-style:italic;
	line-height: 11px;
	font-size: 11px;
	padding:0px;
	margin:0px;
}

#pagination
{
	width:760px;
	border-top:4px solid #1E1E1E;
}

#pagination h1
{
	font-family: Arial;
	color: #1E1E1E;
	font-weight:bold;
	width: 380px;
	float:left;
	display:block;
	height:16px;
	font-size:11px;
	line-height:16px;
}

#pagination h1 a
{
	color: #1E1E1E;
	text-decoration:none;
}

#pagination h1 a#current
{
	color: #FFF;
	text-decoration:none;
}

#pagination h1 a:hover
{
	color: #FFF;
}


#pagination h2
{
	font-family: Arial;
	color: #1E1E1E;
	font-weight:bold;
	width: 380px;
	float:left;
	text-align:right;
	display:block;
	font-size:11px;
	line-height:16px;
	height:16px;
}

#pagination h2 a
{
	color: #1E1E1E;
	text-decoration:none;
}

#pagination h2 a#current
{
	color: #FFF;
	text-decoration:none;
}

#pagination h2 a:hover
{
	color: #FFF;
}

/* ---( about container )------------------------------- */

#about-container
{
	height:550px;
	border-top:4px solid #1E1E1E;
	border-bottom:4px solid #1E1E1E;
	width:763px;
}

#about-info
{
	width:515px;
	float:left;
	margin-right:10px;
	padding-right:15px;

}

#about-info img
{
	margin-top:6px;
	margin-bottom:9px;
}

#about-info p
{
	color:#000000;
	font-family:Georgia,Times New Roman;
	font-size:13px;
	font-style:normal;
	line-height:18px;
	margin-bottom:15px;
}

#about-contact
{
	width:215px;
	float:left;
	margin-top:6px;
}

#about-contact p
{
	color:#000000;
	font-family:Georgia,Times New Roman;
	font-size:13px;
	font-style:normal;
	line-height:18px;
	margin-bottom:15px;
}


#about-contact p a
{
	color:#000;
	text-decoration:none;
}

#about-contact p a:hover
{
	color:#FFF;
	background-color:#1E1E1E;
	padding: 3px 3px;
}

#mailing-list-form
{
 margin-top:10px;
}

#mailing-list-form p
{
	margin:5px 0px 0px 0px;
	padding:0px;
}

#mailing-list-form p a
{
	color:#000;
}

.email-signup-textbox
{
	background-color:#FEE6F3;
	border:0px;
	color:#1E1E1E;
	padding:3px;
	width:150px;
}

#about-contact img
{
	margin-top:35px;
}



/* ---( news container )------------------------------- */

#news-container
{
	height:550px;
	border-top:4px solid #1E1E1E;
	border-bottom:4px solid #1E1E1E;
	padding-bottom:10px;
	width:763px;
}

#news-container h1
{
	color:#FEE6F2;
	font-size:27px;
	font-weight:bold;
	line-height:32px;
	margin-bottom:0px;
	margin-top:2px;
	text-transform:uppercase;
	width:600px;
}

#news-container h2
{
	font-family: Times New Roman;
	color: #1E1E1E;
	font-size:20px;
	font-weight:normal;
	line-height:26px;
	width:600px;
	height:300px;
	margin-top:3px;
	
	
}

#news-container img {
	margin-bottom:9px;
	margin-top:6px;
}


/* ---( view container )------------------------------- */

#view-container
{

	border-top:4px solid #1E1E1E;
	width:763px;
	padding-bottom:20px;
}

#video-container
{
	margin-top:6px;
	width:763px;
}


#mov-holder
{
	float:left;
	width:500px;
}

#further-info
{
	float:left;
	width:245px;
	margin-left:6px;
	line-height:13px;
}


#external-links
{
	margin-bottom:20px;
}


#external-links h1
{
	font-family: Georgia, Times New Roman;
	color: #FFF;
	font-weight:bold;
	font-size: 12px;
}

#external-links ul
{
	font-family: Georgia, Times New Roman;
	color: #1E1E1E;
	font-weight:bold;
	font-size: 12px;
}

#external-links ul li
{
	height:16px;
	line-height:16px;
}

#external-links ul li a
{
	text-decoration:none;
	color:#1E1E1E;
}

#external-links ul li a:hover
{
	color:#FFF;
}

#embed-info
{
	margin-bottom:20px;

}

#embed-info h1
{
	font-family: Georgia,Times New Roman;
	color: #8ADBFF;
	font-weight:bold;
	font-size: 12px;
	height:16px;
	margin-bottom:0px;
}

#embed_code
{
	border:1px solid #1E1E1E;
	background:transparent;
	width:235px;
	padding:3px;
}

#video-info
{
	border-top:4px solid #1E1E1E;
	margin-top:6px;
	padding-top:5px;
}

#video-info table
{
	font-family: Georgia, Times New Roman;
	color: #1E1E1E;
	font-size: 12px;
	width:250px;
}

#video-info table#info-table tr
{
	height:13px;
	line-height:13px;
}

#video-info table#info-table tr#title
{
	color: #BAE03F;
	font-weight:bold;
}

#video-blurb
{
	line-height:14px;
	width:240px;
}


/* ---( view container alt )------------------------------- */

#view-container-alt
{

	border-top:4px solid #1E1E1E;
	width:763px;
	height:500px;
	padding-bottom:11px;
}


/* ---( links container )------------------------------- */

#links-container
{
	border-top:4px solid #1E1E1E;
	width:763px;
	padding-bottom:15px;
}

.links-column
{
	width: 245px;
	float:left;
	margin-right:10px;
}

.no-right-margin
{
	margin-right:0px;	
}

.link-note
{
	border-bottom:3px solid #1E1E1E;
	padding-bottom:0px;
	margin-top:6px;
	height:70px;
	width:245px;
	float:left;
	margin-right:7px;
	color:#1E1E1E;

}

.link-note p a
{
	font-family: Georgia, Times New Roman;
	font-size:11px;
	line-height:13px;
	margin-bottom:4px;
	text-decoration:none;
	font-style:normal;
	color:#1E1E1E;
}

.color-one p a:hover
{
	color:#8ADBFF;
}

.color-two p a:hover
{
	color:#BAE03F;
}

.color-three p a:hover
{
	color:#FEE6F2;
}

.color-four p a:hover
{
	color:#FFFF3E;
}

/* ---( client area holder )------------------------------- */


#client-content-container
{
	height:550px;
	border-top:4px solid #1E1E1E;
	border-bottom:4px solid #1E1E1E;
	width:763px;
	padding-top:3px;
}


/* ---( we - content )------------------------------- */

#we-iframe #news-container h1
{
	height:auto;
}

#we-iframe
{
	background:transparent;
	margin:0;
	padding:0;
	text-align:left;
}

#we-iframe p
{
	color:#000000;
	font-family:Georgia,Times New Roman;
	font-size:13px;
	font-style:normal;
	line-height:26px;
	margin-bottom:15px;
	width:689px;
}

#we-iframe b
{
	color: #FFF;
	font-weight:bold;
}

#we-iframe i
{
	font-style:italic;
}

#we-iframe a
{
	color:#000000;
}

#reps-info
{
	margin-top:15px;
}

#reps-info h2
{
	color:#000000;
	font-family:Georgia,Times New Roman;
	font-size:13px;
	font-style:normal;
	line-height:18px;
	margin-bottom:5px;
}

#reps-info p
{
	font-size:12px;
	line-height:16px;
}

#reps-info p a
{
	text-decoration:underline;
}


#reps-info p a:hover
{
	text-decoration:underline;
	padding:0px;
	background-color:none;
}