/*copyright glj-design 2007-2008*/
/***************** structural layout css **********************************/

body {
	margin: 0;
	padding: 0;
	font-family: Century Gothic, Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:90%;
	background-color:#000000;
	color:#ffffff;
}
#container{
	position: relative;
	text-align:left;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0;
	margin-bottom: 0;
	background-color:#000000;
	padding: 0;
}
#logo	{
	padding: 0;
	margin: 0;
	width: 1000px;
	height: 75px;
	background-image:url(../images/main_imgs/banner_sub.gif);
	background-repeat: no-repeat;
	clear:both;
}
#searchbox	{
	margin:30px 15px 0 0;
	padding: 0;
	width: 340px;
	float:right;
}
.wrapper	{
	margin: 0;
	padding: 0;
	width: 1000px;
	background-color:#111111;
}
/********** code for top navigation starts *******************/
#navbarcontainer {
	margin: 0;
	padding: 0;
	width: 1000px;
	clear: both;
}
#navbar { 
	font-family:Century gothic, Arial, Helvetica, sans-serif; 
	font-size: 1em;
	line-height:1.2em;
	padding:0 0 0 180px; 
	background:url(../images/main_imgs/bk1.gif) repeat-x; 
	height:30px; 
	width:820px; 
	margin: 0;
	font-weight:bold;
	outline:none;
	} 
#navbar li { 
	padding:0;
	margin:0;
	list-style:none;
	text-align:left;
	display:inline; 
	font-weight:bold;
	outline:none;
	}
#navbar a { 
	width:110px; 
	color:#fff; 
	text-decoration:none; 
	background: transparent url(../images/main_imgs/tab5.gif) no-repeat; 
	float:left; 
	padding:10px 11px 3px 12px; 
	margin:0 -10px 0px -10px;
	font-weight:bold;
	outline:none;
}
#navbar a:hover {
    background-position:0 -30px;
    color:#297171;
	font-weight:bold;
	outline:none;
}
#active a:link, #active a:visited, #active a:hover{
    background-position:0 -60px;
    color:#ffffff;
	font-weight:bold;
	outline:none;
}
/********** code for navigation ends *******************/
#breadcrumb{
	padding: 0;
	margin: 0;
	width: 1000px;
	background-color:#111111;
}
#breadcrumb ul{
	padding: 2px 0 2px 5px;
	margin:0;
	color:#9bf1f1;
	font-size: 10px;
}
#breadcrumb li
{
	display: inline;
	list-style-type: none;
	padding: 0 0 0 4px;
	margin: 0;
	outline:none;
}
#breadcrumb a:link, li a:visited{
	color: #9bf1f1;
	text-decoration: underline;
	outline:none;
}
#breadcrumb a:hover{
	text-decoration: underline;
	color:#fcd001;
	outline:none;
}
#breadcrumb a:active{
	text-decoration: none;
	color:#fcd001;
	outline:none;
}
.breadcrumb_bold{
	padding: 0;
	margin: 0;
	font-weight:bold;
	font-size: 11px;
	color: #9bf1f1;
}
.breadcrumb_bold_hilight{
	padding: 0 5px 0 0;
	margin: 0;
	font-weight:bold;
	font-size: 11px;
	color: #9bf1f1;
	border-right: 1px solid #9bf1f1;
}
.breadcrumb_bold_lolight{
	padding: 0 5px 0 0;
	margin: 0;
	font-size: 11px;
	color: #9bf1f1;
	border-right: 1px solid #9bf1f1;
}
#homenav {
	margin: 5px 0 0 0;
	padding: 0px;
	width: 170px;
	float: left;
}
#homenav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: none;
	border-bottom: 1px solid #297171;
}
#homenav li {
	width: 170px;
	border-top: 1px solid #297171;
	margin: 0;
	padding: 0;
	font-size: 70%;
	outline:none;
	vertical-align: bottom; /* For IE */
}
#homenav a:link, #homenav a:visited {
	display: block;
	padding: 1px 0 2px 5px;
	border-left: 10px solid #5ed6d6;
	border-right: 1px solid #297171;
	color: #ffffff;
	text-decoration: none;
	outline:none;
}
#homenav a:hover {
	background-color: #ffffff;
	color: #297171;
	text-decoration: underline;
	outline:none;
}
#homenav_active a:link, #homenav_active a:visited, #homenav_active a:hover
{
	background-color: #297171;
	color: #ffffff;	
	border-left: 10px solid #297171;
	text-decoration: none;
	outline:none;
}
#homenav p{
	list-style: none;
	margin: 0;
	padding: 1px 0 3px 5px;	
	border-top: 1px solid #297171;	
	border-left: 10px solid #5ed6d6;
	border-right: 1px solid #297171;
	width: 154px;
	font-size: 100%;
	vertical-align: bottom; /* For IE */
	display: block;
	background-color:#4babab;
	color: #ffffff;
	text-decoration: none;
}
/******************* content css*************************/
#title		{
	margin: 5px 20px 5px 10px;
	padding: 0;
	width: 900px;	
	float:left;
}
h1{
	padding: 0 0 1px 8px;
	margin: 0;
	color: #ffffff;
	font-size: 150%;
	line-height: 100%;
}
h2{
	padding: 0 0 1px 175px;
	margin: 0;
	color: #ffffff;
	font-size: 120%;
	line-height: 100%;
}
h4{
	padding: 0 0 5px 12px;
	margin: 0;
	font-size: 110%;
	line-height: 100%;
	font-family: Century Gothic, Trebuchet MS, Arial, Helvetica, sans-serif;
}
.galllist_container	{
	margin: 0 0 0 90px;
	padding:0;
	height: 450px;
	background:url(../images/main_imgs/contentbkdplas.gif);
	background-position: top left;
	background-repeat:no-repeat;
}
.galllist	{
	margin: 0;
	padding: 0;
	font-size: 90%;
	line-height: 110%;
	list-style-type:none;
}
.galllist ul	{
	margin: 20px 0 40px 0;
	padding: 0;
	width: 300px;
	float: left;
	list-style-type:none;
	list-style: none;
}
.galllist li	{
	margin: 0 0 10px 0;
	padding: 0;
	color: #4babab;
	width: 300px;
	float: left;
	list-style-type:none;
	list-style: none;
	outline:none;
}
.galllist a	{
	margin: 0;
	padding: 0;
	color: #4babab;
	text-decoration: underline;
	outline:none;
}

.galllist h1{
	margin: 0;
	padding: 0;
	font-size: 120%;
	line-height: 150%;
	color: #ffffff;
	text-decoration: none;
}
.galllist a:visited	{
	margin: 0;
	padding: 0;
	color: #297171;
	text-decoration: underline;
	outline:none;
}
.galllist a:hover{
	margin: 0;
	padding: 0;
	color:#fcd001;
	text-decoration: underline;
	outline:none;
}
.galllist a:active{
	margin: 0;
	padding: 0;
	color:#fcd001;
	text-decoration: underline;
	outline:none;
}
.thumbcontainer {
	margin: 0;
	padding: 0;
	display: inline;
}
.thumb{
	padding: 0;
	margin: 0;
	background-color:#111111;
	float: left;
}
.thumb ul{
	padding: 0 0 0 8px;
	margin:0;
	color:#ffffff;
	font-size: 10px;
	border:none;
	float:left;
}
.thumb li
{
	display: inline;
	list-style-type: none;
	color:#ffffff;
	padding:0;
	margin:0;
	outline:none;
}
.thumb li a
{
	display: inline;
	list-style-type: none;
	padding: 0;
	margin: 0;
	color:#ffffff;
	outline:none;
}
.thumb a:link img {
	color: #333333;
	border: solid 3px #333333;
	outline:none;
}
.thumb a:visited img {
	color: #333333;
	border: solid 3px #333333;
	outline:none;
}
.thumb a:hover img{
	color:#ffffff;
	border: solid 3px #ffffff;
	outline:none;
}
.thumb a:active img{
	color:#ffffff;
	border: solid 3px #ffffff;
	outline:none;
}
#thumb_active img{
    border: solid 3px #ffffff;
}

.gallerycontainer {
	margin: 0;
	padding: 2px 0 3px 70px;
	width:920px;
	background: #111111;
	float:left;
}
.thumbbuttons { 
	padding:10px 3px; 
	margin: 0;	
	height:34px; 
	width:100px;
	font-family:Century gothic, Arial, Helvetica, sans-serif; 
	font-size:16px; 
	font-weight:bold; 
	color:#ffffff;
	float:left;
} 
.thumbbuttons ul { 
	padding:0;
	margin:0; 
	text-align:center;
	list-style:none;  
}
.thumbbuttons li { 
	padding:0;
	margin:0;
	text-align:center;
	list-style:none; 
	display:inline; 
	outline:none;
}
.thumbbuttons a{ 
	width:95px;
	height:24px;
	color:#fff; 
	text-decoration:none; 
	text-align:center;
	background: url(../images/main_imgs/btn_dkgry.gif) no-repeat; 
	float:left; 
	padding:7px 0; 
	margin:0 1px;
	outline:none;
}
.thumbbuttons a:hover{
    background-position:-95px 0;
    color:#e6e6e6;
	padding:8px 0 6px 0; 
	text-decoration:none;
	outline:none; 
}
.thumbbuttons a:visited{ 
	text-decoration:none; 
	color:#ffffff;
	outline:none;
}
.imagecontainer {
	margin: 0 0 0 170px; 
	padding: 5px;
}
.boxlegend {
	margin: 0 0 10px 5px;
	padding: 7px 0;
	background-color: #297171;
	border-top: solid #00C6C6 1px;
	border-left: solid #00C6C6 1px;
	border-bottom: solid #174040 1px;
	border-right: solid #174040 1px;
	color: #ffffff;
	float: left;
	font-size: 90%;
	line-height: 120%;
	width: 365px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 350px;
}
.boxlegend ul {
	list-style: none;
	padding: 2px 8px 5px 15px;
	margin: 0;
}
.boxlegend li {
	list-style:url(../images/main_imgs/squ_bull_2.gif);
	padding: 1px 0 2px 0;
	margin: 0 0 0 12px;
	outline:none;
}
.boxlegend p	{
	padding: 2px 10px 10px 12px;
	margin: 0;
	font-size: 100%;
	line-height: 160%;
}
.boxlegend_bold	{
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: bold;
	line-height: 160%;
}
.boxlegend a {
	list-style: none;
	padding: 1px 0 2px 0;
	margin: 0;
	color: #FFFFFF;
	text-decoration:underline;
	outline:none;
}
.boxlegend a:visited{
	list-style: none;
	padding: 1px 0 2px 0;
	margin: 0;
	color: #FFFFFF;
	text-decoration:underline;
	outline:none;
}
.boxlegend a:hover {
	list-style: none;
	padding: 1px 0 2px 0;
	margin: 0;
	color: #00C6C6;
	text-decoration:underline;
	outline:none;
}
.boxlegend a:active {
	list-style: none;
	padding: 1px 0 2px 0;
	margin: 0;
	color: #FFFFFF;
	text-decoration:none;
	outline:none;
}
/***************** content css end**********************************/

/*********** css for footer ****************/
.footer		{
	margin: 200px auto 20px auto;
	padding: 0;/***** left padding to position in centre *****/
	text-align:center;
}
.footer ul {
	border: 0;
	width: 700px;
	padding: 0 0 0 300px;
	list-style-type: none;
	text-align: center;
	float: left;
}
.footer ul li	{
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 1px;
	float: left;
}
.footer ul li a		{
	background: #4babab;
	width: 95px;
	height: 18px;
	padding: 3px 0 0 0;
	margin: 0 0 10px 0;
	color: #ffffff;
	text-decoration: none;
	border-top: 1px solid #9bf1f1;
	border-left: 1px solid #9bf1f1;
	border-bottom: 1px solid #4babab;
	border-right: 1px solid #4babab;
	display: block;
	text-align: center;
	font-family: Century Gothic, Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:70%;
	outline:none;
}
.footer ul li a:visited	{	
	color: #ffffff;
	border-top: 1px solid #9bf1f1;
	border-left: 1px solid #9bf1f1;
	border-bottom: 1px solid #4babab;
	border-right: 1px solid #4babab;
	background-color: #4babab;
	text-decoration: none;
	outline:none;
}
.footer ul li a:hover	{	
	color: #ffffff;
	border-top: 1px solid #4babab;
	border-left: 1px solid #4babab;
	border-bottom: 1px solid #9bf1f1;
	border-right: 1px solid #9bf1f1;
	background-color: #5ed6d6;
	text-decoration: underline;
	outline:none;
}
.footer a:active		{	
	color: #ffffff;
	border-top: 1px solid #4babab;
	border-left: 1px solid #4babab;
	border-bottom: 1px solid #9bf1f1;
	border-right: 1px solid #9bf1f1;
	background-color: #5ed6d6;
	text-decoration: underline;
	outline:none;
}
.footerbottom {
	padding: 10px 0 150px 0;
	margin: 0;
	font-size: 70%;
	text-align: center;
	color: #4babab;
}
/*********** css for footer ends****************/

/************** formatting css ******************/
.clear {
	height: 0;
	width: 0;
	line-height: 0;
	clear: both;
	font-size: 0;
}
.spacer	{
	height: 75px;
	width: 0;
	line-height: 0;
	clear: both;
	font-size: 0;
	background-color:#111111;
}
.question_mark	{
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
}
.buttonscontainer {
	margin: 0 90px 0 0;
	padding: 0;
	width: 255px;
	float:right;
}
.buttons { 
	font-family:Century gothic, Arial, Helvetica, sans-serif; 
	font-size:16px; 
	font-weight:bold;
	padding:0; 
	margin: 0;	
	height:34px; 
	width:255px; 
	color:#ffffff;
} 
.buttons li { 
	padding:0;
	margin:0;
	text-align:center;
	list-style:none; 
	display:inline; 
}
.buttons a{ 
	width:95px;
	height:24px;
	color:#fff; 
	text-decoration:none; 
	text-align:center;
	background:url(../images/main_imgs/btn_dkgry.gif) no-repeat; 
	float:right; 
	padding:7px 0; 
	margin:0 1px;
	outline:none;
}
.buttons a:hover{
    background-position:-95px 0;
    color:#e6e6e6;
	padding:8px 0 6px 0; 
	text-decoration:none; 
	outline:none;
}
.buttons a:visited{ 
	text-decoration:none; 
	color:#ffffff;
	outline:none;
}

/*********** formatting css ends*****************/


