/*=================================================================================

Project:		OCEAN MEDIA SYSTEMS
Version:		1.0
Last Changed:	30/07/2010
Author:			Daniel Rus

=================================================================================*/


/*=================================================================================

[Table of Contents]

1. GENERAL [style for body, headers, default behaviour of paragraphs, images, links etc]
2. LAYOUT [elements used to define the layout of the site]
	2.1 HEADER
	2.2 CONTENT
		2.2.1 SIDEBAR
		2.2.2 MAIN CONTENT
	2.3 FOOTER
3. NAVIGATORS [navigation for the site]
	3.1 MAIN NAVIGATOR
	3.2 BOTTOM NAVIGATOR
4. CONTENT ELEMENTS
	4.1 HOMEPAGE
	4.2 FORMS
	4.2.1 FORMS ERRORS
5. BLOG

=================================================================================*/






/* 1. GENERAL -------------------------------------------------------------------*/

body { margin: 0; padding: 0;background: #bfdfec url(../../general/bgMain.jpg) no-repeat top center; font: normal 0.75em/1.8em Arial; color: #333333; }
h1 { margin: 0 -18px; height: 48px; padding: 16px; background: url(../../general/bgTitles.gif) repeat-x; font: normal 22px Helvetica, Arial; color: #003a75; }
h1 em { font-style: normal; font-weight: bold; color: #333333; }
h2 { margin: 1em 0 0.5em 0; font: normal 20px Helvetica, Arial; }
h2.content { border-top:1px dotted #6f6f6f; padding-top:20px; }
h3 { margin: 1em 0 0.5em 0; font: bold 16px Arial; }
a { color: #307dbc; text-decoration: none; }
a:hover { color: #64a5da; }
p { margin: 1em 0; text-align: justify; }
img { border: 0; }
a.more { color: #ffffff; background-color: #6992b4; padding: 0 5px; font-size: 0.9em; }
a.more:hover { background-color: #3c719d; }
a.readBlog { color: #ffffff; background-color: #a2a2a2; padding: 0 5px; font-size: 0.9em; }
a.readBlog:hover { background-color: #787878; }
.clearAll { clear: both; height: 0; font-size: 0; line-height: 0; overflow: hidden; }




/* 2. LAYOUT --------------------------------------------------------------------*/

#container { margin: 13px auto; width: 996px; background: url(../../general/bgContainer.jpg) repeat-y; }


	/* 2.1 HEADER -------------------------------*/
	
	#header { height: 175px; padding: 10px 8px 0 8px; background: url(../../general/bgHeader.jpg) no-repeat; }
	#headerSec { height: 207px; padding: 10px 8px 0 8px; background: url(../../general/bgHeader.jpg) no-repeat; }
	#logo { display: block; height: 141px; width: 450px; text-indent: -9999px; overflow: hidden; }
	
	
	
	/* 2.2 CONTENT ------------------------------*/

	#contentHolder { min-height: 450px; height: auto !important; height: 450px; padding: 0 9px; background: url(../../general/bgContentHolder.jpg) no-repeat; }
	#content { background: url(../../general/bgContent.jpg) no-repeat; min-height: 100px; height: auto !important; height: 100px; padding: 10px 24px; }
	
		/* 2.2.1 SIDEBAR ------------------------*/
		
		#sidebar { float: left; width: 300px; }
		
		
		
		/* 2.2.2 MAIN CONTENT -------------------*/
		
		#mainContent { float: right; width: 578px; min-height: 790px; height: auto !important; height: 790px; border: 1px solid #cccccc; background-color: #ffffff; padding: 2px 20px 10px 20px; margin-bottom: 10px; }
		#mainContentPartner { float: right; width: 617px; min-height: 790px; height: auto !important; height: 790px; border: 1px solid #cccccc; background: #000 url(../../general/bgContentPartners.jpg) no-repeat top;  margin-bottom: 10px; color:#fff }
		#mainContentPartner p {color:#b3b3b3; font-size:11px; padding:10px;}
		#mainContentPartner h1{background:none; color:#fff; font-weight:bold; padding-left:25px;}
		#mainContentPartner h1 em{background:none; color:#c68a00; font-weight:bold;}		
	
	
	/* 2.3 FOOTER -------------------------------*/
	
	#footer { padding: 30px; text-align: center; font-size: 0.9em; line-height: 1.5em; background: url(../../general/bgFooter.jpg) no-repeat bottom; }
	#footer a { font-weight: bold; }




/* 3. NAVIGATORS ----------------------------------------------------------------*/

	/* 3.1 MAIN NAVIGATOR -----------------------*/

	#navMain { height: 29px; padding: 2px 0; background: url(../../general/bgNavMain.gif) repeat-x; }
	#navMain ul { margin: 0; padding: 0; list-style: none; height: 29px; }
	#navMain li { float: left; height: 29px; padding-left: 2px; background: url(../../general/dividerNavMain.gif) no-repeat left center; }
	#navMain li.first { background: none; padding-left: 0; }
	#navMain a { float: left; text-transform: uppercase; color: #ffffff; font: bold 12px/29px Arial; padding: 0 10px; height: 29px; }
	#navMain a:hover { background-color: #46749a; }
	#navMain span { float: left; text-transform: uppercase; color: #ffffff; font: bold 12px/29px Arial; padding: 0 12px; height: 29px; background-color: #1e527f; }	



	/* 3.2 GROUP NAVIGATOR ----------------------*/
	
	#navGroup
	{
		height: 29px;
		background-color: #d8d6ca;
		border-bottom:1px solid #b6b4aa;
	}

	#navGroup ul
	{
		margin: 0;
		padding: 0;
		list-style: none;
		height: 29px;
	}

	#navGroup li
	{
		float: left;
		height: 29px;
		padding-left: 2px;
		
	}

	#navGroup li.first { background: none; padding-left: 0; }

	#navGroup a
	{
		float: left;
		text-transform: uppercase;
		color: #4c4b48;
		font: bold 12px/29px Arial;
		padding: 0 12px;
		height: 29px;
	}

	#navGroup a:hover
	{
		background-color: #46749a;
		color:#fff;
	}

/* 3.2 BOTTOM NAVIGATOR ---------------------*/








/* 4. CONTENT ELEMENTS ----------------------------------------------------------*/

	/* 4.1 HOMEPAGE -----------------------------------------------------------------*/
	
	.visualHome
	{
		margin-bottom: 10px;
	}
	
	.boxContact,
	.boxNews,
	.boxNewsletter
	{
		border: 1px solid #cccccc;
		padding: 2px;
		margin-bottom: 10px;
		background-color: #ffffff;
	}
	
	.boxContact { line-height: 2em; }
	
	.boxContact h2,
	.boxNews h2,
	.boxNewsletter h2
	{
		margin: 0;
		height: 45px;
		padding-left: 13px;
		line-height: 45px;
	}
	
	.boxContact h2 { background: url(../../general/bgTitleContact.gif) no-repeat; }
	.boxNews h2 { background: url(../../general/bgTitleNews.gif) no-repeat; }
	.boxNewsletter h2 { background: url(../../general/bgTitleNewsletter.gif) no-repeat; }
	
	.boxContact p,
	.boxNews p,
	.boxNewsletter p,
	{
		margin-left: 13px;
		margin-right: 13px;
	}
	
	.boxNews ul
	{
		margin: 0 13px;
		padding: 0;
		list-style: none;
	}
	
	.boxNews li
	{
		display: block;
		margin: 0;
		padding: 10px 0;
		border-bottom: 1px dotted #cccccc;
	}
	
	.boxNews h3 { margin: 0; }
	.boxNews li p { margin: 0; }
	
	.boxVisual
	{
		float: left;
		width: 300px;
	}
	.boxQuote
	{
		float: right;
		width: 480px;
		height: 88px;
		padding: 10px 10px 10px 130px;
		background: url(../../general/bgQuote.gif) no-repeat;
	}
	
	.boxQuote h2
	{
		margin: 0;
		padding: 0;
		height: 32px;
		text-indent: -9999px;
		background: url(../../general/bgTitleQuote.gif) no-repeat;
	}
	
	.boxQuote p { margin: 0; line-height: 1.5em; }
	.boxQuote a { font-weight: bold; color: #c67d1e; }
	
	.firstLetter { font-size:20px; text-transform:uppercase;}





	/* 4.2 FORMS ---------------------------------------------------------------------*/
	
	
	form { margin: 0; padding: 0; }
	.formField { float: left; width: 140px; padding: 2px 5px; border: 1px solid #949494; background-color: #f8f7f2; font: normal 0.9em Arial; color: #666; margin-bottom: 10px; }
	.formFieldNews { float: left;  width: 140px; padding: 2px 5px; border: 1px solid #949494; background-color: #f8f7f2; font: normal 0.9em Arial; color: #666; margin-left: 30px; margin-bottom: 10px; }
	.formTextarea { float: left; width: 300px; height:100px; padding: 2px 5px; border: 1px solid #949494; background-color: #f8f7f2; font: normal 0.9em Arial;  color: #666; margin-bottom: 10px; overflow:hidden; }
	.formButtons { padding-left:15px; padding-top: 2px; margin:0; }
	.formSelect { float:left; width: 150px; padding: 2px 5px; border: 1px solid #949494; background-color: #f8f7f2; font: normal 0.9em Arial; color: #666; margin-bottom: 10px; }
	label { float: left; width: 100px; font-size: 1em; color:#02305f; }
	label span { color:#c67d1e; margin-right:5px; }
	form br { clear: left; }
	.searchButton { float:left; }



		/* 4.2.1 FORMS ERRORS --------------------------------------------------------------*/
	
	
		span.error { color: red; }
		input.error { border: 2px solid red; }
		select.error { border: 2px solid red; }
		div.error { color: red; }
		div.action-container { position: relative; top: -45px; cursor: pointer; }
		.notificationError { padding: 8px 10px 8px 36px; background: #ffdac9 url(../../general/iconError.gif) no-repeat 8px center; border: 1px solid #ff0000; color: #ff0000; font-weight: bold; }
		.notificationVerify { padding: 8px 10px 8px 36px; background: #fffeba url(../../general/iconVerify.gif) no-repeat 8px center; border: 1px solid #ff9f51; color: #ff7200; font-weight: bold; }
		.notificationSuccess { padding: 8px 10px 8px 36px; background: #c9f09f url(../../general/iconSuccess.gif) no-repeat 8px center; border: 1px solid #66bc0a; color: #569c0b; font-weight: bold; }


	/*4.3 FILE MANAGER ------------------------------------------------------------------*/
	
	
	.dir-open { width: 10px; height: 10px; background: url(../../general/arrow-down.jpg) no-repeat; }
	.dir-close { width: 10px; height: 10px; background: url(../../general/arrow-up.jpg) no-repeat; }
	.filesList { display: none; }





/* 5 BLOG -----------------------------------------------------------------------------*/
ul.blogListing
{
	list-style-type:none;
	margin:0px; 
	padding:0px;	
}

ul.blogListing li
{
	border-bottom:1px dotted #ddd;
}

ul.blogListing li p
{
	margin:5px 0px;
	padding:0px;
}