/* JJS Etra css - for http://www.gibsongroup.co.nz/projects */

table#projectsTable{
}
/* END JJS */

* {
	margin: 0;
	padding: 0;
}

#insideDrama a:hover img {
        -moz-opacity:.8
}

#insideDrama a {
        text-decoration: none;
}

#insideOther a:hover img {
        -moz-opacity:.8
}

#insideDocumentary a:hover img {
        -moz-opacity:.8
}

#insideChildrens a:hover img {
        -moz-opacity:.8
}

#insideComedy a:hover img {
        -moz-opacity:.8
}

body { 
    font: 11px Helvetica, Arial, sans-serif;
}

#scroller_img_bg {
 width: 128px;
 height: 96px;
 background: #3F588E;
}

#intro {
    padding-bottom: 10px;
}

#slider {
background-image:url(../images/slider-background.jpg);
background-position:center top;
background-repeat:repeat-y;
    width: 860px;
	height: 168px;
    margin: 0 auto;
    position: relative;
    border: 0px solid #565656;
}

.scroll {
	overflow: hidden;
	width: 860px;
    margin: 0 auto;
    position: relative;
}

.scrollContainer {
	position: relative;

}

.scrollContainer div.panel {
    padding-top: 0px;
    width: 215px;
    height: 160px;
}

#left-shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	bottom: 0;
	background: url(../images/leftshadow.png) repeat-y;
}

#right-shadow {
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	bottom: 0;
	background: url(../images/rightshadow.png) repeat-y;
}

.inside {
	padding: 10px;
	border: 1px solid #999;
}

.inside img {
	display: block;
	border: 1px solid #666;
	margin: 0 0 10px 0;
	width: 150px;
}

.inside h2 {
	font-weight: normal;
	color: #111;
	font-size: 13px;
	margin: 0 0 8px 0;
}

.inside p {
	font-size: 11px;
	color: #ccc;
}

a {
	color: #999;
	text-decoration: none;
	border-bottom: 1px dotted #ccc;
}

img:hover

a:hover {
	border-bottom: 1px solid #999;
}

.scrollButtons {
    position: absolute;
    top: 65px;
    cursor: pointer;
}

.scrollButtons.left {
 top: 0px;
    left: -25px;
}

.scrollButtons.right {
    right: -25px;
    top: 0px;
}

.hide {
    display: none;
}

#insideDrama {
        padding: 2px;

background-color:#638D37;
/*background-image:url(../images-site/panelMovieSmall-back.jpg);*/
background-position:left top;
background-repeat:repeat-x;
//border-left: 1px solid #FF3300;
//border-right: 1px solid #FF3300;
display:inline;
float:left;
width: 214px;
border-left: 5px solid	#638D37;
border-right: 5px solid #638D37;
}

#insideDrama a {
color : #FFF;
}#insideDrama {
        padding: 2px;

background-color:#638D37;
/*background-image:url(../images-site/panelMovieSmall-back.jpg);*/
background-position:left top;
background-repeat:repeat-x;
//border-left: 1px solid #FF3300;
//border-right: 1px solid #FF3300;
display:inline;
float:left;
width: 214px;
border-left: 5px solid	#638D37;
border-right: 5px solid #638D37;
}

#insideDrama a {
color : #FFF;
}


#insideComedy {

color: #000;       
background-color:#007D8B;
background-repeat:repeat-x;
border-color:#FFFFCC #CCCC00 #CCCC00 #FFFFCC;
//border-left: 1px solid #FFFF00;
//border-right: 1px solid #FFFF00;
display:inline;
float:left;
width: 214px;
border-left: 5px solid	#007D8B;
border-right: 5px solid #007D8B;
}

#insideChildrens {
background-color:#BA122B;
background-repeat:repeat-x;
border-color:#FFCCFF #990099 #990099 #FFCCFF;
//border-left: 1px solid #FF00FF;
//border-right: 1px solid #FF00FF;
display:inline;
float:left;
width: 214px;
border-left: 5px solid	#BA122B;
border-right: 5px solid #BA122b;
}

#insideDocumentary {
background-color:#4A245E;
background-repeat:repeat-x;
border-color:#CCCCCC #000000 #000000 #CCCCCC;
//border-left: 1px solid #666666;
//border-right: 1px solid #666666;
display:inline;
float:left;
width: 214px;
border-left: 5px solid	#4A245E;
border-right: 5px solid #4A245E;
}

#insideFactual {
background-color:#13636C;
background-repeat:repeat-x;
border-color:#FFFFFF #999999 #999999 #FFFFFF;
//border-left: 1px solid #CCCCCC;
//border-right: 1px solid #CCCCCC;
border-width:1px;
display:inline;
float:left;
width: 214px;
border-left: 5px solid	#13636C;
border-right: 5px solid #13636C;
}

#insideOther {
background-color:#293F70;
background-repeat:repeat-x;
border-color:#435C92 #293F70 #293F70 #435C92;
border-style:solid;
border:1px;
border-left: 5px solid #293F70;
border-right: 5px solid	#293F70;
display:inline;
float:left;
width: 214px;
}
.insideOther_projects a:hover img {

        -moz-opacity:.7
}

.insideOther_projects {
background-color:#293F70;
background-repeat:repeat-x;
border-color:#435C92 #293F70 #293F70 #435C92;
border-style:solid;
border:1px;
border-left: 1px solid #293F70;
border-right: 1px solid	#293F70;
display:inline;
float:left;
width: 174px;
height: 155px;
//margin-right:7px;
//margin-left:4px;
margin-top:3px;
}

.insideComedy_projects a:hover img {

        -moz-opacity:.7
}

.insideComedy_projects {

color: #000;       
background-color:#007D8B;
background-repeat:repeat-x;
border-color:#FFFFCC #CCCC00 #CCCC00 #FFFFCC;
//border-left: 1px solid #FFFF00;
//border-right: 1px solid #FFFF00;
display:inline;
float:left;
border-left: 1px solid	#007D8B;
border-right: 1px solid #007D8B;
width: 174px;
height: 155px;
margin-right:10px;
//margin-left:4px;
margin-top:3px;
}

.insideChildrens_projects a:hover img {

        -moz-opacity:.7
}

.insideChildrens_projects {
background-color:#BA122B;
background-repeat:repeat-x;
border-color:#FFCCFF #990099 #990099 #FFCCFF;
//border-left: 1px solid #FF00FF;
//border-right: 1px solid #FF00FF;
display:inline;
float:left;
width: 174px;
height: 155px;
margin-right:10px;
//margin-left:4px;
margin-top:3px;
border-left: 1px solid	#BA122B;
border-right: 1px solid #BA122b;
}

.insideDocumentary_projects a:hover img {

        -moz-opacity:.7
}

.insideDocumentary_projects {
background-color:#4A245E;
background-repeat:repeat-x;
border-color:#FFFFFF #999999 #999999 #FFFFFF;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-width:1px;
display:inline;
float:left;
width: 174px;
height: 155px;
margin-right:10px;
//margin-left:4px;
margin-top:3px;
border-left: 1px solid	#13636C;
border-right: 1px solid #13636C;
}

.insideFactual_projects a:hover img {

        -moz-opacity:.7
}

.insideFactual_projects {
background-color:#13636C;
background-repeat:repeat-x;
border-color:#FFFFFF #999999 #999999 #FFFFFF;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-width:1px;
display:inline;
float:left;
width: 174px;
height: 155px;
margin-right:10px;
//margin-left:4px;
margin-top:3px;
border-left: 1px solid	#13636C;
border-right: 1px solid #13636C;
}


.insideOther_projects a:hover img {

        -moz-opacity:.7
}

.insideOther_projects {
color: #000000;
background-color:#293F70;
background-repeat:repeat-x;
border-color:#435C92 #293F70 #293F70 #435C92;
border-left: 1px solid #293F70;
border-right: 1px solid	#293F70;
display:inline;
float:left;
height: 155px;
margin-right:10px;
//margin-left:4px;
width: 174px;
margin-top:3px;
}

.insideDrama_projects a:hover img {

        -moz-opacity:.7
}

.insideDrama_projects {

color: #000000;
background-color:#638D37;
background-repeat:repeat-x;
border-color:#FFFFCC #CCCC00 #CCCC00 #FFFFCC;
border-left: 1px solid #638D37;
border-right: 1px solid #638D37;
display:inline;
float:left;
width: 174px;
height: 155px;
margin-right:10px;
//margin-left:4px;
margin-top:3px;
}

.insideBranded_projects a:hover img {

        -moz-opacity:.7
}

.insideBranded_projects {

color: #000000;
background-color:#FF9933;
background-repeat:repeat-x;
border-color:#FFFFCC #CCCC00 #CCCC00 #FFFFCC;
border-left: 1px solid #FF9933;
border-right: 1px solid #FF9933;
display:inline;
float:left;
width: 174px;
height: 155px;
margin-right:10px;
//margin-left:4px;
margin-top:3px;
}

.insideDrama_projects a {
color : #FFF;
}


#insideOther label {
overflow: hidden;
}

.inside img {
        display: block;
        border: 1px solid #666;
        margin: 0 0 10px 0;
        width: 150px;
}

#insideOther h2 {
        font-weight: bold;
        color: #111;
        font-size: 16px;
	padding-top: 3px;
	padding-left: 5px;
	margin: 0 0 0px 0;
}

#insideDrama h2 {
        font-weight: bold;
        color: #111;
        font-size: 16px;
	padding-top: 3px;
	padding-left: 5px;
	margin: 0 0 0px 0;
}

#insideComedy h2 {
        font-weight: bold;
        color: #111;
        font-size: 16px;
	padding-top: 3px;
	padding-left: 5px;
	margin: 0 0 0px 0;
}

#insideChildrens h2 {
        font-weight: bold;
        color: #111;
        font-size: 16px;
	padding-top: 3px;
	padding-left: 5px;
	margin: 0 0 0px 0;
}

#insideDocumentary h2 {
        font-weight: bold;
        color: #111;
        font-size: 16px;
	padding-top: 3px;
	padding-left: 5px;
	margin: 0 0 0px 0;
}

#insideFactual h2 {
        font-weight: bold;
        color: #111;
        font-size: 16px;
	padding-top: 3px;
	padding-left: 5px;
	margin: 0 0 0px 0;
}


.insideOther_projects h2 {
        font-weight: bold;
        color: #111;
        font-size: 16px;
	padding-top: 3px;
	padding-left: 5px;
	margin: 0 0 0px 0;
}

.insideDrama_projects h2 {
        font-weight: bold;
        color: #111;
        font-size: 16px;
	padding-top: 3px;
	padding-left: 5px;
	margin: 0 0 0px 0;
}

.insideComedy_projects h2 {
        font-weight: bold;
        color: #111;
        font-size: 16px;
	padding-top: 3px;
	padding-left: 5px;
	margin: 0 0 0px 0;
}

.insideChildrens_projects h2 {
        font-weight: bold;
        color: #111;
        font-size: 16px;
	padding-top: 3px;
	padding-left: 5px;
	margin: 0 0 0px 0;
}

.insideDocumentary_projects h2 {
        font-weight: bold;
        color: #111;
        font-size: 16px;
	padding-top: 3px;
	padding-left: 5px;
	margin: 0 0 0px 0;
}

.insideFactual_projects h2 {
        font-weight: bold;
        color: #111;
        font-size: 16px;
	padding-top: 3px;
	padding-left: 5px;
	margin: 0 0 0px 0;
}

.inside p {
	font-size: 11px;
        color: #ccc;
}