/* cocotelevision.ie stylesheet by bristlebird media works */
/* @override http://localhost/~adam/cocotelevision.ie/site/css/styles.css */
/* @override http://localhost/~adam/cocotelevision.ie/new/css/styles.css */

/* @group standard */body, table {
	font: 11px/170% "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	margin: 0px;
	list-style: none;
	background: repeat-x url(../images/style/bg2.gif) #211D19;
	color: #ECEBEB;
	text-align: center;
}

/* @end */

/* @group autoclearing */

.autoclear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.autoclear { display: inline-block; }

/* Hides from IE-mac \*/
* html .autoclear { height: 1% }
.autoclear { display: block }
/* End hide from IE-mac */

/* @end */

/* @group wrappers */

.page {
	background:  url(../images/style/page_frame.jpg) repeat-y;
	margin: 0 auto;
	width: 900px;
	text-align: left;
}

.content {
	background:  url(../images/style/page_frame.jpg) no-repeat 0px 0px;
	padding: 20px 30px 0;
}

/* @end */

/* @group main */

#main  {
	float: left;
	width: 590px;
	text-align: right;
}

h2, h3 {
	font-size: 1.0em;
	border-top: 1px solid #474B4B;
	color: #ca3d26;
	text-transform: uppercase;
	position: relative;
	display: block;
	font: normal normal 1.2em Arial, Helvetica, Geneva, sans-serif;
	padding-top: 5px;
	padding-bottom: 10px;
	margin: 0;
}

h2 {
	text-transform: uppercase;
	border-bottom: 1px solid #474B4B;
	margin-bottom: 10px;
	padding-bottom: 3px;
	border-top: none;
	padding-top: 0;
	font: 2em "Courier New", Courier, mono;
}
#main h2 {
	text-align: left;
	padding-left: 15px;
}
h4, h5 {
	text-transform: uppercase;
	font-weight: normal;
	color: #A8C6C6;
	margin: 0;
	padding: 0;
	display: inline;
	font-size: 2em;
	line-height: 1.2em;
	letter-spacing: -1px;
}

p, ul, ol {
	color: #ECEBEB;
	margin: 0 10px;
}

ul {
	list-style-type: circle;
	padding-left: 20px;
}

ol { padding-left: 30px; }

a {
	color: #ca3d26;
	text-decoration: none;
}
h4 a, h4 a:visited { color: #A8C6C6; }
a img {	border: none; }
a:visited {	color: #ca3d26; }
h4 a:hover { color: #73abc5;
	text-decoration: underline;
}
a:hover { color: #4564ca; }

form { margin: 0px 0px 0px 0px; }

.box_main_home, .featured_mid { padding-bottom: 44px; }
/* Hides from IE-mac \*/
* html .box_main_home { height: 199px }
.box_main_home { 
	padding-bottom: 12px;
	height: 199px; 
}
/* End hide from IE-mac */

.box_main_home p, .featured_mid p {
	padding: 0;
	margin: 5px 0 5px 15px;
	line-height: 1.3em;
}
.box_main_home p {
	font-size: 0.9em;	
}
.featured_mid span {
	text-transform: uppercase;
	font-weight: bold;
	color: #A8C6C6;
	text-decoration: underline;
}

html>body .prod_box { /*Non IE rule*/ }

.prod_box {	clear: both; }
.prod_box p { margin-bottom: 5px;
	text-align: right;
}
.prod_box a img, .prod_box img { 
	border: 1px solid silver;
	margin-left: 10px;
	margin-bottom: 10px;
	float: right;
}
.prod_box a:hover img{ border: 1px solid white; }

#main img.photo {
	margin-left: 10px;
	float: right;
	margin-bottom: 10px;
}

.featured_mid img.right, .right {
	float: right;
	margin-left: 10px;
	margin-top: 3px;
	margin-bottom: 5px;
}
.featured_mid img.width_180 {
	width: 180px;
}

.featured_mid img.left {
	float: left;
	margin-left: 0;
}

.featured_mid img.no_float {
	float: none;
	margin-left: 0;
}

#main form p {
	padding-bottom: 5px;
}

#main form p input.txt, #main form table input.txt, textarea {
	color: #333333;
	border: 1px inset #8b8077;
	font-size: 1.0em;
	background-color: #c5e7e8;
	width: 70%;
	padding-left: 2px;
}
#main form p input.txt {
	height: 14px;
	margin-left: 5px;
}

#main form p textarea {
	height: 120px;
}

#main form input.image {
	margin-left: 20%;
	padding-left: 10px;
}
form.talent_app {
	text-align: left;
}
#main form.talent_app p input.txt, textarea {
	width: 100%;
}
.blip {
	border: 1px solid #474B4B;
	margin-bottom: 10px;
	background-color: black;
}
.prod_detail img {
	border: 1px solid #474B4B;
}
/* @end */

/* @group menus */

h1 {
	background:  url(../images/style/top.jpg) no-repeat 0 0;
	width: 900px;
	height: 130px;
	margin: 0 auto;
	padding: 0;
	font-size: 10px;
	text-indent: -1000em;
	/*\*/overflow: hidden;/**/
	display: block;
}

#nav, #bnav {
	display: block;
	width: 900px;
	margin: 0 auto;
	padding-top: 12px;
	padding-right: 0;
	padding-bottom: 0;
	line-height: 1em;
	font-size: 1.1em;
}

.home, .productions, .contact, .about, .people, .talent, .shop_title, .clients {
	width: 900px;
	margin: 0 auto;
}

.home {
	background: #0D0D0D url(../images/style/nav_home.jpg) no-repeat;
}

.productions {
	background: #0D0D0D url(../images/style/nav_productions.jpg) no-repeat;
}

.contact {
	background: #0D0D0D url(../images/style/nav_contact.jpg) no-repeat;
}

.about {
	background: #0D0D0D url(../images/style/nav_about.jpg) no-repeat;
}

.shop_title {
	background: #0D0D0D url(../images/style/nav_shop.jpg) no-repeat;
}
.people {
	background: #0D0D0D url(../images/style/nav_people.jpg) no-repeat;
}

.talent {
	background: #0D0D0D url(../images/style/nav_talent.jpg) no-repeat;
}

.clients {
	background: #0D0D0D url(../images/style/nav_clients.jpg) no-repeat;
}

#nav {
	height: 44px;
}

#nav *, #bnav * {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav ul {
	display: table;
	margin: 0 0 0 auto;
}

/* Hides from IE-mac \*/
* html #nav ul { 
	text-align: right;
}
#nav ul  { 
	text-align: right;
}
/* End hide from IE-mac */

#nav li, #bnav li {
	display: table-cell;
	padding: 0 1px 2px;
}

#nav span, #bnav span { float: left }
#nav a {
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: #333333 0px 1px 1px;
	padding: 10px 12px 8px;
	float: left;
	border: none;
	font-size: 0.9px;
}

#nav a {
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: #333333 0px 1px 1px;
	padding: 10px 12px 8px;
	float: left;
	border: none;
	font-size: 0.9em;
}

#nav a:hover, #bnav a:hover {
	color: #a5aeca;
}

#bnav {
	border-bottom: 1px solid #474B4B;
	background:  url(../images/style/page_frame.jpg) 0 100% repeat-y;
	padding-bottom: 5px;
}

#bnav a {
	color: #D2D2D2;
	padding-top: 5px;
	padding-right: 20px;
	padding-left: 20px;
	text-transform: lowercase;
	font-family: "Trebuchet MS", Verdana, Arial, Geneva, sans-serif;
	float: left;
	border: none;
}

#bnav ul {
	display: table;
	text-align: center;
	margin: 0 auto 0 30px;
}

.listsub {
	float: right;
	padding-right: 10px;
	line-height: 1.4em;
}

.listsub table {
	color: #644f39;
	text-transform: uppercase;
	letter-spacing: -0.5px;
	margin: 0;
	padding-top: 2px;
}
.listsub table {
	width: 300px;
}

/* @group ie hacks */

/* For IE mac & win */
* html #nav ul, * html #bnav ul {
	display: inline-table; 
} 
* html #nav li, * html #bnav li { display:  block; float: left; }


/* For IE win only \*/

* html #nav ul, * html #bnav ul { font-size: 0; padding-bottom: 9px; }
* html #nav li, * html #bnav li { display: inline; float: none; padding-right: 0; padding-bottom: 10px; }
* html #nav span { display: inline-block; float: none; }
* html #nav a, * html #bnav a { display: inline-block; float: none; font-size: 11px; }
/* End IE win */

/* @end */

/* @group ie 7 hacks */

*:first-child+html #nav * {
	float: none;
	display: inline-block;
}
*:first-child+html #nav ul, *:first-child+html #bnav ul { padding: 0 0 8px }
*:first-child+html #nav ul li, *:first-child+html #bnav ul li {
	display: inline;
	padding: 0 1px 8px;
	margin-bottom: -8px;
}

/* @end */

/* @group active tab */

#nav li.active {
	padding-bottom: 9px;
}

#nav li.active span {
	cursor: default;
}

#nav li.active a {
	text-shadow: #333333 0px 1px 1px;
	color: #878787;
	cursor: default;
}

/* @end */

/* @end */

/* @group side */

#right  {
	float: right;
	min-height: 400px;
	padding-top: 0;
	padding-left: 0;
	width: 240px;
}

#right p {
	font-size: 0.9em;
	line-height: 1.3em;
	padding-bottom: 10px;
	margin: 0;
	color: #999999;
}

#right p span, #right a span {
	color: #ECEBEB;
}
#right a:hover span {
	color: #999999;
}
#right ul {
	margin: 0;
	padding: 0 0 15px;
}
#right ul li {
	font-size: 0.9em;
	list-style-type: none;
	line-height: 1.6em;
}

#right img { 
	border: 1px solid silver;
}

#right ul.shop {
	margin-left: 10px;
	padding-left: 10px;
}
#right ul.shop li {
	list-style-image: url(../images/style/arrow.png);
}

#right form p {
	padding: 0;
	margin-bottom: 4px;
}

#right form p label, #main form p label {
	color: #ECEBEB;
	text-transform: uppercase;
	display: block;
	float: left;
	height: 12px;
	width: 65px;
	padding-top: 3px;
	padding-bottom: 3px;
}

#right form p input.txt {
	color: #333333;
	border: 1px inset #8b8077;
	font-size: 1.0em;
	background-color: #c5e7e8;
	width: 164px;
	margin-left: 5px;
	height: 14px;
	padding-left: 2px;
}
input.login_button {
	background-color: #dbdbd8;
	color: #666d7f;
	border: 1px solid #8b8077;
	padding: 3px;
	float: right;
	clear: both;
	margin-right: 2px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	text-transform: uppercase;
	font-size: 0.9em;
}

/* @end */

/* @group footer */

#footer {
	background:  url(../images/style/page_frame.jpg) no-repeat -900px 0;
	width: 900px;
	margin: 0 auto;
	padding-bottom: 40px;
	color: #d2d2d2;
	text-shadow: #3d3d3d 0px 1px 1px;
	text-align: center;
	font-size: 0.9em;
	padding-top: 10px;
}

#footer a:hover { color: #a5aeca; }

/* @end */

/* @group misc */

/*	HOLDING PAGE STYLES 	*/
#horizon        
	{
	background-color: transparent;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block;
	}

#content    
	{
	margin-left: -280px;
	position: absolute;
	top: -227px;
	left: 50%;
	width: 560px;
	height: 454px;
	visibility: visible;
	}

input.txt, select {
	color: #333333;
	border: 1px inset #8b8077;
	width: 120px;
	height: 19px;
	font-size: 1.0em;
	background-color: #f4f1e8;
}

input.radio { margin-left: 20px; }

.bold_text {
	font-weight: bold;
}

.centered { text-align: center }

.no_float {
	float: none;
}

.smaller {
	font-size: 0.9em;
}

.highlight {
	color: #eb4b20;
	font-weight: bold;
}

.title {
	color: #2f3457;
}

.clear {
	clear: both;
}
/* @end */

/* @group xtras */
.strong { font-weight: bold; }
.mn { margin: 0; }
.pn { padding: 0; }
.al { text-align: left; }
.ac { text-align: center; }
.ar { text-align: right; }
.cl { clear: left; }
.cr { clear: right; }
.cb { clear: both; }
.cn { clear: none; }
.fl { float: left; }
.fr { float: right; }
.fn { float: none; }
.bn { border: 0; border: none; }
.bln { border-left: none; }
.ir { float: right;	margin: 5px 0 5px 10px; }
.il { float: left; margin: 0 10px 5px 0;}
.il, .ir { border: 1px solid #777; }
.fsxl { font-size: 1.4em; }
.fsl { font-size: 1.1em; }
.fss { font-size: 0.9em; }
.fsxs { font-size: 0.85em; }

/* @end */
#main form p label {
	width: auto;
	float: right;
}

form.password_update {
	margin-top: 20px;
}

#main form.password_update input.txt {
	width: 160px;
}

#main form table {
	margin: 5px 5px 10px 0;
	width: 98%;
	background-color: #0d0d0d;
	background-image: none;
}

#main form h5 {
	font-size: 1.2em;
	text-transform: uppercase;
	padding: 5px 0 0;
	margin: 0;
	text-align: left;
	border-top: 1px solid gray;
	display: block;
}
#main form table td {
	text-align: right;
	height: 20px;
}

#main form table td.al {
	text-align: left;
	vertical-align: text-top;
	width: 350px;
}

#main form table td.label {
	text-transform: uppercase;
	font-size: 0.9em;
	text-align: right;
	padding-right: 5px;
	vertical-align: text-top;
}
#main form table td.midcol {
	width: 10px;
}
#main form table input.txt {
	width: 350px;
	height: 14px;
}
#main form table td.mid {
	padding: 0 3px 0 0;
	width: 100px;
}
#main form table td.halfmid {
	width: 125px;
}

#main form table input.halfwidth {
	width: 122px;
}
#main form table select.halfwidth {
	border: 1px inset silver;
	background-color: #c5e7e8;
	width: 124px;
}