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



TITLE    :   NAKCSS FRAMEWork VERSION 3

AUTHOR   :   NAKDESIGNER

URL      :   HTTP://WWW.NAKLABS.COM



- - - - - - - - - - - - - - - - - - - - - - 



Variable Defination



.textleft      =     Aligns Text to Left

.textcenter    =     Aligns Text to Center

.textright     =     Aligns Text to Right

.bg            =     Background Style

.fc            =     Font Color Style

.fs            =     Font Size Style



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



/* Clearfix Starts Here */



.clearfix:after {

    content: ".";

    display: block;

    clear: both;

    visibility: hidden;

    line-height: 0;

    height: 0;

}



.clearfix {

    display: inline-block;

}



html[xmlns] .clearfix {

    display: block;

}



* html .clearfix {

    height: 1%;

}



/* Clearfix Property Starts Here */



/* Global Form Styles */



form{

margin: 0;

padding: 0;

}

input, textarea{

	background: #fff;

	border: 1px solid #83cde1;

	

}

input:hover, textarea:hover {

	background: #e2f7fc;

}

input:focus, textarea:focus {

	background: #e2f7fc;

}



/*  --- Global Form Styles  -- End HERE */



/*  Image PNG fix ******************   */

 img, 

 div,

 a,

 a:hover,

 a:visited{ behavior: url(./iepngfix.htc) }

/*  Image PNG fix END   */



/* Global Reset Styles Starts */

*{

	margin:0;

	padding:0;

}

/* Global Reset Styles End */



body {

	background:#1f3448 url(img/body_bg.jpg) repeat-x;

	color:#fff;

	font: .8em/1.6em Arial, Helvetica, sans-serif;

}

a {

	color: #84e5fd;

	text-decoration: none;

}

a:active { outline: none; }

a:hover{

	color:#84e5fd;

	text-decoration:underline;

	outline: none;

}

a img {border: 0;}



/* Heading Styles Starts */

h1{font-size:20px;}

h2{font-size:18px;}

h3{font-size:16px;}

h4{font-size:15px;}

h5{font-size:14px;}

h6{font-size:13px;}

h2,h3,h4,h5,h6{margin:0 0 10px 0;}



/* Heading Styles Ends */

/* Para Styles Starts */

#container p{margin:10px 0;}

/* Para Styles Starts */

h2{

	color:#003399;

	font-size:18px;

	line-height:24px;

	

	}

	

	h2 span{

		color:#99FF99;

		font-size:24px;

		line-height:30px;

		}



/* Layout Styles Starts */



#nakainer{

	width:765px;

	margin:0px auto;

	background-color:#FFFFFF;

	padding:0 7px 5px 8px;

}

	#header{

	}

		#logo{

		float:left;

		width:204px;	

		}

			#logo h1{

				background:url(img/logo.jpg) no-repeat left;

			}

				#logo h1 a{

				display:block;

				height:121px;

					

				}

					#logo h1 a span{

						display:none;

					}

					

					#banner{
					
					width:765px;
					height:227px;
					margin:5px 0 0 0;

					}

		#menu{

		background-color:#273f57;

		margin:130px 0 0 0;

		}

		

		#page_area{

		}

			

	    #primary_content{

		margin:5px 0 0 0;

		}

		

		#primary_content_top_homepage{

		background:#1e3449 url(img/primary_bg.jpg) repeat-x;

		padding:18px 10px 20px 15px;		

		}

		#primary_content_top_homepage img{

				 border:10px solid #d3e7f2;

				 margin:0 10px;

				}

		#primary_content_top{

		background:#1e3449 url(img/primary_bg.jpg) repeat-x;

		padding:18px 10px 20px 15px;

		min-height:400px;

		height:auto !important;

		height:400px;

		

		}

		#primary_content_top ul,ol{

		margin:1px 0 1px 30px;

		

		}

			 #primary_content_top h3{

			 font-size:18px;

			 color:#FFFFFF;

			 padding:0 0 5px 0;

		     }	

				 #primary_content_top img{

				 border:10px solid #d3e7f2;

				 margin:0 10px;

				}

		

		 #primary_content_bottom{

		 margin:5px 0 0 0;

		 background:#FFF;

		}

		

		#news{

		background:#1e3348 url(img/news_bg.jpg) top repeat-x;

		padding:10px 10px 15px 10px;

		width:218px;

		border:5px solid #1e3348;

		float:left;
		
		height:500px;

		}

		

			#news h3{

			font-size:16px;

			padding:0 0 12px 3px;

			}

		

				#news img{

				border:10px solid #d3e7f2;

				margin:0 0 10px 31px;

				}

		

		#profile{

		background:#1e3348 url(img/news_bg.jpg) top repeat-x;

		padding:10px 1px 2px 1px;

		border:5px solid #1e3348;

		float:right;

		margin:0 0 0 5px;

		width:500px;

		}

			#profile h3{

			font-size:16px;

			padding:0 0 12px 3px;

			}

		

		

		.profile img{

	    border:10px solid #d3e7f2;

		margin:0 11px 10px 0;

		float:left;

		}

		

			.profile{

			background-color:#3b536c;

			padding:13px;

			margin:0 0 5px 0;

			}

				.profile h4{

				font-size:16px;

				}

	#footer{

	background:url(img/footer.jpg) repeat-x;

	padding:10px 10px 5px 10px;

	margin:5px 0 0px 0;

	}



	#copy_rights{

	 margin:2px 6px 0 6px;

	}

	

	

	  #develope a{

	  margin:10px 6px 0 6px;

	  font-weight:bold;

	  font-family:verdana;

	  font-size:11px;

	  color:#fff;

	  text-decoration:none;

	  }

	  

	    #develope a:hover{

	    color:#5bbeec;

	    }

/* Layout Styles Ends */



/* Fixed Styles Starts */

.floatleft{float:left;}

.floatright{float:right;}

.textleft{text-align:left;}

.textcenter{text-align:center;}

.textright{text-align:right;}

.clear{clear:both;}

.noborder{border:none;}

.boldtext{font-weight:bold;}

.normaltext{font-weight:normal;}

.bg1{background:#fff;}

.fc1{color:#000;}

.fs1{font-size:10px;}

/* Fixed Styles Ends */



.more{

font-size:12px;

text-align:right;

}

.more a{

color:#FFF;



}

.more a:hover{

color:#65c3ef;

}



/* CSS Document */

/* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */

.pmenu {

/*position:relative;*/

z-index:100;

background:transparent;

}



/* Get rid of the margin, padding and bullets in the unordered lists */

.pmenu, .pmenu ul{

list-style:none;

margin:0px auto;

}

 

/* Set up the link size, color and borders */



.pmenu a, .pmenu a:visited {

display:block;

float:left;					

color:#fff;

font-weight:bold;

text-decoration:none;

/*margin:0 5px;*/

padding:0 47px;

line-height:38px;

background:url(img/menu_bg.jpg) repeat-x;

margin:0 0 0 1px;

}

.pmenu li.double a, .pmenu li.double a:visited {

padding :4px 1px 1px 0px;

line-height:20px;

}

.pmenu li.doublea a, .pmenu li.doublea a:visited {

padding :1px 1px 1px 0px;

line-height:34px;

}









.moretext a, .moretext a:visited {

line-height:33px;

}

.pmenu a.pmenu_0, .pmenu a.pmenu_0:visited {



}

.pmenu a.pmenu_1, .pmenu a.pmenu_1:visited {



}

.pmenu a.pmenu_2, .pmenu a.pmenu_2:visited {



}







.pmenu a.pmenu_0:hover { background:#415d77; color:#fff; text-decoration:none; text-align:center;}

.pmenu a.pmenu_1:hover {background:#415d77; color:#fff; text-decoration:none; text-align:center;}

.pmenu a.pmenu_2:hover {color:#fff; text-decoration:none; }



/* Set up the sub level borders */

.pmenu li ul li a, .pmenu li ul li a:visited {

border:1px solid #fff;

width:200px; 

background:#485e75;

padding:5px 10px;

margin:0;

color:#fff;

font:11px verdana;

font-weight:bold;

}







.pmenu li a.enclose, .pmenu li a.enclose:visited {border-width:1px;}



/* Set up the list items */

.pmenu li {float:left; }

/* For Non-IE browsers and IE7 */

.pmenu li:hover {position:relative;}

/* Make the hovered list color persist */

.pmenu li:hover > a {color:#fff;  text-decoration:none;}





.pmenu li li:hover > a {background:#415d77; color:#fff; text-decoration:none;}











/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */

.pmenu li ul {display:none;}

/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */

.pmenu li:hover > ul {display:block; position:absolute; top:-11px; left:190px; padding:10px 30px 30px 30px; background:transparent url(transparent.gif); width:170px;}

/* Position the first sub level beneath the top level liinks */

.pmenu > li:hover > ul {left:-25px; top:24px;}



/* get rid of the table */

.pmenu table {position:absolute; border-collapse:collapse; top:0px; left:0; z-index:100; font-size:1em;}



.pmenu table table {top:0;}



/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */

* html .pmenu li a:hover {position:relative; background:#415d77; color:#fff; text-decoration:none;}

* html .pmenu li  li a:hover {position:relative; background: #415d77; color:#fff; text-decoration:none;}



/* For accessibility of the top level menu when tabbing */

.pmenu li a:active, .pmenu li a:focus {background:#496a02; color:#fff;}



/* Set up the pointers for the sub level indication */

.pmenu li.fly {background:#45a8ba url(fly.gif) no-repeat right center;}

.pmenu li.drop {background:#45a8ba url(drop.gif) no-repeat right center;}





/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */



/* change the drop down levels from display:none; to visibility:hidden; */

* html .pmenu li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:180px; padding:10px 30px 30px 30px; background:transparent url(transparent.gif);}



/* keep the third level+ hidden when you hover on first level link */

.pmenu li a:hover ul ul{

visibility:hidden;

}

/* keep the fourth level+ hidden when you hover on second level link */

.pmenu li a:hover ul a:hover ul ul{

visibility:hidden;

}

/* keep the fifth level hidden when you hover on third level link */

.pmenu li a:hover ul a:hover ul a:hover ul ul{

visibility:hidden;

}

/* keep the sixth level hidden when you hover on fourth level link */

.pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul {

visibility:hidden;

}



/* make the second level visible when hover on first level link and position it */

.pmenu li a:hover ul {

visibility:visible; left:-30px; top:14px; lef\t:-30px; to\p:24px;

}



/* make the third level visible when you hover over second level link and position it and all further levels */

.pmenu li a:hover ul a:hover ul{ 

visibility:visible; top:-11px; left:190px;

}

/* make the fourth level visible when you hover over third level link */

.pmenu li a:hover ul a:hover ul a:hover ul { 

visibility:visible;

}

/* make the fifth level visible when you hover over fourth level link */

.pmenu li a:hover ul a:hover ul a:hover ul a:hover ul { 

visibility:visible;

}

/* make the sixth level visible when you hover over fifth level link */

.pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul { 

visibility:visible;

}