@charset "utf-8";
/* Base Style Elements */
body {
	margin: 0px;
	padding: 0px;
	font: Arial, Helvetica, sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	background: #989da3;
	direction:rtl;
	text-align:right;
}
body.teach {
	margin: 0px;
	padding: 0px;
	font: Arial, Helvetica, sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	background: #ead5d5;
	direction:rtl;
	text-align:right;ead5d5
}
div.container {
	width: 940px;
	margin:0px auto;
}
div.shadow_1 {
	width: 940px;
	background: #ffffff url(../images/shadow_right.gif) right top repeat-y;
	float:right;
}
div.shadow_2 {
	width: 940px;
	background:url(../images/shadow_left.gif) left top repeat-y;
	float:right;
}
div.shadow_1b {
	width: 940px;
	background: #ffffff url(../images/shadow_right2.gif) right top repeat-y;
	float:right;
}
div.shadow_2b {
	width: 940px;
	background:url(../images/shadow_left2.gif) left top repeat-y;
	float:right;
}
div.overall {
	width: 911px;
	margin: 0px auto 0px auto;
	padding: 20px 0px 0px 0px;
	background: #ffffff;
}
div.header {
	width: 911px;
	float: right;
}
div.header div.logo {
	float: left;
	width: 151px;
	height: 45px;
}
div.header div.menu {
	float: right;
	width: 760px;
	height: 45px;
	background: url(../images/menu_bg.png) top right no-repeat;
}
div.header div.menu div.item,
div.header div.menu div.item_last {
	float:right;
	padding: 0px 6px;
	margin: 5px 0px 0px 0px;
	border-left: 1px solid #ffffff;
	font-size: 15px;
	color: #ffffff;
}
div.header div.menu div.item_last {
	border-left: none;
	font-weight:bold;
}
div.header div.menu div.item a:link,
div.header div.menu div.item a:visited,
div.header div.menu div.item_last a:link,
div.header div.menu div.item_last a:visited {
	color: #ffffff;
	text-decoration:none;
}
div.header div.menu div.item a:hover,
div.header div.menu div.item_last a:hover {
	color: #ffdc71;
	text-decoration:none;
}
div.menu div.link {
	float:right;
	clear:right;
	font-size: 10px;
	color: #ffffff;
	font-weight:bold;
	margin:6px 10px 0px 0px;
}
div.menu div.link a:link,
div.menu div.link a:visited {
	text-decoration:none;
	color: #ffffff;
}
div.menu div.link a:hover {
	text-decoration:underline;
	color: #ffffff;
}
div.slogan {
	float: right;
	width: 911px;
	height: 125px;
	background: url(../images/slogan.png) right top no-repeat;
}
div.slogan2 {
	float: right;
	width: 911px;
	height: 125px;
	background: url(../images/slogan2.png) right top no-repeat;
}
div.main {
	float: right;
	width: 546px;
	padding:14px 24px;
}
div.main div.title {
	font-size:24px;
	font-weight:bold;
	color: #3d5363;
	margin-bottom:10px;
}
div.main div.main_text {
	text-align:justify;
	color: #333333;
	font-size:13px;
	line-height:21px;
}
div.main div.mini_title {
	font-weight:bold;
	font-size:14px;
	color: #3d5363;
	margin: 10px 0px;
}
div.main div.group {
	color: #333333;
	border-bottom:dotted 1px #3d5363;
	padding:5px;
	float:right;
	width:536px;
}
div.main div.group div.mini_title {
	font-weight:bold;
	font-size:13px;
	color: #3d5363;
	margin: 10px 0px;
}
div.main div.group div.mini_title2 {
	font-weight:bold;
	font-size:13px;
	color: #000000;
}
div.leftbar {
	float:left;
	width:167px;
	margin: 0px 0px 10px 0px;
	background:url(../images/leftbar_bg.png) top right no-repeat;
}
div.leftbar2 {
	float:left;
	width:167px;
	margin: 0px 0px 10px 0px;
	background:url(../images/leftbar_bg2.png) top right no-repeat;
}
div.leftbar div.sidetitle,
div.leftbar2 div.sidetitle {
	float:right;
	width:100%;
	height: 23px;
	background: #3d5363 url(../images/title_bolt.gif) 152px 11px no-repeat;
	color: #ffffff;
	font-size:16px;
	text-indent:20px;
	padding:2px 0px 0px 0px;
	margin: 95px 0px 10px 0px;
}
div.leftbar div.portfolio {
	float:right;
	width:100%;
}
div.leftbar div.portfolio span.portfolio_text {
	float:right;
	width:100%;
	padding:5px 0px;
}
div.leftbar div.portfolio a.portfolio {
	border:1px solid #3d5363;
	float:right;
}
#marqueecontainer{
	position: relative;
	width: 167px; /*marquee width */
	height: 400px; /*marquee height */
	background-color: white;
	overflow: hidden;
	border: none;
	padding: 0px;
	margin: 0px;
}
div.rightbar {
	float:right;
	width:150px;
}
div.rightbar div.cert {
	padding:24px 0px;
	float:right;
}
div.rightbar div.sidetitle {
	float:right;
	width:100%;
	height: 23px;
	background: #3d5363 url(../images/title_bolt.gif) 135px 11px no-repeat;
	color: #ffffff;
	font-size:16px;
	text-indent:20px;
	padding:2px 0px 0px 0px;
}
div.rightbar div.msg,
div.rightbar div.msg_last {
	border-bottom: dotted 1px #747474;
	padding:5px 0px;
	float:right;
	font-size:13px;
	clear:right;
	width:100%;
}
div.rightbar div.msg_last {
	margin: 0px 0px 5px 0px;
	border-bottom: none;
}
div.footer {
	float: right;
	width: 911px;
	height: 51px;
	background: url(../images/footer_bg.png) top right no-repeat;
	margin: 0px 0px 20px 0px;
}
div.footer div.top{
	float:right;
	padding:0px 10px;
	width: 890px;
}
div.footer div.top div.item,
div.footer div.top div.item_last {
	float:right;
	padding: 0px 6px;
	margin: 4px 0px 0px 0px;
	border-left: 1px solid #ffffff;
	font-size: 12px;
	color: #ffffff;
}
div.footer div.top div.item_last {
	border-left: none;
}
div.footer div.top div.item a:link,
div.footer div.top div.item a:visited,
div.footer div.top div.item_last a:link,
div.footer div.top div.item_last a:visited {
	color: #ffffff;
	text-decoration:none;
}
div.footer div.top div.item a:hover,
div.footer div.top div.item_last a:hover {
	color: #ffdc71;
	text-decoration:none;
}
div.footer div.bottom {
	float:right;
	clear:right;
	padding:11px 16px 0px 16px;
	color: #ffffff;
	width: 870px;
}

															/* Studio CSS */

/* Home page */
img.index_img {
	float:right;
	margin: 0px 0px 10px 10px;
}

/* Portfolio */
div.portfolio_box {
	width:139px;
	height:100px;
	float:right;
	margin: 0px 0px 20px 43px;
	color: #000000;
	font-size:13px;
}
div.portfolio_box img {
	width:137px;
	height:87px;
	border: 1px solid #b81718;
}
div.portfolio_box a:link,
div.portfolio_box a:visited {
	color:#000000;
	text-decoration:none;
}
div.portfolio_box a:hover {
	color:#999999;
	text-decoration:none;
}

/* Services */
div.group img {
	float:right;
	margin: 0px 0px 0px 10px;
}

/* References */
div.group img.border {
	border: 1px solid #3d5363;
}
div.group div.mini_title a:link,
div.group div.mini_title a:visited {
	text-decoration:none;
	color:#3D5363;
}
div.group div.mini_title a:hover {
	color:#597991;
}

/* Contact */
div.main_text div.left {
	float:left;
	width:230px;
}
div.main_text div.left a:link,
div.main_text div.left a:visited {
	color: #3d5363;
	text-decoration:underline;
}
div.main_text div.left a:hover {
	color: #b81718;
	text-decoration:none;
}
div.main_text div.right {
	float:right;
	width:240px;
}
div.main_text div.right span {
	width:60px;
	float: right;
	clear:right;
}
div.main_text span.text {
	float:right;
	clear:right;
	margin: 5px 0px;
	width:500px;
	margin:5px 66px 0px 0px;
}
div.main_text div.right input.box {
	width:130px;
	float:left;
	margin: 5px 0px;
}
div.main_text div.right textarea {
	width:170px;
	float:left;
	height:100px;
}
div.main_text div.right input.btn {
	float:right;
	clear:both;
	margin:5px 66px 0px 0px;
	border:none;
	background:url(../images/send_btn.jpg) center center no-repeat;
	width:65px;
	height:18px;
	cursor:pointer;
}

															/* Teaching CSS */
															
/* Article */
div.main div.back {
	float:left;
	font-weight:bold;
	font-size:14px;
}
div.main div.back a:link,
div.main div.back a:visited {
	color:#333333;
	text-decoration: none;
}
div.main div.back a:hover {
	color:#6f6f6f;
	text-decoration: none;
}

/* Articles */
div.main div.box,
div.main div.box2 {
	float:right;
	background:#3d5363;
	font-size:13px;
	color:#ffffff;
	height:232px;
	width:148px;
	text-align:right;
	margin:0 10px 12px 10px;
}
div.main div.box2 {
	background:#b81718 !important;
}
div.main div.title2 {
	font-size:13px;
	font-weight:bold;
	color: #ffffff;
	text-indent:5px;
}
div.main div.box div.text,
div.main div.box2 div.text {
	width:138px;
	height:84px;
	padding:0px 5px;
}
div.main div.box div.full,
div.main div.box2 div.full {
	float:left;
	font-weight:bold;
	clear:both;
	margin:5px;
}
div.main div.box a:link,
div.main div.box a:visited,
div.main div.box2 a:link,
div.main div.box2 a:visited {
	color:#ffffff;
	text-decoration:none;
}
div.main div.box a:hover,
div.main div.box2 a:hover {
	color:#f2f2f2;
	text-decoration:none;
}

/* Links */
div.main div.link_box {
	float:right;
	width:157px;
	height:100px;
	font-size:13px;
	color:#000000;
	background:#dfdfdf;
	padding:10px;
	margin: 0px 0px 10px 5px;
}
div.main div.title3 {
	font-weight:bold;
}
div.main div.link_box a:link,
div.main div.link_box a:visited {
	color:#000000;
	text-decoration:none;
}
div.main div.link_box a:hover {
	text-decoration:underline;
}
