﻿/*
 
    Theme Name: Vision Co.
	Filename: style.css
	Website: http://visionco.ir/
	Author: Amir Jafari
	Description: Vision Co. Theme

 ----------------------------------------------------------------- */

body {
	margin: 20px; 
	padding: 0px;
	background-color: #cccccc;
	font: 11px tahoma;
}

td {
	font: 11px tahoma;
}

#wrapper {
	width: 661px;
	direction: rtl;
	margin: 0px auto;
}

/*
 
	Header

 ----------------------------------------------------------------- */

#header {
	background: url('../5.gif') no-repeat center center;
	width: 661px;
	height: 76px;
	margin-bottom: 10px;
}

/*
 
	Main Contents

 ----------------------------------------------------------------- */

#main {
	/*margin: 0px 10px;
	padding: 10px;*/
}

#main #content {
	width: 473px;
	float: left;
	text-align: right;
}

/*
 
	Menu

 ----------------------------------------------------------------- */

#menu {
	height: 26px;
	margin: -10px -1px 10px 0px;
	position: relative;
	z-index: 99999999;
}

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	z-index: 99999999;
}

#menu ul li.main {
	float: right;
	width: 79px;
	height: 26px;
	position: none;
}

#menu ul li.first {
	float: right;
	margin-right: 0px;
	width: 79px;
	height: 26px;
}

#menu ul li a.main {
	text-decoration: none;
	color: #fff;
	background: url('../9.gif');
	padding: 5px 17px 5px 17px;
	display: block;
}

#menu ul li a.main:hover {
	background: url('../10.gif');
}

#menu ul li:hover div.sub {
	display: block;
}

/* --- */

#menu div.sub {
	display: none;
	z-index: 99999999;
	/*position: absolute;
	z-index: 5000;
	width: 661px;
	left: 0px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin-top: 0px;
	background: gray;*/
}

#menu div.sub ul {
	margin: 0px 10px 0px 10px;
	z-index: 999999999;
	position: absolute;
	width: 661px;
	right: -10px;
	background: gray;
}

#menu div.sub ul li {
	text-align: right;
	float: right;
}

#menu div.sub ul li a {
	text-decoration: none;
	color: #fff;
	background: gray;
	padding: 4px 10px 7px 10px;
	display: block;
}

#menu div.sub ul li a:hover {
	background: #afafaf;
	color: #fff;
}

/*
 
	Sidebar

 ----------------------------------------------------------------- */

#main #sidebar {
	float: right;
	width: 181px;
}

/*
 
	Pages

 ----------------------------------------------------------------- */

#pages {
	width: 475px;
	margin-top: 10px;
}

#pages #title {
	background: url('../8.gif') no-repeat;
	width: 475px;
	height: 31px;
}

#pages #content {
	width: 475px;
	background: #d6d6d6;
}

#pages #content p {
	margin: 0px;
	padding: 5px;
}

#pages #title p {
	margin: 0px;
	padding: 7px 30px;
	color: #ffffff;
	text-align: right;
}


#pages #content a {
	padding: 2px 5px 4px 5px;
	text-decoration: none;
	color: #333;
	font-weight: bold;
}

#pages #content a:hover {
	color: #ee2025;
}

/*
 
	Blocks

 ----------------------------------------------------------------- */

#block {
	width: 181px;
	margin-bottom: 10px;
}

#block #title {
	background: #ffffff url('../1.gif') no-repeat;
	width: 181px;
	height: 31px;
	float: right;
}

#block #content {
	width: 181px;
	.height: 100px;
	background: #d6d6d6;
}

#block #content p {
	margin: 5px;
	padding: 0px;
}

#block #title p {
	margin: 0px;
	padding: 7px 30px;
	color: #ffffff;
	text-align: right;
}

#block #content a {
	display: block;
	width: 92%;
	border-right: 3px solid #999;
	padding: 2px 5px 4px 5px;
	text-decoration: none;
	color: #333;
	direction: rtl;
	text-align: justify;
}

#block #content a:hover {
	border-right: 3px solid #ff0000;
	background: #e0e0e0;
}

#block #content form {
	margin: 0px;
	padding: 0px;
}

#block #content div#NIC_Users_Login {
	direction: rtl;
	text-align: right;
	margin: 5px;
}

#block #content div#NIC_Users_Login input {
	direction: rtl;
	text-align: right;
}

/*
 
	Footer

 ----------------------------------------------------------------- */

#footer { 
	background: #00369f url('../7.gif') no-repeat right center;
	height: 35px;
	direction: rtl;
	margin-top: 10px;
}

#footer p {
	color: #ffffff;
	padding: 4px;
	margin: 0px;
}

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

#footer a:hover {
	color: #fff;
}

/*
 
	Form Elements

 ----------------------------------------------------------------- */

input, textarea, button, select {
	font: 11px tahoma;
}

.TextBox {
	
}

.Buttons {
	
}

/*
 
	etc.

 ----------------------------------------------------------------- */

.clear {
	clear: both;
}

#ContactTBL textarea {
        width: 300px;
}

/*
 
	The End.

 ----------------------------------------------------------------- */