/********************************************
   AUTHOR:  			Claudiu Geanta 
   WEBSITE:   			http://www.designbysatori.com/
   PROJECT:			IC ANALYTICS
 *******************************************/ 

/* top elements */
* { padding: 0; margin: 0; }


html { background: #ebeadc url('images/bg.gif') repeat-x; }

body {
	color: #5E5E5E;
	margin: 0;
 	padding: 0; 
	text-align: center; font-style:normal; font-variant:normal; font-weight:normal; 
	line-height:165%; font-size:11px; 
	font-family: Verdana, Arial, sans-serif
}

/* Links */
a, a:visited {
	text-decoration: none;
	color: #FFF;	
}
a:hover {
	color: #fff;
	text-decoration: none;
}

/* headers */
h1, h2, h3 {
	font-family: "Times New Roman", Georgia, Times, serif;
	color: #244065;
	text-transform: uppercase;
	
}
h1 {
	font-size: 2em;	
	letter-spacing: 2px;
	padding: 15px 10px 5px 10px;	
}
h2 {
	font-family: Arial, Verdana, serif;	
	font-size: 1.4em;
	color: #FFF;
	font-weight: bold;
	padding: 10px;
	background: #97804f;
	letter-spacing: 1px;
	border-left: 5px solid #655634;

}
h3 {
	font-size: 1.7em;	
	font-weight: normal;
	padding: 20px 10px 5px 10px;		
}

p, dl { padding: 10px; margin: 0; }


ul { list-style: none; }

dt {
  font-weight: bold;
  color: #FAFAFA;
}
dd {
  padding-left: 25px; 
}

/* images */
img {
	background: ;
	margin: 0;
	padding: 0;
	border: 0px none;
	
}
img.float-right {
  	margin: 5px 0px 10px 10px;  
}
img.float-left {
  	margin: 5px 10px 10px 0px;
}







/* ------------------------------------------
   LAYOUT
------------------------------------------- */ 
#around_index {
	background: #ebeadc url('images/bg_index.jpg') no-repeat center top;
	width: 100%
	}

#around_services {
	background: #ebeadc url('images/bg_services.jpg') no-repeat center top;
	width: 100%
	}

#around_clients {
	background: #ebeadc url('images/bg_clients.jpg') no-repeat center top;
	width: 100%
	}

#around_staff {
	background: #ebeadc url('images/bg_staff.jpg') no-repeat center top;
	width: 100%
	}

#around_applications {
	background: #ebeadc url('images/bg_applications.jpg') no-repeat center top;
	width: 100%
	}

#around_testimonials {
	background: #ebeadc url('images/bg_testimonials.jpg') no-repeat center top;
	width: 100%
	}
#around_contact {
	background: #ebeadc url('images/bg_contact.jpg') no-repeat center top;
	width: 100%
	}

#wrap {
	width: 950px;	
	margin: 0 auto;
	text-align: left;		
}
#content-wrap {
	clear: both;
	width: 950px;	
	float: left;	
	padding: 10px 0;	
	
	
	
}
#header {
	
	width: 950px;	
	margin: 0; padding: 0;
	height: 300px;	
	background: transparent;		
}

/* header links */
#header-links {
	
	position: absolute;
	color: #000;
	font: 1.3em Arial, Verdana, Helvetica, Sans-serif;
	top: 5px; right: 40px;
	text-transform: uppercase;
	font-weight: bold;
	background: #244065;
	border: 1px solid #FFF;

}
#header-links a {	
	color: #deb666;
	text-decoration: none;
		
}
#header-links a:hover {
	color: #fff;
	border-bottom: 1px dotted #FFF
}

#header-links p {	
	color: #FFF;
		
}

#logo { 
	float: left;
	width: 245px;
	display:inline;
}
/*  Navigation  */
.preload1 {background: url('images/bar_off.gif');}
.preload2 {background: url('images/bara_on.gif');}

#nav {padding:0; height:53px; background:#fff url('images/bar.gif') repeat-x; float:left; z-index:500; margin-top: 52px; display:inline; font-family: "Times New Roman", Georgia, Times, serif; list-style-type:none; margin-left:0; margin-right:0; margin-bottom:0}
#nav li.top {display:block; float:left; height:53px;}
#nav li a.top_link {display:block; float:left; height:53px; line-height:33px; color:#605e56; text-decoration:none; font-size:16px; font-weight:bold; cursor:pointer;background: url('images/bar.gif');; padding-left:8px; padding-right:0; padding-top:0; padding-bottom:0}
#nav li a.top_link span {float:left; display:block; height:53px; background: url('images/bar.gif') no-repeat right top;; padding-left:12px; padding-right:24px; padding-top:10px; padding-bottom:0}
#nav li a.top_link span.down {float:left; display:block; height:53px; background: url('images/bara_off.gif') no-repeat right top;; padding-left:12px; padding-right:24px; padding-top:10px; padding-bottom:0}

#nav li:hover a.top_link {color:#a95319; background: url('images/bar_off.gif') no-repeat;}
#nav li:hover a.top_link span {background:url('images/bar_off.gif') no-repeat right top;}
#nav li:hover a.top_link span.down {background:url('images/bara_on.gif') no-repeat right top;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub
{left:1px; top:53px; background: #ebeadc; padding: 5px; border:0px; white-space:nowrap; width:210px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:30px; position:relative; float:left; width:210px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:14px; height:30px; width:210px; line-height:28px; text-indent:5px; color:#000; text-decoration:none;border-bottom:1px dotted #a95319;}
#nav li:hover ul.sub li a:hover 
{background:#a95319; color:#FFF; border-color:#fff;}


#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:90px; top:-4px; background: #bbd37e; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:90px; z-index:400; height:auto;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}





/* main Column */
#main {
	float: left;
	width: 290px;
	padding: 0 0 10px 0; margin: 0 0 0 10px;
	display: inline;
	margin-top: 10px;
	background: #bcbaab;
	color: #000;		
}

#col_a {
	float: left;
	width: 290px;
	padding: 0 0 10px 0; margin: 0 0 0 10px;
	display: inline;
	margin-top: 10px;
	color: #000;		
}


#main ul.sidemenu {
	text-align: left;
	margin: 0; 
	padding-left: 10px;		
	border-top: 1px solid #FFF;		
}
#main ul.sidemenu li {
	list-style: none;
	padding: 5px 10px;
	margin: 0;		
	border-bottom: 1px dotted #444;
	
}

#main h2  {
	font-family: Arial, Verdana, serif;	
	font-size: 1.4em;
	color: #FFF;
	font-weight: bold;
	padding: 10px;
	background: #8d8b81;
	letter-spacing: 1px;
	border-left: 5px solid #656356;

}

/* sidebar */	
#sidebar {
	float: left;
	width: 300px;
	padding: 0 0 10px 0; margin: 0px 0px 0 20px;		
	display: inline;
	background: #c6a867;
	margin-top: 10px;
	color: #000;	
}

#col_b {
	float: left;
	width: 300px;
	padding: 0 0 10px 0; margin: 0px 0px 0 30px;		
	display: inline;
	margin-top: 10px;
	color: #000;	
}

#col1 {
	float: left;
	width: 400px;
	padding: 0 0 10px 0; margin: 0 0 0 10px;
	display: inline;
	margin-top: 10px;
	color: #000;		
}
#col1 a:link, #col1 a:visited
{
	color: #244065;
	border-bottom: 1px dotted #244065;
}

#col1 a:hover
{
	color: #c6a867;
	border-bottom: 1px dotted #c6a867;
}
		 

#col2 {
	float: left;
	width: 400px;
	padding: 0 0 10px 0; margin: 0px 0px 0 30px;		
	display: inline;
	margin-top: 10px;
	color: #000;	
}	

#sidebar ul.sidemenu {
	text-align: left;
	margin: 0; 
	padding-left: 10px;		
	border-top: 1px solid #FFF;		
}
#sidebar ul.sidemenu li {
	list-style: none;
	padding: 5px 10px;
	margin: 0;		
	border-bottom: 1px dotted #655634;
	
}
* html body #sidebar ul.sidemenu li, #main ul.sidemenu li {
	height: 1%;
}

#sidebar ul.sidemenu li a, #main ul.sidemenu li a {
	text-decoration: none;	
	border: none;
	color: #000;
	padding: 10px;

}


#sidebar ul.sidemenu li a:hover,
#main ul.sidemenu li a:hover {	
	color: #fff;	
}
#sidebar ul.sidemenu ul, #main ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; }


/* rightbar */	
#rightbar {
	float: left;
	width: 280px;
	padding: 0; margin: 0px 20px 0 20px;		
	display: inline;
	background: transparent;
	margin-top: 10px;
	color: #000;	
}




/* corebar */	
#corebar {
	float: left;
	width: 580px;
	padding: 0; margin: 0px 20px 0 20px;		
	display: inline;
	background: transparent;
	margin-top: 10px;
	color: #000;	
}
#corebar ul {
	text-align: left;
	margin: 0; 
	padding-left: 30px;
	line-height:1.2em;		
			
}
#corebar ul li {
	list-style-image: url('images/arrow.gif');
	padding: 5px;
	margin: 0;		

	
}


#corebar a:link, #corebar a:visited {	
	color: #000;
	text-decoration: none;
	background: #97804f;
	padding: 10px;
	margin-top: 10px;
	font-weight: bold;
		
}
#corebar a:hover {
	color: #fff;
	background: #244065;
}

/* footer */
#footer {
	clear: both;
	padding: 1em 0 2.5em 0;
	background: #244065;
	color: #FFF;
	width: 100%;
	float: left;		
		
}
#footer a:link, #footer a:visited {	
	color: #FFF;
	border: none;
}
#footer a:hover {
	color: #c6a867;
	border-bottom: 1px dotted #c6a867;
}

#footer-left {
	float: left;
	width: 61%;
	text-align: left;
	padding: 0 0 0 20px;
	border-right: 1px solid #2d4d78;
}
#footer-right {
	float: right;
	width: 25%;
	padding: 0 20px 0 0;
}



/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.no-border { border: none; }
.clearer { clear: both; }
.clear {	display:inline-block; }
.clear:after {
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0; 
	content: "."; 
}