/* Sy Damascus - CSS BY : Ammar ( Ammar.h2007@gmail.com - Copy Rights reserved to WWW.SY-Melody.org )
V 1.0 ( Jul 25, 2008 )
 */
 
/* Global selectors */ 
 
* { 
		 margin:0; 
		 padding:0;}

/* Main Secetors */

body {
		border: 0;
		padding:0;
		margin:auto;
		height: 100%; 
		color:#FFFFFF;
		max-height: 100%;
		font:76% tahoma, verdana, sans-serif;
		background:#A87923 url(img/bg.gif) top left repeat-x;}
		
/* Main Container*/
#wrap {
		width:800px;
		height: 100%;
		margin:0 auto 0 auto;
		background-color:#A87923;}
/* End  Main Container */

/* Top  Menu */
#topnav {
		height: 60px;
		direction: rtl;
		background:#000000 url(img/nav_bg.gif) top  repeat-x;}

#topnav ul {
		margin: 0;
		width: 100%;
		color: #A87923;
		padding: .7em 0;
		font-size: 1.2em;
		text-align: center;
		list-style-type: none;
		font-family: tahoma, verdana, sans-serif;}

		li { display: inline; }

		li a {
			color: #A87923;
			padding: .6em 1.3em;
			text-decoration: none;
			background-color: #000;}

		li a:hover {
		color: #000;
		background-color: #A87923;
		border-top: 3px solid #5E410E;
		padding: 0.3em 1.3em .3em 1.3em;}
/* End Top  Menu */

	/* Top  Header & Logo */
#header {
		margin: 0;
		padding: 0;
		width: 800px;
		height: 164px;
		background:#000000 url(img/header.jpg) top left no-repeat;}

	.logo {
		padding: 0;
		float: left;
		border: none;
		margin: 79px 0 0 0;
		text-decoration:none;}

	.ads {
		border: none;
		text-decoration:none;}
	/* End Top  Header & Logo */

/* Main Content Container */
#container {
		margin: 0;
		padding: 0;
		width: 800px;
		height: 565px;
		background:#000000 url(img/content_bg2.jpg) top left no-repeat;}

	.rightcol {
		width: 384px;
		float: right;
		height: 565px;
		text-align: right;
		padding-right: 15px;}

	.leftcol {
		width: 350px;
		float: right;
		height: 565px;
		direction: rtl;
		margin-top: 45px;
		margin-left: 15px;
		padding-right: 8px;}

	.leftcol p {
		color: #747474;
		font-size: 1.1em;
		text-align: right;
		line-height: 1.9em;
		font-family: tahoma, verdana, sans-serif;}

	.leftcol h4 {
		color: #A87923;
		text-align: right;
		line-height: 1.9em;
		font-family: tahoma, verdana, sans-serif;}

	/* Ads Panel */
	#adspanel {
		margin: 0px;
		width: 784px;
		padding: 0px;
		color:#999999;
		margin-left: auto;
		margin-right: auto;
		font-family: tahoma, verdana, sans-serif;
		background:#000000 url(img/ads_bg.jpg) top left repeat-x;}

	#leftnav h4, #rightnav h4, #middlenav h4 {
		padding: 5px;
		margin-top: 10px;
		text-align: center;
		text-decoration: underline;}

	#leftnav {
		color: #666;
		float: left;
		width: 200px;
		height: 215px;
		padding: 10px;
		text-align: center;
		margin: 10px 0px 0px 0px;
		border-right: 1px solid #333333;
		background:#000000 url(img/ads_bg.jpg) top left repeat-x;}

	#rightnav {
		color: #666;
		float: left;
		width: 200px;
		padding: 10px;
		height: 215px;
		text-align: center;
		position: relative;
		margin: 10px 0px 0px 0px;
		border-left: 1px solid #333333;
		background:#000000 url(img/ads_bg.jpg) top left repeat-x;}

	#middlenav{
		float: left;
		color: #666;
		width: 322px;
		padding: 10px;
		height: 215px;
		display: inline;
		text-align: center;
		margin: 10px 0px 0px 0px;
		background:#000000 url(img/ads_bg.jpg) top left repeat-x;}

	#leftnav p, #rightnav p { 
		margin: 0 0 1em 0;}
	#content h2 { 
		margin: 0 0 .5em 0;}
	/* End Ads Panel*/
/* End Main Content Container */

/*  ==== Pge 1 + 2 Container Content ==== */
#secontainer {
		margin: 0;
		padding: 0;
		width: 800px;
		height: 565px;
		background:#000000 url(img/content_bg_2.jpg) top left no-repeat;}

#secontainer p {
		color: #999;
		padding: 8px;
		direction: rtl;
		font-size: 1.1em;
		margin: 2px 25px;
		text-align: right;
		line-height: 2.0em;	
		font-family: tahoma, verdana, sans-serif;}

#secontainer h4 {
		color: #A87923;
		direction: rtl;
		text-align: right;
		line-height: 2.0em;
		padding: 25px 8px 0 8px;
		margin: 0 25px 15px 25px;
		font-family:tahoma, verdana, sans-serif;}

#rightbox {
		float: right;
		width: 350px;
		padding: 8px;
		direction: rtl;
		margin-right: px;
		line-height: 1.2em;}
		
#rightbox p {
		margin:8px;
		direction: rtl;
		color: #A87923;
		font-size: 14px;
		padding: 45px 3px 0 3px;
		font-weight: bold;
		line-height: 1.9em;
		text-align: center;
		font-family: 0.9em Tahoma,Verdana,Arial,sans-serif;}

#leftbox {
		padding: 2px;
		float: right;
		width: 300px;
		direction: rtl;
		margin-top: 2px;
		text-align: center;
		margin-right: 25px;
		line-height: 1.2em;}
		
#leftbox p {
		color: #999;
		padding: 0px;
		margin: 10px;
		direction: rtl;
		font-size: 12px;
		font-weight: bold;
		line-height: 1.9em;
		font-family: 0.9em Tahoma,Verdana,Arial,sans-serif;}
/*  ==== End Pge 1 + 2 Container Content ==== */

/*  ==Contact Form == */
	input, textarea {
		margin: 0;
		padding: 3px;
		width: 300px;
		font-size: 1em;
		background:#ffffff;
		border:1px solid #666666;
		font-family: Tahoma,Verdana,Arial,Sans-Serif;}
 
	input:focus, input:hover,textarea:focus, textarea:hover{
		border: 1px solid #000;
		background:#ffffff url(../contact/img/hover.gif) top right repeat-y;}
 
	label {
		margin:2px;}
 
	input {
		width:300px;}
 
	.button {
		color: #999;
		width:100px;
		font-size:1em;
		font-weight: bold;
		margin:0 0 15px 0;
		background:url(../contact/img/buttonhover.gif);}

	#mailconf{
		width: 700px;
		color: #A87923;
		margin-left:auto;
		margin-right:auto;
		padding: 50px 0px;
		text-align:center;}

	#mailconf  p {
		direction: rtl;
		font-size: 16px;
		font-weight: bold;
		padding: 15px 0px;
		text-align: center;
		line-height: 1.9em;
		font-family: 0.9em Tahoma,Verdana,Arial,sans-serif;}

	#mailconf a {
		color: #A87923;
		text-decoration:none;
		background-color:inherit;}

	#mailconf a:hover {
		text-decoration:underline;}
/*  == End Contact Form == */

/*  ==== Footer ==== */
#footer {
		width:100%;
		clear: both;
		height: 197px;
		color:#808080;
		overflow:hidden;
		font-size:0.9em;
		text-align:center;
		background:#a87923 url(img/footer_bg.gif) repeat-x;}

#footer p {
		color:#ffffff;
		margin-top: 35px;}

#footer a {
		color:#808080;
		text-decoration:none;
		background-color:inherit;}

#footer a:hover {
		text-decoration:underline;}

#clearfooter {
		height: 50px;}

#footer p.notes {
		margin:0;
		padding: 5px;
		color:#666666;
		font-size:0.8em;
		text-decoration:none;}
/*  ==== End Footer ==== */

/***** Various Selc & Tags & Classes *****/
	.opacity img{
		margin-top: 10px;
		border: 1px solid #666666;}

	.opacity:hover img{
		border: 1px solid #cc9933;}

	.opacity:hover {
		color: red; /* Dummy definition to overcome IE bug */}
/***** End Various Selc & Tags & Classes *****/