﻿/* E Zhakata Framework - www.currentProducts.com*/
/* CSS File : Common.css */
/* Start.CSS Reset */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form,
label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,time, mark, audio, 
video 				{	margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; 	}

body 				{	line-height:1;	}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,
section 			{ 	display:block;	}

nav ul 				{	list-style:none;	}

blockquote, q 		{	quotes:none;	}

blockquote:before, blockquote:after,
q:before, q:after 	{	content:'';	content:none;	}

a 					{ 	margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; 	}

/* change colours to suit your needs */
ins 				{	background-color:#ff9;	color:#000;	 text-decoration:none;	}

/* change colours to suit your needs */
mark 				{	background-color:#ff9;	color:#000; font-style:italic;	font-weight:bold;	}

del 				{	text-decoration: line-through;	}

abbr[title], 
dfn[title] 			{	border-bottom:1px dotted;	cursor:help;	}

table 	 			{ 	border-collapse:collapse; border-spacing:0;	}

/* change border colour to suit your needs */
hr 					{	display:block; height:1px; border:0;    border-top:1px solid #cccccc; margin:1em 0; padding:0;	}

input, select 		{	vertical-align:middle;	}


/* Global */

html	{ 	}
body   	{ 	color: #333;	background: #fff;	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	}

/* Headings */


h1, h2, h3, h4, h5, h6 { font-weight:bold; color:#000000; text-decoration:none;	}

h1 			{ font-size:24px;}
h2 			{ font-size:20px; }
h3 			{ font-size:16px;}
h4 			{ font-size:14px;}
h5 			{ font-size:14px;}
h6 			{ font-size:14px;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0;}

/*Text Elements*/

p 			{ color:#000000; font-size:12px; line-height:30px }
p .left 	{ margin: 1.5em 1.5em 1.5em 0; padding: 0;}
p .right 	{ margin: 1.5em 1.5em 1.5em 0; padding: 0;} 

a			{	text-decoration:none;}
a.link		{	color:#0000ff;	}
a.visited	{	color:#00ff00;	}
a.active	{	color:#000000;	}
a.focus		{	color:#656565;	}
a.hover		{	color:#ff00ff;	}

blockquote	{	color :#000000; font-size: 12px; }

strong		{	font-weight:bold;	}
em			{	font-style:italic;	}

/* images */

/* lists */

ul			{	}
ol			{	list-style-type:decimal;	}

ul 	li		{	color:#000000; font-size:12px	}
ol	li		{	color:#000000; font-size:12px	}

dl			{	}
dt			{	}
dd			{	}

/* Tables */

/* End.CSS Reset */


/* Containers */

#wrapper		{	width:900px; margin: 0px auto;	}

#header			{	background-color:#ffffff; width:100%; padding: 15px 0; overflow:hidden;		}

#header-logo	{	float:left;	}
#header-usermenu{	float:right;	}
#header-usermenu ul li{		display:inline;	}
#header-usermenu ul li a{	color:#4d4d4d;	}

#top-nav		{ 	background:#ededed; clear: both; }
#top-nav ul  	{ 	width:100%; float:left; margin: 0px; background:#ededed;  }
#top-nav ul li 	{ 	display:inline; }
#top-nav ul li a	{ float: left; padding:10px 20px; font-weight: bold; font-size:105% }
#top-nav a:link		{ 	color:#4d4d4d;	}
#top-nav a:visited	{ 	color:#4d4d4d;	}
#top-nav a:active	{ 	color:#4d4d4d;	}
#top-nav a:hover	{ 	color:#4d4d4d; background:#ffffff;	}
#top-nav a:focus	{ 	color:#4d4d4d;	}

#banner			{	width:100%; clear:both;		}

#sub-banner		{	width:100%; clear: both; height:30px;	}

#content		{	width:100%; clear:both;	}
#content  a		{	color:#4d4d4d;	 padding: 0px 0px 20px 5px; font-weight: bold; font-size:105%; text-decoration:none;	}
.content-p1{	height:100px; color:#4d4d4d; padding: 10px 5px; line-height:20px;}
.content-p2{	color:#4d4d4d; padding: 0px 5px; }

#sub-content-1	{	width:25%; float:left;		}
#sub-content-2	{	width:25%; float:left;		}
#sub-content-3	{	width:25%; float:left;		}
#sub-content-4	{	width:25%; float:left;		}

#right-side		{	clear:both;	width:100%; height:20px;}

#left-side		{	clear:both;	}

#footer			{ 	clear:both; background-color :#ededed;   height:30px; padding: 5px 0px;	}
#footer	p		{	color:#4d4d4d; text-align:center;  height:30px }



