@charset "utf-8";
/* CSS Document */

body{
    font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size: 100%;
			border:0;
			margin:0;
			padding:0;
			background:url(../images/black_bg.gif) top repeat-x #000000;
			color:#fff;
}

p{
    display:block;
				margin:10px 0;
				padding:0;
}

img{
  border:0;
}
/* ----------------------------- class ----------------------------- */
.bluetext{
    color: #0894ca; /* Sky blue color text */
}

.leftalign{
 text-align: left;
}

.rightalign{
 text-align: right;
}

.centeralin{
  text-align: center;
}

.floatleft{
  float: left;
}

.floatright{
   float: right;
}

.greytext{
    color: #47452c; /* gray color text */
}

.whitetext{
    color:#FFFFFF; /* white color text */
}

.lightbrowntext{
   color: #a7a8a8;
}
.blacktext{
   color: #000000; /* black color text */
}

.smallgraytext{
   color: #5f6263;
			font-size: 0.7em;
			line-height: 1em;
}

.normaltext{
   color: #fff;
			font-size: 0.8em;
			line-height: 1em;
}
.largeboldtext{
   font-size: 0.7em;
			line-height: 1.2em;
			font-weight:bold;
}

.pagetitle{
			display:display;
		line-height: 1.0em;
			font-size: 1.3em;
			border-bottom: #0894ca solid 1px;
}
/* --------------------------------- end of class ------------------------------ */

div.clearall{
    clear:both;
				height:0;
				border:0;
				line-height: 0;
}

/* -------------------------------- layout working ------------------------------// only designers and developers are permitted to work in below css */ 

#mainwrapper{
   background:url(../images/pattern2.gif) center top no-repeat;
			width: 100%;
				margin: 0;
			border: 1px #000 solid;
}

#patternwrapper{
  background:url(../images/title.gif) center top  no-repeat; 
			width: 900px;
		padding: 70px 0 0 80px; 
				margin: 100px auto 0 auto;
  position: relative;
}

#patternwrapper img.pattern{
	position: absolute;
	left:1px;
	top:-5px;
/*	z-index: 1; */
	float:left;
}

#patternwrapper img.stringpattern{
	position: absolute;
	left:1px;
	top:99px;
/*	z-index: 1; */
	float:left;
}

#patternwrapper img.designpattern{
	position: absolute;
	left:1px;
	top:478px;
/*	z-index: 1; */
	float:left;
}


#bodywrapper{
   background-color: #f1f2f4;
			width: 820px;
	margin:0;
			padding: 5px 0px 5px 10px;
		}

#navigation{
    float:left;
				width: 160px;
				margin: 40px 10px 0 0;
}

#navigation ul{
   list-style-type: none;
			display: block;
			margin:0;
			padding:0;	
			z-index: 1;
			
}

#navigation ul li{
    margin:0 0 15px 0;
				padding:0;
				display: block;
}

#navigation ul li span{
    margin:0;
				padding:0;
}

#navigation ul ul{
     padding: 0 0 0 10px;
					margin: 5px 0 0 0;
}

#navigation ul ul li{
   margin:0;
			padding:2px 0 2px 15px;
			background:url(../images/bullet.gif) center left no-repeat;
	}
	
	#navigation ul ul li a:visited{
	   text-decoration:underline;
				display:block;
	}
	
	#navigation ul ul li a:hover{
	    text-decoration: none;
	}
	
	#bodycontainer{
	   width: 635px;
				height: 430px;
				float: left;
				background: #000000;
	}
	
	#textcontainer{
	   padding: 10px 10px 0 10px;
	}
	
	/* ------------form container ---------- */
	
	#formcontainer{
  margin: 0 0 0 0.2em;
		width: 600px;
		height: 430px;
		padding: 10px 0 0 10px;
} 


#formcontainer form p label{
   width: 150px;
			display:display;
			float: left;
			color:#fff;
			line-height: 1.5em;
}

#formcontainer form input, #formcontainer form textarea{
			color:#000;
			font-size: 0.8em;
}

#formcontainer form p span.redtext{
				color: #FF0000;
}

/* ------------------------------- */



/* -------------------------------- */
	
	#footer{
	   float: right;
				margin: 0 70px 0 0;
	}

/* ---------------------- end of layout working ------------------------------------------ */