//body { background:url('../images/grey_top_band.png') repeat-x top left; font-family:arial; font-size:small; }

body {
	background-color: #eeeeee;
}

* { outline:none; }

p#welcome-message { padding:10px 0 0; color:#000000;  }
p#welcome-message span { color:#000000;}

div#branding-nav { padding:20px 0 0; }
div#banner img { margin:40px 0 0; }
div#footer p { margin:40px 0; color:#999; font-size:80%;}
div#footer p  span, div#footer a  { color:#3399cc; text-decoration:none;}
div#footer a:hover {color:orange;}

div.content { padding:20px 0 0;}

div.content p { padding:0 20px;  color:#000000;}


div.content ul {  direction:ltr; margin-right:28px; float:right; color:#0;}
div.content h4 { color:#3399cc; margin:0px 0 5px  0; font-size:110%; }


/*------------------ navigation */

ul#nav { margin:0; right:100; padding:20px 0 0;width:600px  }
ul#nav li { float:right; list-style:none;  }



ul#nav li a { display:block; text-decoration:none; color:#222; font-weight:bold; font-size:140%;}
ul#nav li a:hover {  color: #3399cc;}
ul#nav li a.active { color:#0a05f6 ;}

div.content .grid_3 { height:375px;}

/*------------------ products */

div.panels { background:url('../images/panels_bg.png'); padding:20px 0 40px 0; margin:0 0 25px 0; }



div.panels ul { margin:0; padding:0; }
div.panels ul li {  float:right; list-style:none; font-size:120%; margin:0; padding:0;  }
div.panels h3 { color:#3399cc; margin:0px 0 5px  0; font-size:150%; }

div.panels img { padding:0 0 0 35px;}



/* ---------------------------- location map*/

div#popup {
	background:#EFEFEF;
	border:1px solid #999999;
	margin:10px 0 0;
	padding:7px;
	width:270px;
}


/* ---------------------------- contact form */

#contact-wrapper {
	width:415px;
	font-family:Arial, Tahoma, Helvetica, sans-serif;
}
#contact-wrapper div {
	clear:both;
	margin:1em 0;
}
#contact-wrapper label {
	display:block;
	float:none;
	font-size:16px;
	width:auto;
}
form#contactform input {
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:5px;
	font-size:16px;
	color:#333;
}
form#contactform textarea {

	font-size:100%;
	padding:0.6em 0.5em 0.7em;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	width:378px;
}









.contact-form{
direction:rtl; //راست چین کردن فرم
font:.9em/1.5em tahoma;
width:290px; //پهنای فرم
background:#ccc; // رنگ زمینه فرم
padding:10px;
border:1px #999 solid;
border-radius:5px; //برای مرورگرهای جدید
float:right;
}
.contact-form textarea{ //کنترل محل نوشتن متن پیام
height:70px;
width:90%;
padding-right:10px;
}
.contact-form input{
width:90%;
height:20px;
padding-right:10px;
}
input#name,textarea#message{
direction:rtl;
color:#333;
font:1em/1.5em tahoma;
}
input#email{
direction:ltr;
color:#333;
font:1em/1.5em tahoma;
}
input.submit{
height:30px;
width:100px;
font:bold .9em/1em tahoma;
color:#06F;
}
span.formats{ // کنترل نوشته فرمتهای مجاز
font:.7em/1.5em tahoma;
color:#888;
}





.error { color:red; }

p#message-success { color:green;  }