@charset "utf-8";
/* CSS Document */
/*  
Site Name: black-cardinal.com
Description: A site for a digital media studio
Version: 1.2
Author: Tia L. Bradford


*/

/*  =COLORS
---------------------------------------------------
	Body Background: Kanji Image
	Main Text: white
	Links: white
*/


/*  =RESET
---------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	padding: 0;
	margin: 0;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
fieldset,img { 
	border: 0;
	}
ol,ul {
	list-style: none;
	}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 100%;
	}
	
/*  =HTML ELEMENTS
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

body {
	font-family: ;
	font-size: 100%;
	background: ;
	color: #;
	margin: 0px;
	padding: 0px;
	background-color: #333333;
	background-image: url(../images/BG-pattern.jpg);
}
p {
	padding-top: 10px;
	padding-bottom: 10px;
}


h2 {
	color: #;
	font-size: ;
	font-family: "Century Gothic", Arial, "Trebuchet MS", sans-serif;
	font-size: 20px;
	color: #990000;
}

h3 {
	color: #;
	font-size: ;
	font-size: 1.5em;
	color: #FFF;
}



/*  =LINK ELEMENTS
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
a:link {
	color: #;
	color: #FFF;
	text-decoration: none;
}

a:visited {
	color: #;
	color: #CCC;
	text-decoration: none;
}

a:hover, a:active {
	color: #;
	text-decoration: underline;
	color: #FC9;
}

#inTouch a:link {
	color: #7B3030;
}
#inTouch a:visited {
	color: #999;
}

#inTouch a:hover {
	color: #FC6;
	text-align: center;
	text-decoration: underline;
}

#webText .center a:link {
	color: #630;
}
#webText .center a:visited {
	color: #666;
}
#webText .center a:hover {
	color: #FC6;
	text-decoration: underline;
}
#radio a:link {
	color: #7B3030;
}
#radio a:hover {
	color: #7B3030;
	text-align: center;
	text-decoration: underline;
}
/*  =DIV ELEMENTS
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#wrapper {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

/*  =HEADER
-------------------------------------------------------------- */
#header {
	height: 401px;
	background: url(../images/headerBG.png) repeat-x;
	padding-top: 35px;
}
#menu {
	height: 45px;
	width: 836px;
	margin-right: auto;
	margin-left: auto;
	background: url(../images/menuMid.png) repeat-x;
}

#headerContent {
	height: 327px;
	margin-right: auto;
	margin-left: auto;
	width: 832px;
	/* [disabled]background: url(../images/headerContent.png) repeat-x top; */
	position: relative;
}
#navigation {
	font-family: "Century Gothic", Arial, "Trebuchet MS", sans-serif;
	font-weight: normal;
	color: #FFF;
	font-size: 1.4em;
	padding-top: 8px;
	padding-left: 60px;
}
#navigation li {
	display: inline;
	padding-right: 10px;
	padding-left: 10px;
}


#headerWaterdrop {
	background: url(../images/waterdrop.png) no-repeat center -15px;
	height: 221px;
	width: 800px;
}
/*  =CONTENT
-------------------------------------------------------------- */
#pond {
	height: 312px;
	font-family: "Century Gothic", Arial, "Trebuchet MS", sans-serif;
	color: #FFF;
	background-image: url(../images/pond.jpg);
	background-repeat: no-repeat;
}
#testimonial {
	width: 260px;
	float: left;
	padding-right: 20px;
	padding-left: 40px;
	padding-top: 30px;
	font-weight: bold;
}
#testimonial #caption {
	margin-top: -15px;
	font-style: italic;
}

#servicesList {
	width: 245px;
	float: left;
	padding-top: 30px;
	padding-right: 20px;
	padding-left: 20px;
}
.accolades {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	color: #FC9;
}

#servicesHP {
	margin-top: 15px;
}
#servicesHP li {
	list-style: url(../images/listImage.png) none inside;
	line-height: 2em;
	padding-left: 50px;
	font-weight: bold;
}
#whoWeAre {
	width: 280px;
	float: left;
	padding-top: 30px;
	padding-right: 20px;
	padding-left: 20px;
	font-weight: bold;
}


#services_heading {
	background: url(../images/services_text.png) no-repeat 40px;
	height: 23px;
	padding-top: 30px;
	text-indent: -9999px;
}
#servicesArea {
	overflow: auto;
}

#servicesContent {
	background-image: url(../images/kanji_bg.jpg);
	background-repeat: repeat;
}
#servicesMenu {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}

#aboutUs {
	background: url(../images/kanjiBG.png) no-repeat;
	overflow: auto;
}

#about_heading {
	background: url(../images/about_heading.png) no-repeat 40px;
	height: 23px;
	padding-top: 30px;
	text-indent: -9999px;
}

#aboutArea {
	font-family: "Century Gothic", Arial, "Trebuchet MS", sans-serif;
	color: #333;
}
#aboutTextCol1 {
	width: 311px;
	padding-left: 20px;
	float: left;
	margin-top: 20px;
}

#aboutTextCol2 {
	background: #FFFCF1 url(../images/bamboo.png) no-repeat 400px 80px;
	width: 520px;
	float: left;
	padding-left: 50px;
	margin-top: 20px;
	margin-left: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
}
#aboutTextCol2 p {
	width: 300px;
	font-size: .90em;
}

#inTouch {
	background: #FFFCF1;
	width: 271px;
	font-size: .90em;
	margin-top: 30px;
	padding: 20px;
}


#divider {
	height: 20px;
	background: url(../images/divider.png) repeat-x;
}

#headerContent #logo {
	margin-top: 30px;
	position: absolute;
	left: -65px;
	z-index: 2;
}
#headerContent #black_cardinal {
	position: absolute;
	left: 498px;
	top: 63px;
	z-index: 1;
}
#headerContent #headerWaterdrop {
	position: absolute;
	left: 54px;
	top: 197px;
}

#photoText {
	background: #FFFcF1;
	font-size:0.9em;
	font-family: "Century Gothic", Arial, "Trebuchet MS", sans-serif;
	color: #333;
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	overflow: auto;
	padding-right: 20px;
	padding-left: 20px;
}
#bbb {
	margin-top: 10px;
	padding-left: 75px;
}

#thumbnails p {
	color: #FFF;
	text-align: center;
	margin-bottom: 15px;
}

#photo_gallery {
	margin-left: 25px;
	font-family: "Century Gothic", Arial, sans-serif;
	overflow: hidden;
}

#photoText h2 {
	padding-top: 10px;
	padding-bottom: 10px;
}

#photoTextCol1 {
	float: left;
	width: 370px;
}
#photoTextCol2 {
	float: right;
	width: 370px;
}
#webText {
	background: #FFFcF1;
	padding: 20px;
	width: 240px;
	float: right;
	margin-top: 50px;
}


#station {
	width: 320px;
	float: left;
	margin-top: 50px;
}

#djText {
	background: #FFFcF1;
	padding: 20px;
	width: 375px;
	float: left;
	margin-left: 30px;
	margin-top: 50px;
}
.content #djLeo {
	float: left;
	margin-left: 15px;
}
.content #radio {
	display: block;
	float: left;
	background: #FFFCF1;
	margin-top: 40px;
	margin-left: 15px;
	padding: 20px;
	width: 260px;
}

#djTextCol1 {
	width: 380px;
	float: left;
}
#filmSlideshow {
	float: left;
	margin-top: 50px;
	height: 500px;
	background: url(../images/garden_lantern.png) no-repeat 135px 300px;
}
#filmText {
	float: left;
	margin-top: 50px;
	margin-left: 15px;
}



#motionText {
	background: #FFFCF1;
	padding: 20px;
	margin-top: 50px;
	width: 380px;
	float: left;
	margin-left: 15px;
}
#can {
	margin-top: 50px;
	padding-left: 20px;
	float: left;
}
#filmText {
	background: #FFFCF1;
	padding: 20px;
	margin-top: 50px;
	width: 340px;
	float: left;
}
#contactUs {
	overflow: auto;
	background-image: url(../images/kanji_bg.jpg);
	background-repeat: repeat;
}

#contact_heading {
	background: url(../images/contact_heading.png) no-repeat 40px;
	height: 23px;
	padding-top: 30px;
	text-indent: -9999px;
}
#contactArea {
	background: url(../images/servicesBG_area.png) repeat-y;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	overflow: auto;
	margin-top: 20px;
}

#form {
	width: 400px;
	padding: 50px 20px 20px;
	float: left;
}
#contactText {
	padding: 55px 30px 20px 20px;
	float: left;
	width: 310px;
	color: #FFF;
	font-family: "Century Gothic", Arial, "Trebuchet MS", sans-serif;
	background: url(../images/kanji_east.png) no-repeat center 550px;
	height: 700px;
}
#contactFollow {
	color: #FFF;
	margin-bottom: 15px;
}

#privacyArea {
	background-image: url(../images/kanji_bg.jpg);
	background-repeat: repeat;
}

#privacy_heading {
	background: url(../images/privacy_heading.png) no-repeat 40px;
	height: 23px;
	padding-top: 30px;
	text-indent: -9999px;
}
#privacyText {
	width: 880px;
	padding: 20px 40px 40px;
}

#privacyText p {
	font-family: "Century Gothic", Arial, "Trebuchet MS", sans-serif;
	font-size: .90em;
	color: #FFF;
}
#privacyText ul {
	font-family: "Century Gothic", Arial, "Trebuchet MS", sans-serif;
	color: #FFF;
	font-size: 0.9em;
	text-indent: 40px;
}
#privacyText ul li {
	list-style: disc inside;
}



#termsArea {
	background-image: url(../images/kanji_bg.jpg);
	background-repeat: repeat;
}
#terms_heading {
	background: url(../images/terms_heading.png) no-repeat 40px;
	height: 23px;
	padding-top: 30px;
	text-indent: -9999px;
}

#termsText {
	font-family: "Century Gothic", Arial, "Trebuchet MS", sans-serif;
	font-size: 0.9em;
	background: url(../images/kanjiBG.png) no-repeat;
	padding: 40px;
	width: 880px;
	color: #FFF;
}


/*  =FOOTER
-------------------------------------------------------------- */

#footer {
	clear: both;
	font-family: "Century Gothic", Arial, "Trebuchet MS", sans-serif;
	color: #CCC;
	font-size: 0.7em;
	text-align: center;
	padding-top: 55px;
	padding-bottom: 20px;
}

/*  =CLASS STYLES
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.alignleft {float: left;}
.alignright {float: right;}
.clear {clear: both;}
.italic {
	font-style: italic;
	font-weight: bold;
}


.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}

.small {font-size: 0.8em;}
.hidden {display: none;}
.headings {
	color: #FFF;
	text-decoration: underline;
}
.privacyText {
	font-family: "Century Gothic", Arial, "Trebuchet MS", sans-serif;
	color: #FFF;
	font-weight: bold;
	font-size: 1em;
}
.shadow {
	-moz-box-shadow: 3px 3px 6px #000;
	-webkit-box-shadow: 3px 3px 6px #000;
	box-shadow: 3px 3px 6px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";

	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}
.round-bottom {
-webkit-border-bottom-right-radius: 010px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 010px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 010px;
border-bottom-left-radius: 10px;
}
.round-top {
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
#photoTextCol2 p .pdflink {
	color: #333;
}
#photoTextCol2 p .pdflink a:hover {
	color: #990000;
}




.round {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

/*  =OTHER ELEMENTS
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ *