/* CSS Document */


html {
	background: #108a8c url(images/bg.gif) repeat center top;
}
body {
	background: url(images/bglight.gif) repeat-x center top;
	color: #108a8c;
	width: 100%;
    font:12px/18px Arial, Helvetica, sans-serif; color:#000;
	letter-spacing:.5px;
	margin-top:0;
	}
	#wrap {
		width:850px;
		margin:0 auto;
		background:#ffffff;
		display:table;
		
	}
	#header {
    	padding:5px 10px;
		background:#ddd;
	}
	#leftcol {
		float:left;
		width:340px;
		padding: 40px 20px;
	}
	
		#onecol {
		float:left;
		width:810px;
		padding: 40px 20px;
	}

	#rightcol {
		float:right;
		width:420px;
		padding: 40px 20px;
		background:#ffffff;
	}
	#footer {
		clear:both;
		padding:5px 10px;
		background:#cc9;
	}
	#footer p {
		margin:0;
    }
	* html #footer {
		height:1px;
	}
h1{
	margin:0px; 
	padding:0px;
	color:#000000; 

	}
h2 {
	color:#000000; 
	font: 16px/20px Arial, Helvetica, sans-serif bolder;
	background-image:url(images/header-border.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	height:40px;
	margin-bottom:15px;
	margin-top:5px;
	}

h3 {
	margin-top:0px;
	font-style:normal;
	margin-bottom:2px;
	}
img {
	border: 0
	}
a:link 
	{
	color: #5D8C7B;
	}
a:visited {
	color: #5D8C7B;
	}
a:hover {
	color: #FF0000;
	}
a:active {
	color: #33CCFF;
	}



/*--Header--*/
#topPanel {
	width:850px; 
	height:385px; 
	position:relative; 
	margin:0 auto; 
	padding:0px;
	}
#altheader {
	text-align:left;
	width:850px;
	height:385px; 
	position:relative; 
	margin:0 auto; 
	padding:0px; 
	background:url(images/altheader.jpg) no-repeat #FFFFFF top;
	}
object#altheader {
	display:block;
	margin:0 auto;
	}

#altheader h1 {
	padding-top:330px;
	padding-bottom:0px;
	padding-left:15px;
}
#altheader ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	padding-left:15px;
	} 
#altheader ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style:circle;
	display:inline;
	}
/*--/ End of header--*/					
						
 #showreel {
		margin:0px 0px 0px 5px;
		padding:0px;
 }
  #showreelpage {
		margin:0;
		padding:0;
 }
 
 
 #showreelpage li {
	color: #333333;
	background-color:#ccc;
display:inline;
		width:130px;
        list-style: none;
		margin:0;
		padding:0;
	}
    #showreelpage img {
		height: 130px;
		width:130px;
		padding:5px;
    }

 #showreel li {
	color: #333333;
	background-color:#ccc;
display:inline-block;
		width:130px;
        list-style: none;
		margin:0px;
		padding:11px 11px 8px 11px;
	}
    #showreel img {
		height: 130px;
		width:130px;
    }

						
 #latest {
		margin:0px 0px 0px 5px;
		padding:0px;
 }

 #latest li {
	color: #333333;
	background-color:#ccc;
display:inline-block;
        list-style: none;
		margin:0px;
		padding:11px 11px 8px 11px;
	}
    #latest img {
		height: 130px;
		width:130px;
		float:left;
		margin-right:10px;
		padding:5px;
		border:#999 solid 1px;
    }
	
	 #latest1 li {
	color: #333333;
	background-color:#ccc;
display:inline-block;
        list-style: none;
		margin:0px;
		margin-bottom:20px;
		padding:11px 11px 8px 11px;
		
	background-image:url(images/header-border.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	}
    #latest1 img {
		height: 130px;
		width:130px;
		float:right;
		margin-left:10px;
		padding:5px;
		border:#999 solid 1px;
		
    }

/*--index extras--*/





#infobox
{
	padding: 10px;
	color: #333333;
	margin-bottom:60px;
	background-color:#ccc;
}



#footer{width:810px; height:60px; position:relative; margin:0px auto 0px; padding:0px 20px 0px; color:#ffffff; background-color:#333333;}
#footer ul{width:820px; position:absolute; top:10px; padding: 15px; list-style:none;}
#footer li{float:left; padding-right:15px; font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;}
#footer ul li a{padding:0 0 0 12px; color:#ffffff; text-decoration:none;}
#footer ul li a:hover{text-decoration:underline;}
#footer ul li a:link{ color:#ffffff;}
#footer ul li a:visited{ color:#ffffff;}

ul.showreel {margin:0; padding:0; display:inline;}

/* Grey box malarkey */
#GB_overlay {
    background-color: #000;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    z-index: 100;
}

#GB_window {
    left: 0;
    top: 0;
    font-size: 1px;
    position: absolute;
    overflow: visible;
    z-index: 150;
}

#GB_window .content {
    width: auto;
    margin: 0;
    padding: 0;
}

#GB_frame {
    border: 0;
    margin: 0;
    padding: 0;
    overflow: auto;
    white-space: nowrap;
}


.GB_Gallery {
    margin: 0 22px 0 22px;
}

.GB_Gallery .content {
    background-color: #fff;
    border: 3px solid #ddd;
}

.GB_header {
    top: 10px;
    left: 0;
    margin: 0;
    z-index: 500;
    position: absolute;
    border-bottom: 2px solid #555;
    border-top: 2px solid #555;
}

.GB_header .inner {
    background-color: #333;
    font-family: Arial, Verdana, sans-serif;
    padding: 2px 20px 2px 20px;
}

.GB_header table {
    margin: 0;
    width: 100%;
    border-collapse: collapse;
}

.GB_header .caption {
    text-align: left;
    color: #eee;
    white-space: nowrap;
    font-size: 20px;
}

.GB_header .close {
    text-align: right;
}

.GB_header .close img {
    z-index: 500;
    cursor: pointer;
}

.GB_header .middle {
    white-space: nowrap;
    text-align: center;
}


#GB_middle {
    color: #eee;
}

#GB_middle img {
    cursor: pointer;
    vertical-align: middle;
}

#GB_middle .disabled {
    cursor: default;
}

#GB_middle .left {
    padding-right: 10px;
}

#GB_middle .right {
    padding-left: 10px;
}


.GB_Window .content {
    background-color: #fff;
    border: 3px solid #ccc;
    border-top: none;
}

.GB_Window .header {
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #999;
    border-left: 3px solid #ccc;
    border-right: 3px solid #ccc;
    margin: 0;

    height: 22px;
    font-size: 12px;
    padding: 3px 0;
    color: #333;
}

.GB_Window .caption {
    font-size: 12px;
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
    padding-right: 20px;
}

.GB_Window .close { text-align: right; }
.GB_Window .close span { 
    font-size: 12px;
    cursor: pointer; 
}
.GB_Window .close img {
    cursor: pointer;
    padding: 0 3px 0 0;
}

.GB_Window .on { border-bottom: 1px solid #333; }
.GB_Window .click { border-bottom: 1px solid red; }

/* End of Grey box malarkey */
/*Your CSS file*/
.tip {
	background-color: #333;
	padding: 5px;
}

.something_else .tip {
	background-color: #993300;
}

.something_else .tip-title {
	background-color: #0000CC;
}

.tip-title {
	color: #fff;
	background-color: #666;
	font-size: 20px;
	padding: 5px;
}

.tip-text {
	color: #fff;
	padding: 5px;
}

.ind {
	width: 200px;
	background-color: #666;
	color: white;
	padding: 15px;
	border-bottom: 1px solid white;
}

#hide {
	margin-bottom: 20px;
}