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

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: #4d4948;
	border: 1px solid #da251c;
	color:#fff;
}

.style_btn{
	background:#0a0b0d; 
	color:#efce03; 
	padding:0px;
	font-weight:bold; 
	border:solid 1px #ccc;
	}	
	
			
input:hover, textarea:hover {
	
}
input:focus, textarea:focus {
	
}

/*  --- 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:#c6c7c7 url(img/bodybg2.gif) repeat-x;
	color:#222;
	font:13px/16px Arial;
}
a{
	color:#efce03;
	text-decoration: none;
}
a:active { 
	outline: none; 
	color:#d32713;
	}
a:hover{
	color:#fff;
	text-decoration:underline;
	outline: none;
}
a img {border: 0;}

/* Heading Styles Starts */
h1{font-size:20px; line-height:24px}
h2{font-size:18px; line-height:100%;}
h3{font-size:15px;
line-height:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:13px;}
h2,h3,h4,h5,h6{margin:0 0 10px 0;}
li{
margin:5px 0 0 20px;}
ul,ol{
margin:0 10px 0 10px;}
hr{
	color:#e03837;
	height:1px;}
/* Heading Styles Ends */
/* Para Styles Starts */

/* Para Styles Starts */

/* Layout Styles Starts */

#nakainer{
	width:100%;	
	padding:0;
	
}

#nakainer_inner{
	margin:10px auto 0 auto;
	width:780px;	
	padding:10px 0px 0 0;
	color:#fff;		
		
			}
			
			#header{
				height:300px;
				overflow:hidden;
				border-top:solid 5px #00A6D6;
				background:#fff url(img/headerbg.jpg) repeat-x top;
				position:relative;
						
			}
			
			#logo{
				background:url(img/logo.png) no-repeat center;
				float:left;
				width:280px;
				margin:30px 0px 10px 0px;}
			
			#logo a{
				height:175px;
				display:block;}
			
			#logo a span{
				display:none;}
			
			
			
			#topleft{
				color:#efce03;
				padding:5px 0;
				float:left;
				font-weight:bold;}
				
				#topleft span{
					color:#da2a7f;
					font-size:16px;
					line-height:18px;
					font-weight:bold;}
			
			#topleft span a{
					color:#da2a7f;
					font-size:16px;
					line-height:18px;
					font-weight:bold;}
			
			
			#toplinks{
				float:right;
				padding:5px 0;
				background:#00A6D6;
				width:380px;
				text-align:center;
		}
		
		
		#toplinks ul{
			list-style:none;
			display:inline;
			text-align:center;
		}
		
		#toplinks li{
			list-style:none;
			display:inline;
			border-right:solid 1px #000;
			padding:0 15px 0 0px;
			font-size:15px;
			line-height:21px;
			font-weight:bold;
			
		}
		
		#toplinks li a{
			color:#000;
			text-decoration:none;
			
		}
		
		#toplinks li a:hover{
			color:#fff;
			text-decoration:none;
		}
			
					
					
	#pagearea{		
		padding:15px 20px;
		background:#0a0b0d;
		min-height:400px;
		height:auto !important;
		height:400px;	
	}

	#pagearea h3{
		color:#efce03;
		font-size:18px;
		}
	
	#pagearea_innerblock{
	padding:10px 0;
	border:dashed 1px #7c7a79;
	border-width:1px 0px;}
	
				
	#bottomlinks{
		background:#d82c18;
		text-align:center;
		padding:15px 0;}
	
	#bottomlinks ul{
		list-style:none;
		display:inline;}
	
	#bottomlinks li{
		list-style:none;
		display:inline;
		padding:0px 4px;
		font-size:11px;
		margin:0px;}
	
	#bottomlinks li a{
		color:#fff;
		text-decoration:none;
		text-align:center;}
	
	#bottomlinks li a:hover{
		color:#efce03;
		text-decoration:none;}	
		
						
	#footer{
		width:780px;
		margin:0px auto;			
		padding:3px 0px;
		background:#383431;
		color:#fff;		
				
		
	}	
	
	#footer_inner{
		font-size:10px;
		line-height:18px;
		clear:both;
		padding:5px 10px;}
				
			#footer a{				
				text-decoration:none;
				color:#fff;
				padding:0 5px;
				
			}
			
			#footer a:hover{
				color:#efce03;
				text-decoration:underline;
			}
		
				
				/********************************************************* --- Main Body Container  *******************************************************/
.container { width:491px; height:225px; overflow:hidden; position:relative; cursor:pointer;}
.slides { position:absolute; top:0; left:0; z-index:0;}
.slides div { position:absolute; top:0; width:491px; display:none;}

	#loopedSlider .container{ width:491px; height:225px;  overflow:hidden; position:relative; cursor:pointer; margin-bottom:2px; background:none;}
	.slides { position:absolute; top:0; left:0; }
	ul.slides { position:absolute; top:0; left:0; list-style:none; padding:0;margin:0px 0px 0px 0px; }
	.slides div,ul.slides li { position:absolute; top:0px;  width:491px; display:none; padding:0; margin:0; }
	
	#loopedSlider{ margin:0 auto; width:491px; position:relative; clear:both;}

/* *************************** */	
		
/* 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;}
.fc2{color:#eb9b03;}
.fc3{color:#efce03;}
.fc4{color:#d82c18;}
.fc5{color:#fff;}
.fc6{color:#51bb3d;}
.fc7{color:#ee2f72;}
.fc8{color:#da2a7f;}
.fs1{font-size:10px;}
.bg{ background:#4d4948; padding:5px;}
/* Fixed Styles Ends */