@charset "utf-8";
/* CSS Document */
* html .s{font-size:0;}

/* HTML */
a{ color:#666666;text-decoration:underline; }
a:hover{ color:#333333; text-decoration:underline; }
a:visited{ color:#666666;text-decoration:underline; }
body{
	background-image:url(../i/images/bg-1.jpg);
	background-repeat:repeat-x;
	background-color: #DEDEDE;
	color:#666666;
	font-family:Helvetica,Verdana,Arial,sans-serif;
	margin:0;
	padding:0;
	text-align:center;
}

body,td,th,ol,ul,dl,dt,dd{font:normal normal normal 12px/1.44 Helvetica; }
dl{margin:0px 22px;padding:0px;}
dl dd{margin:0 0 2em 0;padding:0px;}
dl dt{font-size:13px;font-weight:bold;}
form{margin:0px;padding:0px; color: #666666;}
form fieldset{border:1px solid #C92F2F;color: #666666; }
form legend{font-size:13px;margin-bottom:12px;padding:0 8px; color: #666666;}

/* HEADINGS */
h1{margin:10;padding:10; font-size: 1em; }
h2{margin:10;padding:10; font-size: 1em; }
h3{margin:10;padding:10; font-size: 1em; }
h4{margin:10;padding:10; font-size: 1em; }
h5{margin:10;padding:10; font-size: 1em; }
h6{margin:10;padding:10; font-size: 1em; }



img{border:none 0px;}
li{margin:0;color:#2d87b6;padding:0;}
p{ color: #666666;}
pre{color:#0000CC;font-size:11px;}
table,td,th{border:none 0;padding:0;}
td{text-align:left;vertical-align:top;}
th{text-align:left;vertical-align:middle; font-weight: bold; background-color: #EFEFEF;}
ul{margin:1em 22px 1em 44px;padding:0;}

/* central wrapper */
.wrap{
	margin:0px auto;
	min-height:100%;
	padding:0px;
	text-align:left;
	width:1024px;
	/*background-color: fuchsia;*/
}



/* columns */

.left-col{float:left;width:325px; margin-top: 40px; }
.right-col-hp { float:right; width:619px; height: 950px; margin-top: 40px; padding:30px 20px 10px 60px; background-image:url(../i/images/hp-right-col-bg.jpg); background-repeat: no-repeat; }
.right-col-who { float:right; width:649px; /*height: 870px;*/ margin-top: 40px; padding:30px 20px 10px 30px; background-image:url(../i/images/our-work-right-col-bg.jpg); background-repeat: no-repeat; }
.right-col-work { float:right; width:649px; /*height: 1050px;*/ margin-top: 40px; padding:30px 20px 10px 30px; background-image:url(../i/images/right-col-bg-who-we-are.jpg); background-repeat: no-repeat; }
.right-col-what { float:right; width:629px; height: 750px; margin-top: 40px; padding:30px 30px 10px 40px; background-image:url(../i/images/right-col-bg-what-we-do.jpg); background-repeat: no-repeat; }
.right-col-contact { float:right; width:629px; height: 1130px; margin-top: 40px; padding:30px 30px 10px 40px; background-image:url(../i/images/right-col-bg-contact.jpg); background-repeat: no-repeat; }
.right-col-promo { float:right; width:629px; height: 725px; margin-top: 40px; padding:30px 30px 10px 40px; background-image:url(../i/images/right-col-bg-promo.jpg); background-repeat: no-repeat; }
.right-col-promo-hd { width: 300px; text-align: right; padding: 20px 0 0 0; float: left; color: #CCCCCC; background-color:#000000; }
.right-col-promo-interactive { width: 300px; text-align: left; padding: 20px 0 0 0; float: left; color:#CCCCCC; background-color: #000000; }

.debugBlock{
	clear: both;
	background-color: #DDDDDD;
	border: 1px solid #999999;
}

/* float clearer */
.s{clear:both;height:0;line-height:0;}


.superbig{font-size: 2.5em; font-weight:bold; color:#333333; line-height: 130%;}
.supersize-copy{font-size: 1.5em; font-weight:bold; color:#666666;  line-height: 130%; }
.supersize-copy-blue{font-size: 1.5em; font-weight:bold; color:#00AEE0;  line-height: 130%;}
.supersize-copy-non-bold{font-size: 1.5em; font-weight:normal; color:#666666;  line-height: 130%; }

h3 a,
h3 a:visited{
	text-decoration: none;
}

h3 a:hover{
	text-decoration: underline;
}

/* other misc */
.hp-quote {width:520px; height: 226px; background-image: url(../i/images/hp-quote-bg.png); background-repeat: no-repeat; margin:40px 10px 60px 40px; padding:0 20px 0 00; font-size: 1.3em; font-weight:lighter; }
.hp-showreels {width:538px; margin:40px 10px 40px 40px; padding:0; font-size: 1.5em; }
.whoweare-copy {width:550px; margin:20px 20px 40px 60px; padding:0; font-size: 11px; line-height:125%; }
#twitter_update_list { font-size:14px; padding-top: 12px; list-style-type: none
	}

/*main navigation*/
ul.nav, ul.nav li{ margin:0; padding:0; list-style-type: none; }

UL.nav { width: 325px; margin:0 0 0 0; padding:0; }

UL.nav LI { float:left; background-position:right center; background-repeat:no-repeat; padding:0; margin:0; list-style-type:none; }

UL.nav LI SPAN A { background-repeat:no-repeat; display:block; background-position:left top; }

UL.nav LI SPAN A:hover { background-position:right top; }
UL.nav LI SPAN A.selected { background-position:left bottom !important; }

UL.nav LI SPAN A SPAN { display:none; }

UL.nav LI SPAN A#home     		{ width:325px; height:39px; background-image: url("../i/images/nav-home.jpg"); }
UL.nav LI SPAN A#who       		{ width:325px; height:28px; background-image: url("../i/images/nav-who-capsule-films-are.jpg"); }
UL.nav LI SPAN A#our-work       { width:325px; height:29px; background-image: url("../i/images/nav-our-work.jpg"); }
UL.nav LI SPAN A#what-we-do     { width:325px; height:29px; background-image: url("../i/images/nav-what-capsule-films-do.jpg"); }
UL.nav LI SPAN A#get		    { width:325px; height:37px; background-image: url("../i/images/nav-contact-capsule-films.jpg"); }
UL.nav LI SPAN A#logo		    { width:325px; height:105px; background-image: url("../i/images/logo.jpg"); }

/* top right debug panel*/
div.debug{
    padding: 2px;
    background-color: #D6FFD0;
    border: 1px dashed green;
    position: absolute;
    bottom: 5px;
    right: 5px;
    color: #000000;
}

td, th{
    padding: 4px;color:#666666;
}

fieldset p.error{
    margin: 0;
    margin-top: 4px;
    margin-bottom: 4px;
    font-weight: normal;  
}

/*forms*/
fieldset.login{
    width: 400px;
}

input,label{
    margin-bottom: 5px;
}

input, textarea{
    float: left; border: none; background-color: #FFFFFF; padding: 3px; font-family: "Courier New", Courier, monospace;
}

label{
    float: left;
}


fieldset.edit{
    width: 600px;
}

fieldset.edit input{
    width: 390px;
}

input.submit, fieldset.edit input.submit{
    margin: 0;
    width: auto;
}

fieldset.edit input.submit{
    margin-top: 10px;
}

/* reading matters */



body#home .content{
	background-image:url(../images/content-center-strip-home.jpg);
}

body#home .content .centercol{
	width:350px;
}

body#home .content .rightcol{
	width:320px;
}

hr {
	border: none;
    background: url('../images/break.gif') center center no-repeat;
    height: 2px;
}
.thumbs-left { 	
	border:#FF6600 solid 2px; padding: 2px; margin: 0 10px 5px 0; 
	}
.thumbs-right { 	
	border:#FF6600 solid 2px; padding: 2px; margin: 0 0 5px 10px; 
	}
	
.footer {	
	 /*height: 122px;*/ margin:0 0 0 0; padding: 5px 0 5px 0; clear: both; float: right; /*background-image:url(../i/images/footer-bg.gif); background-repeat: no-repeat;*/ line-height:140%; font-weight:100; font-size: 0.95em; color: #B1B1B1; text-align:right;
	}
.divider { width: 100%; margin: 20px 0 20px 0; border-top: dotted 1px #666666; 
	}
.bookmarks { margin-bottom: -6px; margin-top: 5px; 
	}
.cap-stamp { margin-bottom: -13px; margin-top: 11px; 
	}
.make { margin-bottom: -4px; margin-top: 3px; 
	}
.contact-info { font-size: 140%;
	}
input.error{
	background-color: #FFE8E9;
}