/* 
Written by: Nikash SINGH
written on: 00:00 00/00/11
written in: Topstyle Pro 3
written for: Project name 
*/

/* -------------------------- Predefined Text styles -------------------------- */
body {font-family:Helvetica,Arial,Verdana,Sans-serif; padding:0px; margin:0px; font-size:0.8em;}
.WhiteText {color:#FFFFFF;}
.BlackText {color:#000000;}
.GreyText {color:#666666;}
.LightGreyText {color:#AAAAAA;}

.GreenText {color:#669900;}
.LightGreenText {color:#99CC00;}
.LimeGreenText {color:#CCFF00;}
.OrangeText {color:#FFA500;}
.RedText {color:#FF3333;}
.PurpleText {color:#9966CC;}
.BlueText {color:#3333CC;}
.LightBlueText {color:#3399FF;}

.Bold {font-weight: bold;}
.Italics {font-style: italic;}

.FloatLeft {float:left;}
.FloatRight {float:right;}
.OverflowAuto {overflow:auto;}

/* -------------------------- Site-specific Text styles -------------------------- */
p	{font-size:100%; color:#434343; margin-bottom:10px;}
.Text	{color:#434343;}
.LightText	{color:#999999;}

a {font-size:100%; color:#3333CC; text-decoration:none;}
a:link {color:#3333CC; text-decoration:none;}
a:visited {color:#9966CC; text-decoration:none;}
a:hover {color:#3399FF; text-decoration:none;}

/*
a {font-size:100%; color:#18A303; text-decoration:none;}
a:link {color:#18A303; text-decoration:none;}
a:visited {color:#92E285; text-decoration:none;}
a:hover {color:#2CEE0E; text-decoration:none;}
*/

strong {color:#666666;}

.HiddenBlock {color:#909090;
margin-left:30px;
padding:10px 15px;
border-left:solid 4px #92E285;
display:none;
}


/* -------------------------- Layout styles -------------------------- */
div#Nav {
	width:30%;
	float:left;
	text-align:right;
	}
	div#Nav img#Logo {margin:50px 50px 20px 0px;}
	div#Nav h1#SiteHeading {margin:-20px 95px 40px 0px; font-weight:normal; font-size:2em; color:#43C330;}
	div#Nav ul#NavList {margin:0px 97px 90px 0px; list-style:none;}
		div#Nav ul#NavList a {font-size:100%; color:#18A303; text-decoration:none;}
		div#Nav ul#NavList a:link {color:#18A303; text-decoration:none;}
		div#Nav ul#NavList a:visited {color:#92E285; text-decoration:none;}
		div#Nav ul#NavList a:hover {color:#2CEE0E; text-decoration:none;}
		div#Nav ul#NavList li strong {color:#18A303;}
	


div#BodyContent {
	padding-left:2%;
	padding-top:92px;
	padding-bottom:50px;
	width:60%;
	float:left;
	}
	div#BodyContent h2 {margin:0px 0px 15px 0px; font-weight:normal; font-size:1.5em; color:#18A303;}
	div#BodyContent h3 {margin:10px 0px 5px 0px; font-weight:bold; font-size:1.2em; color:#43C330;}
	
	div#BodyContent hr {height:1px; border:none; background:#DDDDDD;}
	div#BodyContent ul {color:#43c330; font-weight:bold;}
		div#BodyContent ul span {font-weight:normal;}
	div#BodyContent div#MainContainer {width:600px; height:402px;}
		div#BodyContent div#MainContainer div#SpaceHolder {width:600px; height:402px; background:url(../images/loading.gif) 50% 50% no-repeat #333333; position:relative;}
		a#GalleryNavPrevious {display:block; position:absolute; top:0px; left:0px; width:200px; height:400px;}
			a#GalleryNavPrevious:hover {background:url(../images/arrowleft.png) 0px 180px no-repeat;}
		a#GalleryNavNext {display:block; position:absolute; top:0px; right:0px; width:200px; height:400px;}	
			a#GalleryNavNext:hover {background:url(../images/arrowright.png) 155px 180px no-repeat;}	
		


div#Footer {
	position:fixed;
	bottom:0px;
	right:0px;
	font-size:80%;
	}
	div#Footer p {color:#999999; margin-bottom:0px;}

/* -------------------------- Background styles -------------------------- */
.Back	{background-attachment:fixed; background-color:#FFFFFF;}
.Once	{background-repeat:no-repeat;}
.Fadeback{background:#FFFFFF url(../images/adbg.gif) no-repeat;}



/* -------------------------- Form element styles -------------------------- */
.textbox	{background-color:#FFFFFF; border:thin; font-family:Helvetica,Arial,Verdana,sans-serif; font-size:0.8em; color:#666666;}



/* -------------------------- Image styles -------------------------- */
.StampBorder {border:thin dotted #666666;}
.Polaroid {background-color:#FFFFFF;
	padding:5px;
	border:solid 1px #DDDDDD;	
	-moz-box-shadow: 2px 2px 3px #999999;
	-webkit-box-shadow: 2px 2px 3px #999999;
	box-shadow: 2px 2px 3px #999999;
	}
.InversePolaroid {border:solid 5px #434343;
	-moz-box-shadow: 2px 2px 3px #999999;
	-webkit-box-shadow: 2px 2px 3px #999999;
	box-shadow: 2px 2px 3px #999999;
	} 
.DropShadow {-moz-box-shadow: 2px 2px 3px #999999;
	-webkit-box-shadow: 2px 2px 3px #999999;
	box-shadow: 2px 2px 3px #999999;
	}

#Thumbnails {background:url(../images/gradwhite.png) bottom repeat-x #BBBBBB;
	width:590px;
	padding:5px 5px 1px 5px;
	margin-top:15px;
	}	
	
#Thumbnails img {background-color:#FFFFFF;
	padding:0px;
	margin: 0px 1px 2px 0px;
	border:solid 3px #FFFFFF;
	-moz-box-shadow: 1px 1px 2px #666666;
	-webkit-box-shadow: 1px 1px 2px #666666;
	box-shadow: 1px 1px 2px #666666;
	cursor:pointer;
	background:url(../images/loading.gif) 50% 50% no-repeat #333333;
	}