/*
_________________________________________________________________________________________

Title:			naranCSS.hu | websminkelés
Project:		Logodesign, Webdesign, Client- & Serverside Programing
Technologies:	XHML, CSS, javaScript, MySQL, PHP

URL:			http://narancss.hu/

-----------------------------------------------------------------------------------------
Author:			Tari Gábor
				Website: http://agx.hu/
				Contact: tari@agx.hu
-----------------------------------------------------------------------------------------

Date:			04.14.2008.
				© All contents are reserved.
_________________________________________________________________________________________

*/


/* MAIN CONTROLS ----------------------------------------------------------------------------------------------------------------- */

body {  margin:0; padding:0; background:white; }

p { padding:0; }

img { outline:none; border:none; margin:0; padding:0; }

h1 { font-family: "Trebuchet MS", Trebuchet, Helvetica, sans-serif; font-size: 28px; color: #FF6300; padding-top: 15px;}




/* LOGO ------------------------------------------------------------------------------------------------------------------------*/

#narancsLogo { float:left; position:absolute; left:165px; top:7px; }




/* TOP ----------------------------------------------------------------------------------------------------------------------- */

#top {
	float: left;
	position: absolute;
	left: 600px;
	top: 8px;
}

#top ul {
	margin: 0;
	list-style: none;
	line-height: normal;
}

#top li {
	float: left;
	padding-left: 6px;
}

#top a {
	float: left;
	background: #1D2419;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	border: 1px solid #84917E;
	border-top: none;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #84917E;
	outline: none;
}

#top a:hover {
	padding-top: 3px;
	color: #FFFFFF;
}




/* CONTAINERS ----------------------------------------------------------------------------------------------------------------- */

#wrapper { 
	margin: 0 auto;
	width: 100%;
}

#header {
	width: 100%;
	float: left;
	height: 147px;
	background: url(../gfx/header.jpg) #4C5C42;
}

#banner {
	float: left;
	width: 100%;
	height: 153px;
	background: url(../gfx/banner_bg.jpg) repeat-x;
}

#content { 
	float: left;
	background: url(../gfx/content_bg.jpg) repeat-x;
	height: auto;
	width: 100%;
}

#leftCol {
	border-right: 1px dashed #858B81;
	padding-left: 170px;
	padding-right: 40px;
	margin-top: 3px;
	width: 420px;
	height: auto;
    float: left;
}

#rightCol {
    margin-left: 640px;
	margin-top: 20px;
	height: auto;
	padding-top: 40px;
}





/* BANNER ------------------------------------------------------------------------------------------------------------------------ */

#bannerInside { padding-left: 140px; }





/* M E N U ---------------------------------------------------------------------------------------------------------------------- */

#menu {
	position: absolute;
	top: 115px;
	width: 100%;
	height: 40px;
}

#menu ul {
	padding-left: 160px;
	margin: 0;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
	padding-left: 7px;
}

#menu li.aktiv a {
	float: left;
	background: #FF6300;
	padding-bottom: 13px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 8px;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #FFFFFF;
}

#menu a {
	float: left;
	background: #1D2419;
	padding-bottom: 8px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #FFFFFF;
	outline: none;
}

#menu a:hover {
	background: #FF6300;
	padding-bottom: 13px;
	padding-top: 8px;
}





/* TEXT -------------------------------------------------------------------------------------------------------------------------- */

.text { font-family:"Trebuchet MS", Trebuchet, Helvetica, sans-serif; font-size:11px; color:#737E6C; }
.text a { color:#FF6300; font-weight:bold; text-decoration:none; padding:0 2px 0 2px; }
.text a:hover { color:#FFFFFF; background:#FF6300; }

.text12px { font-family: "Trebuchet MS", Trebuchet, Helvetica, sans-serif; font-size:12px; color:#737E6C; }
.text12px a { color:#FF6300; font-weight:bold; text-decoration:none; padding:0 2px 0 2px; }
.text12px a:hover { color:#FFFFFF; background:#FF6300; }





/* RSS FEED ----------------------------------------------------------------------------------------------------------------------- */

#rss {
	width: 200px;
	height: auto;
	border-bottom: 1px dashed #858B81; 
	padding-bottom: 30px;
	padding-left: 20px;
	line-height: 14px;
}


/* FIREFOX DOWNLOAD ---------------------------------------------------------------------------------------------------------------- */

#firefox {
	display: block;
	width: 203px;
	height: 85px;
	padding-top: 10px;
	padding-left: 10px;
}




/* footer -------------------------------------------------------------------------------------------------------------------------- */

#footer { 
	width: 100%;
	height: 280px;
	clear: both;
	background: url(../gfx/footer.jpg) repeat-x #283023;
	padding-top: 20px;
}

#footer-wrap {
	position: relative;
	clear: both;
	padding: 10px 0;
	font: normal 11px 'Trebuchet MS', Tahoma, sans-serif;
	text-align: left;	
	color: #BECAB6;
	width: 100%;
	float: left;	
}

#footer-wrap p {
	margin-left: 0;
}

#footer-wrap h2 {
	font: bold 14px 'Trebuchet MS', Tahoma, sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #FF6300;
	margin-left: 5px;
}

#footer-content {	
	margin: 0 auto;		
}

#footer-content a {
	color: #BECAB6;
	text-decoration: none;
}

#footer-content a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

#footer-content ul {
	list-style: none;
	margin: 0; padding: 0;	
	width: 98%;
}

#footer-content ul.columns li {
	border-bottom: 1px dashed #6B7266;	
}

#footer-content ul.columns li.top {
	border-top: 1px dashed #6B7266;	
}

#footer-content ul.columns li a {
	display: block;
	line-height: 22px;
	font-weight: normal;
	padding-left: 5px;
	width: 100%;
	color: #BECAB6;
}

#footer-content ul.columns li a:hover {
	background: #1F251A;
	color: #FFFFFF;
	text-decoration: none;
}

#footer-content .col {
	width: 270px;
	padding: 0 0 30px 0;			
}

#footer-content .col2 {
	width: 200px;
	padding: 0 0 30px 0;			
}

#footer-content .space-sep {
	margin-right: 10px;
	padding-left: 160px;
}

#footer-content .col3 {
	width: 300px;
	padding: 0 20px 30px 0;
	margin-left: 5px;
	display: inline;
	line-height: 18px;	
}


.bottom {
	font-family: 'Trebuchet MS', Tahoma, sans-serif;
	font-size: 10px;
	color: #A5B09E;
	line-height: 14px;	
}




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





/* SHOUTBOX ----------------------------------------------------------------------------------------------------------------------- */

.date { 
	color: #8A9583; 
	font-family: "Trebuchet MS", Trebuchet, Helvetica, sans-serif; 
	font-size: 11px;
	padding-left: 300px;
}

.sendButton {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #737E6C;
	border: 1px solid #BCC1B8;
	background-color: #E0E9D9;
	width: 60px;
	height: 24px;
	cursor: pointer;
}

.sendButton:hover {
	color: #FFFFFF;
	border: 1px solid #D85400;
	background-color: #FF6300;	
}

.textArea {
	font-family: "Trebuchet MS", Trebuchet, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #737E6C;
	border: 1px solid #BCC1B8;
	background-color: #FFFFFF;
	padding-left: 3px;
    padding-top: 2px;	
}

.textGray { font:11px Arial, Helvetica, sans-serif; color:#D6DDD0; }
.textGray a { font-size:12px; font-weight:bold; color:#FF6300; text-decoration:none; }
.textGray a:hover { text-decoration:underline; }

.print {
	font-family: "Trebuchet MS", Trebuchet, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #737E6C;
	line-height: 18px;
}