﻿/*
	Brought to you by www.oricemedia.ro & http://web-design-tuts.blogspot.com/
		
	Table Of Contents
	
	1. =GENERAL
	2. =HEADER
		2.1 =LOGO
		2.2 =NAVIGATION
	3. =CONTENT
		3.1 =MAIN CONTENT
		3.2 =SIDEBAR
			3.2.1 =SIDEBAR NAVIGATION
			3.2.2 =CONTACT INFO 
	4. =FOOTER
	5. =MISC
		5.1 =ROUNDED CORNERS
		5.2 =CONTACT FORM	
				

-----------------------------------------------------------------------------------*/

/* =GENERAL
------------------ */

body {
	background: url(../images/bg_gradient.gif) #ebebeb repeat-x 0px 0px;
	font: smaller Tahoma, Verdana, Geneva, sans-serif;
	position: relative;
	padding: 0;
	margin: 0;
}

a { color:#0000FF; }
a:hover { }

img{ border:none; }
	
.table{ width:100%; margin-bottom:15px; line-height:24px; }
th{
	border-top: 3px solid #970205;
	padding: 5px 10px 5px 10px;
	color: #666666;
	background-color: #CCCCFF;
	text-align: left;
	border-top-color: #6666FF;
	border-top-width: 2px;
}
td{ border-bottom:1px solid #f4f4f4; padding:10px; }

.tip{
	display: block;
	margin-bottom: 15px;
	padding: 10px;
	border-left: 5px solid #ddd;
	background-color: #F9F9DF;
	border-style: solid;
	border-width: 1px 1px 1px 5px;
	border-color: #F7E096 #F7E096 #F7E096 #C0C0C0;
}

.note{
	display: block;
	margin-bottom: 15px;
	padding: 10px;
	border-left: 5px solid #ddd;
	background-color: #F7FAFD;
	border-style: solid;
	border-width: 1px 1px 1px 5px;
	border-color: #DDE8F2 #DDE8F2 #DDE8F2 #C0C0C0;
}


blockquote{ display:block; margin:15px; padding-left:50px; background:#fff url('images/blockquote-quotemark.gif') no-repeat left top;
}
blockquote p{ font-style:italic; font-family:Georgia,"Times New Roman",Times,serif; margin:0; height:1%; }

/* align images + text */	

.img-left{
	float: left;
	margin: 10px 25px 15px 5px;
}
/* Add this to any image you want to left align  */
.img-right{ float:right; margin:10px 5px 15px 15px; }	/* Add this to any image you want to right align */
.img-center{
	margin: 20px;
	float: none;
}

.text-right{ text-align:right; }
.text-center{ text-align:center; }

/* Clear Fix Hack - add  class="fixed"  to div's that have floated elements in them */

.fixed:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
	.fixed{display:block;}
	/*  \*/
	.fixed{min-height:1%;}
	* html .fixed{height:1%;}


/* =HEADER
------------------ */

#header {
	border-width: 1px;
	border-color: #DDDDDD;
	margin: 0 auto;
	width: 900px;
	background-color: #FEFEFE;
	border-right-style: solid;
	border-left-style: solid;
	padding-bottom: 40px;
	border-bottom-style: dotted;
	padding-top: 20px;
}

	/* =LOGO
	------------------*/
	
	.logo {
	padding: 5px 0 5px 35px;
	margin: 0;
	color: #FFFFFF;
}
		.logo a{}
		
	/* =NAVIGATION & SUBNAVIGATION
	-------------------------------*/
	.menu 
{
	width: auto;
	font-size: 11pt;
	text-align: center;
}

	.menu a {
		color: #003366;
	font-size: 14px;
	text-decoration: none;
	outline: none;

	}
	
	.nav {
	border-width: 2px;
	margin: 0px;
	padding: 0px;
	color: #004990;
	border-bottom-style: solid;
}
.nav ul {
	border-style: none;
	border-width: 0;
	margin: 0;
	list-style: none;
}
.nav ul li {
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
}
.nav ul li a {
	color: #003366;
	font-size: 14px;
	text-decoration: none;
	outline: none;
}
	.nav ul li a:hover{ text-decoration:underline; }
	.nav ul li a.active {
	background-position: center bottom;
	background: no-repeat center
bottom;
}
.subnav {
	padding: 10px;
	margin: 0 20px 20px 20px;
}
	.subnav ul { padding:0; margin:0; list-style:none; border:0;}
	.subnav ul li { float:left; margin:0; padding:0 2px 0 0; border:0;}
	.subnav ul li a { float:left; margin:0; padding: 5px 10px; color:#6B767B; font-size: 13px;  text-decoration:none; outline:none; }
	.subnav ul li a:hover{ text-decoration:underline; }
	.subnav ul li a.active { text-decoration:underline; }

	
/* =CONTENT 
-------------------*/

#content {
	border-style: dashed solid dashed solid;
	border-width: 1px;
	border-color: #dddddd;
	width: 830px;
	margin: 0 auto;
	background-color: #FFFFFF;
	padding: 35px 35px 0px 35px;
	background-image: url(../images/content-background.png);
	background-repeat: repeat-x;
}

	
	#content h2 { margin:0; padding:10px 5px; font-size: 25px; color:#424a55; }
	#content h3 {
	margin: 0;
	padding: 15px 5px;
	color: #003366;
}
	#content h4 { margin:0; padding:15px 5px; font-size:16px; font-weight:bold; }
	#content h5 { margin:0; padding:15px 5px; font-size:14px; font-weight:bold; }	
	#content ul {
	margin: 0 5px 0 0;
	padding: 0 0px 15px 20px;
	list-style: inside;
}
	#content li { margin:0; padding:0;} 
	#content ul li ul{ padding-bottom: 0px; }
	#content p, #content li {
}
	#content p { padding:5px; margin:0;}


	/* =MAIN CONTENT
	------------------*/
	
	#maincontent { float:left; width:530px; padding:0 0 30px 0; margin:0; text-align:justify; }

	/* =SIDEBAR
	------------------*/
	
	#sidebar { float:right; width:240px; padding:12px 0 0 30px; }
	
		#sidebar  h3{ padding:10px 0; margin-bottom:10px; font-size:20px; border-bottom:3px solid #e3e3e3; }
		#sidebar .title { background:url(images/news_title.gif) no-repeat left center; padding:5px 0 5px 20px; font-weight:bold;}


		/* =SIDEBAR NAVIGATION
		---------------------*/
		#sidebar ul.sidebar_nav { padding:0; margin:0; list-style:none;}
		#sidebar ul.sidebar_nav li { padding:5px 10px; border-bottom:1px solid #e5e5e5;}
		#sidebar ul.sidebar_nav li a { background:none; color:#6e6e6e; font-weight:normal; padding:0 0 0 15px; text-decoration:none;  }
		#sidebar ul.sidebar_nav li a.active { color:#0000FF;}
		#sidebar ul.sidebar_nav li a:hover {  text-decoration:underline;}
			
		/* =CONTACT INFO 
		-------------------*/
		#sidebar ul.contact_info { padding:0; margin:0; list-style:none;} 
		#sidebar ul.contact_info li {
	width: 210px;
	float: left;

	padding: 0 0 0 15px;
	margin: 0 0 0 5px;
}
		#sidebar ul.contact_info li a { padding:0; margin:0; background:none;}


/* =FOOTER 
-------------------*/

#footer {
	border-width: 1px;
	border-color: #dddddd;
	width: 830px;
	margin: 2px auto 0 auto;
	background-color: #F9F9F9;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	padding-right: 35px;
	padding-bottom: 0px;
	padding-left: 35px;
	background-image: url('images/content-background.png');
}
#footer p {
	font-size: 12px;
	color: #C0C0C0;
}
	#footer a { color:#D4D8D9; text-decoration:underline;}
	.copyright{
	float: left;
	font-size: xx-small;
	color: #999999;
}
	.credits{ float:right;}
		
/* =MISC
-------------------*/

	/* =ROUNDED CORNERS
	-------------------*/
	#round_bottom{ width:900px; height:20px; background:url('_layout/images/round-bottom.png') no-repeat center top; 
margin:0 auto; }
	
	
	/* =CONTACT FORM
	-------------------*/
	
	form { margin:0; padding:5px 10px;}

	form ol { margin:0; padding:0; list-style:none;}
	form li { margin:0; padding:0; background:none; border:none; display:block;}
	form li.buttons { margin:5px 0 5px 110px;}
	form label { margin:2px 10px 2px 0; width:170px; display:block; padding:3px 0;
				 text-transform:capitalize; float:left; text-align:right;}
	form label span { color:#2c2c2c;}
	form input.text { width:260px; border:1px solid #dcdcdc; margin:5px 0; padding:5px; height:16px; background:#FFF; float:left;}
	form textarea { width:260px; border:1px solid #dcdcdc; margin:5px 0; padding:5px; background:#FFF; float:left;}



