/*
	Name: Cinematic Boutique
	Date: February 2009
	Description: Global Style Sheet
	Version: 1.0
	Coder: Enrique Ramirez
	Coder URI: http://enrique-ramirez.com
*/

/* Imports
===============================================*/
@import url("reset.css");
@import url("global-forms.css");

/* Fonts
===============================================*/
@font-face {
	font-family: 'Hoefler';
	src: url('../fonts/Hoefler_Text.eot');
	src: local('Hoefler Text Italic'), local('HoeflerText-Italic'), url('../fonts/Hoefler_Text.woff') format('woff'), url('../fonts/Hoefler_Text.ttf') format('truetype'), url('../fonts/Hoefler_Text.svg#HoeflerText-Italic') format('svg');
}

/* Global Styles
===============================================*/
body {
	background: #fff url('../images/bg.png') repeat-x top;
	color: #000014;
	font-size: 75%; /* Base font size: 12px */
	font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
	line-height: 1.5;
	margin: 0;
	padding: 0;
	text-align: left;
}

/* Headers
-----------------------------------------------*/
h2 {font-size: 1.667em}	/* 20px */
h3 {font-size: 1.5em}	/* 18px */
h4 {font-size: 1.333em}	/* 16px */
h5 {font-size: 1.167em}	/* 14px */
h6 {font-size: 1em}		/* 12px */

h2, h3, h4, h5, h6 {font-weight: normal; line-height: 1.1; margin-bottom: .8em;}
	
/* Links
-----------------------------------------------*/
a {outline: 0;}
a img {border: 0px; text-decoration: none;}
a:link, a:visited {color: #00649B; text-decoration: none;}
a:hover, a:active {text-decoration: underline;}

.toggler {cursor: pointer;}
	
/* Paragraphs
-----------------------------------------------*/
p {margin-bottom: 1.5em;}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

/* Lists
-----------------------------------------------*/
ul {
	list-style: outside disc;
	margin: 1em 0 1.5em 1.5em;
}

ol {
	list-style: outside decimal;
	margin: 1em 0 1.5em 1.5em;
}

dl {
	margin: 0 0 1.5em 0;
}
dt {font-weight: bold;}
dd {margin-left: 1.5em;}

/* Quotes
-----------------------------------------------*/
blockquote {font-style: italic;}
cite {}

q {}

/* Tables
-----------------------------------------------*/
table {margin: .5em auto 1.5em auto; width: 98%;}
	
	/* Thead */
	thead th {padding: .5em .4em; text-align: left;}
	thead td {}

	/* Tbody */
	tbody td {padding: .5em .4em;}
	tbody th {}
	
	tbody .alt td {}
	tbody .alt th {}
	
	/* Tfoot */
	tfoot th {}
	tfoot td {}

/* Layout
===============================================*/
.contents {margin: 0 auto; width: 940px;}
.contents:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

/* Header
-----------------------------------------------*/
#header {
	border-top: 3px solid #000000;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 0.833em;
}

#header .contents {width: 950px;}

	/* Logo */
	#logo {
		height: 72px;
		margin: 0;
		overflow: hidden;
	}
	
	#logo img {display: block; margin: 12px 0 0 0;}
	
	/* Menu */
	#header .nav {
		float: right;
		list-style: none;
		line-height: 1.1;
		margin: 0;
	}
	
	#header .nav li {
		background: url('../images/bg-nav.png') repeat-y left top;
		float: left;
	}
	
	#header .nav li a:link, #header .nav li a:visited {
		color: #333;
		display: block;
		float: left;
		font-weight: bold;
		min-width: 120px;
		padding: 13px 10px;
		width: auto !important;
		width: 120px;
	}
	
	#header .nav li a:hover, #header .nav li a:active {
		background: rgb(156,183,192);
		background: rgba(0,113,188,.25);
		text-decoration: none;
	}
	
	#header .nav li a strong {
		display: block;
		font-family: Hoefler, Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
		font-size: 2.4em;
		font-weight: normal;
	}

/* Body
-----------------------------------------------*/
#body {background: url('../images/bg-body.png') repeat-x 0 40px;}
#body.video {background: url('../images/bg-body2.png') repeat-x 0 40px;}

#body .contents {padding: 25px 0;}

/* Footer
-----------------------------------------------*/
#footer {
	background: #000008;
	color: #b3b3b3;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	padding: 10px 0 50px 0;
}

#footer h2 {
	border-bottom: 1px dotted #3B3B40;
	color: #fff;
	font-family: Hoefler, Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
	font-size: 2em;
	padding: 30px 0 10px 0;
}

#footer h2 img {margin: 0 0 0 10px; vertical-align: middle;}

#footer .primary {float: left; width: 545px;}
#footer .secondary {float: right; overflow: hidden; width: 345px;}

	/* Clients */
	#footer .clients {list-style: none; margin: 0; width: 390px;}
	
	#footer .clients li {
		float: left;
		height: 61px;
		margin: 0 6px 40px;
		overflow: hidden;
		text-align: center;
		width: 101px;
	}
	
	#footer .clients img {opacity: .5; filter: alpha(opacity = 50); vertical-align: middle;}
    #footer .clients a:hover img, #footer .clients a:active img {opacity: 1; filter: alpha(opacity = 100);}
	
/* Sections
===============================================*/
/* Big Video */
#big-video {
	background: url('../images/bg-big-video.png') no-repeat center top;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	height: 493px;
	margin: 0 0 25px 0;
	overflow: hidden;
}

#big-video .contents {
	background: url('../images/icons/loading.gif') no-repeat center center;
	height: 367px;
	padding: 0 0 0 7px;
	width: 900px;
}

#big-video h2 {
	color: #333;
	font-size: 1.8em;
	letter-spacing:-0.5px;
	height: 55px;
	/*line-height: 73px;*/
	margin: 0 auto;
	color: #9C8E83;
	width: 930px;
        margin-top: 20px;
	font-family: Hoefler, Mistral, "Lucida Handwriting Italic", serif, 'Palatino Linotype', Times, 'Times New Roman';
}

#big-video h2 strong{
	font-family:  Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 18px; font-weight: bold; padding: 0 10px 0 3px; letter-spacing:-1.5px; color: #333; line-height: 10px; text-transform: lowercase;
}




#big-video a:link, #big-video a:visited {
	display: block;
	height: 367px;
	margin: 0 0 5em 0;
	position: relative;
	width: 900px;
}

#big-video a .play {
	background: url('../images/icons/btn-play-big.png');
	display: none;
	height: 102px;
	left: 400px;
	position: absolute;
	text-indent: -9999em;
	top: 140px;
	width: 106px;
}
#big-video a:hover .play, #big-video a:active .play {display: block;}

#flash {
	height: 367px;
	width: 900px;
}

/* Videos List */
.vids-list {
	font-size: 1.1em;
	list-style: none;
	line-height: 1.3;
	margin: 0 0 1em 0;
	overflow: hidden;
	width: 106%;
}

.vids-list li {
	float: left;
	margin: 0 48px 20px 0;
	width: 150px;
}

.vids-list a {
	display: block;
	float: left;
	position: relative;
}

.vids-list img {
	background: #EAE6DD;
	border: 1px solid #998675;
	display: block;
	margin: 0 0 2px 0;
	padding: 3px;
}

.vids-list a strong {
	color: #000014;
	display: block;
	font-weight: normal;
	margin: 0 0 2px 0;
}


.vids-list a span {font-size: .8em;}


.vids-list a strong, .vids-list a span {padding: 1px;}

.vids-list a:hover, .vids-list a:active {text-decoration: none;}

.vids-list a:hover strong, .vids-list a:active strong,
.vids-list a:hover span, .vids-list a:active span {
	background: #000000;
	color: #fff;
}

.vids-list a .play {
	background: url('../images/icons/btn-play-small.png') no-repeat center center;
	display: none;
	font-size: 1.2em;
	height: 33px;
	left: 58px;
	padding: 1px 3px;
	position: absolute;
	text-indent: -9999em;
	top: 25px;
	width: 33px;
}
.vids-list a:hover span.play, .vids-list a:active span.play {
	background: url('../images/icons/btn-play-small.png') no-repeat center center;
	display: block;
}

div.tdRowDiv {
    float: left;           
    padding-bottom: 5px;
}

div.tdCellDiv
{
    float: left;
    text-align:left;
    font-weight:normal;      
    font-size:12px;
    padding-left:2px;
}

input.button {
    display: block;
    float: left;
    background: #000008;
    color: #FFFFFF;
    border: 1px solid #000;
    font-size: 11px;
    padding: 2px 5px;
    margin: 1px 0 0 0;
    width:auto;
    text-align: center;
    cursor: pointer;          
}

.smallFontNews {
font-size:11px;
font-weight:normal;
}

div.largeFontNews {
font-size:12px;
font-weight:bold;
}