/* CSS Edited By Farnush Anwar , July - August 2008,
webologies.net */
/* Common CSS */
html, body {
	margin:0;
	padding:0;
	
	height: 100%; /* Opera Hack for Fancy Box */
	
}div#testube
{
color:#CCCCCC;background:black;display:none
}


body {
	font: 76% arial, sans-serif;
	background: #000;
}
p {
	margin:0 10px 10px
}
a {	
	
	color: #981793;
	padding:10px;
	text-decoration: none;
}
/* Link decoration CSS Start*/
a:link {color: #6c6c6c;text-decoration: none;}     /* unvisited link */
a:visited {color: #6c6c6c;text-decoration: none;}  /* visited link */
a:hover {color: #6c6c6c;text-decoration: none;}   /* mouse over link */
a:active {color: #6c6c6c;text-decoration: none;}   /* selected link */
/* Link Decoration CSS End*/

/* Layout CSS */

div#container
{
	width: 800px;
	margin: 0 auto;
}
div#header {
	margin: 0px 0px 0px 0px;	
}

div#header h1 {
	margin-top:0px;
	height:80px;
	line-height:80px;
	color: #79B30B;
}

div#wrapper {
	float:left;
	width:65%
}
div#wrapper2 {
	float:right;
	width:35%
}
div#wrapper3 {
	float:left;
	width:70%;
}
div#wrapper2 div#slide img
{
	margin-top: 5px;
}
div#wrapper2 #title{
	color: #ccc;
	position:relative;
	top: 380px;
	background:#111;	
	height: 47px;
	width:275px;
	
}
div#wrapper2 #title p{
	padding: 10px;
	font-size:9px;
}
/* Div Navigation Menu */
#miniflex {
	width: 100%;
	float: left;
	font-size: small; /* could be specified at a higher level */
	margin: 0;
	padding: 0 10px 0 10px;
	border-bottom: 1px solid #333;
	}

#miniflex li {
	float: left;
	margin: 0; 
	padding: 0;
	display: inline;
	list-style: none;
	width: 160px;
	}
	
#miniflex a:link, #miniflex a:visited {
	float: left;
	font-size: 85%;
	line-height: 20px;
	font-weight: bold;
	margin: 0 10px 0 10px;
	text-decoration: none;
	color: #999;
	}

#miniflex a.active:link, #miniflex a.active:visited, #miniflex a:hover {
	border-bottom: 4px solid #333;
	padding-bottom: 2px;
	color: #333;
	}

/* Navigation End*/
div#content h2 {
	text-align : right;
	color: #fff;
	background: #222;
	font-weight:300;
    padding: 2px;	
	font-size: 12px; 
	margin-right: 10px;
	margin-left: 10px;
	margin-top : 2px;
	border-bottom: thin solid #CCC;	
}
div#content p {
	line-height:1.3;
	color : #a2a2a2;
	font-family:Arial, Helvetica, sans-serif;
	font-size : 12px;
	text-align: justify;
	margin:10px 40px 0 20px;
	word-spacing:2px;
}
div#content span.links {
	margin:10px 40px 0 350px;
	}
div#navigation {
	background:#000;
}
div#navigation img
{
	margin: 20px 3px 0px 3px;;
	
}
div#extra {
	background:#000;
}
div#footer {
	font-size:9px;
	text-align:right;
	background: #000;
	color: #ccc;
	 
	border-top: thin solid #111;
}
div#footer p {
	margin:0;
	padding:5px 10px
}


div#navigation {
	float:right;
	width:34.9%
}
div#navigation p {
margin : 10px 0;
color : #FFF;
}
div#navigation2 {
	float:left;
	width:64.9%;
	
}

div#navigation3 {

	float:left;
	width:19.9%;
	
}
div#navigation2 h1 {
		
	color: white;	
	margin: 0 12px;
	font-size: 16px; 
	border-bottom: thin dotted #CCC;

}
div#project-box
{
	background: #111;
	margin : 4px;
	height: 100px;
	width: 248px;	
	float:left;
}
div#project-box:hover
{
	background:#333;
}


div#project-box .image
{
	width: 100px;
	height: 100px;
	float:left;
}
div#project-box .image a
{
  text-decoration: none;
	margin:0px;
	padding: 0px;
}
div#project-box .image a:visited
{  text-decoration: none;
}

#project-box .info
{
	float:left;
	position: relative;
	top: 10px;
	left: 10px;
	display:block;
	font-size:10px;
	width: 140px;
	height:100px;
	color: #CCC; 
}
#project-box .info span 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#777;
	display: block;
}

#project-box .info span a
{
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;font-size: 10px;
	color: #EEE;	
}

.project-heading
{
	padding:0px;
	margin-right: 20px;
	font-size:10px;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-weight: 600;
	color: #EEE;
}
#project-box .info span a:hover
{
	background: #111;
	color:#fff;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
}

div#extra {
	clear:both;
	width:100%;
	
	
}
div#extra h3 {
	color: white;	
	margin: 10px 0px;
	font-size: 16px; 
	font-weight: 300;
	border-bottom: thin solid #CCC;
}

div#gallery
{	padding: 0px 0px;
	margin: 0px 0px;
	/*background: #111;*/

}
div#gallery a
{ 
	margin : 0px;
	padding: 0px;
	display : inline;
}
div#gallery ul { 
height: 238px;
background: #111;
list-style: none;
padding: 20px 10px;
margin: 20px 10px 0px 10px;
 }

div#gallery ul li { 
display: inline;

margin: 5px 14px 10px 0px ;
 }
div#gallery ul img {
	margin: 0px 0px;
	padding: 0px 0px;
	border: 5px solid #3e3e3e;
	border-width: 2px 2px;
}
#gallery ul a:hover img {
	border: 5px solid #fff;
	border-width: 2px 2px;
	color: #fff;
}
#gallery ul a:hover { color: #fff; }
#tooltip {
	color:#CCCCCC;
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #333;
	padding: 5px;
	opacity: 0.65;
}
#tooltip h3, #tooltip div { margin: 0; }
#navigation p  
{	
	background: #111;
	padding: 10px
}
#navigation p span 
{	
	font-size: 10px;
	display: block;
}

/* form elements */
form {
	margin: 10px 10px 3px 10px; padding: 5px 10px 20px 10px;
	border: 1px solid #111; 
	background: #070707; 	
}
label {
	display: block;
	font-weight: bold;
	margin: 8px 0;
	color: #fff;
}
input, select, textarea {
	
	padding: 5px 4px;
	font: normal 1em Verdana, Tahoma, sans-serif;
	color: #6A6969;
	background: #0C0C0C;  
	border: 1px solid #1C1C1C;
}
textarea {
	width: 220px;
	height: 100px;
	display: block;	
	overflow:auto;
}
input.button { 
	font: bold 12px Arial, Sans-serif; 
	height: 30px;
	margin: 0;
	padding: 2px 3px; 
	color: #FFF;
	background: #000;
	
	border-width: 1px;
  	border-style: solid;
  	border-color: #1c1c1c;
}
form span.desc
{	font-size:9px;
	color: #CCCCCC;
}
/* End of form elements */

/* Contact Heading */
div#wrapper2 h2
{
	display:block;
	font-size: 18px;
	font-weight: 300;
	margin: 0px 10px;
	background: #030303;
	color: #fff;
	border-bottom: thin  groove #FFF;
	padding: 5px 10px 5px 10px;
	
}
div#navigation2 div#left
{
	color: #fff;
	margin: 10px 10px 3px 10px;
	padding: 5px 10px 10px 10px;
	border: 1px solid #111; 
	background: #333;
	width: 120px;
	text-align:center; 
	height: 360px;
	vertical-align:middle;
}
div#navigation2 div#left span
{
	
	color: #7d7d7d;
	display:block;
	margin: 0 0;
	padding: 0 0;
	font-size: 10px;
	 
}
div#navigation2 div#left span.tel
{   background:url(../images/phone.gif) right no-repeat;
	color: #FFF;
	display:block;
	padding-right: 10px;
	margin-bottom: 2px;
	text-align:center; 
	 
}
div#navigation2 div#left span.email
{   background:url(../images/mail.gif) right no-repeat;
	color: #FFF;
	display:block;
	text-align:center; 
	padding-right: 20px;
	
	 
}
div#navigation2 div#left span.email a
{   
	color: #FFF;
	font-size:9px;
	margin: 0px 0px;
	padding: 0px 0px;
}
div#navigation2 div#left span.email a:hover
{   
	color: #777;
	border-bottom: 1px dotted #777;
	
}
div#navigation2 div#left span.tour
{   
	margin-top: 10px;
	
	
}
div#navigation2 div#left p
{
	color: #fff;
	margin: 0 4px; 
}
div#navigation2 h2
{
	display:block;
	font-size: 18px;
	font-weight: 300;
	margin: 0px 10px;
	background: #030303;
	color: #fff;
	width: 250px;
	border-bottom: thin  groove #FFF;
	padding: 5px 10px 5px 10px;
}
/* Effect Classes */
.hover-effect
{
	background:#333;
}