html,body,
h1,h2,h3,h4,h5,h6,p
form,img{margin:0;padding:0;outline:0;border:0;direction:rtl}
body{margin:0 auto;color:#626262;font:0.9em Tahoma,Arial,Helvetica,sans-serif}
hr{border-bottom:2px dotted #ccc;border-style:none none dotted}
p{line-height:1.5em}
h1{font-size:2.4em;color:#84a837;font-family:"Traditional Arabic",Arial,Tahoma;font-weight:bold}
h2{font-size:1.6em;font-family:Arial,Tahoma;font-weight:bold;color:#f8ab36}
h3{font-size:1.3em}
h4{font-size:1.2em}
h5{font:bold 1.3em Arial,Tahoma}
h6{font-size:1.0em}
h1,h2,h3,h4,h5,h6{padding:2px 0}
a{color:#84a837}
a:hover{color:#6b9ab7}
#outer{background:#f0efdc url(/images/background-header-blue.jpg) repeat-x}
#header{height:163px}
#mini-menu UL{margin:0;padding:0}
#mini-menu UL LI{display:inline}
#mini-menu UL LI A{display:block;float:right;padding-right:20px;color:#fff;text-decoration:none;line-height:20px;font-size:0.75em}
#mini-menu UL LI A:hover{color:#6b9ab7}
#logo{float:right}
#logo a{display:block;background:url(/images/syraty-logo.png) no-repeat;width:247px;height:143px}
#menu{float:right;font:bold 19px Arial}
#menu UL{margin:0;padding:105px 30px 0 0}
#menu UL LI{display:inline}
#menu UL LI A{float:left;background:#81b0ce;border-bottom:8px solid #e7e6ce;height:30px;line-height:30px;padding:0 20px 0 20px;margin:0 0 0 1px;color:#fff;text-decoration:none;font-size:0.9em;font-weight:bold}
#menu UL LI A:hover,#menu UL LI A.active{background:#f0efdc;border-bottom:8px solid #f0efdc;color:#81b0ce}
#main{padding:30px 0 25px 0}
#main .column-half{float:left;width:49%}
#main .leftCol{float:left;width:583px;margin-right:30px;font:0.9em Tahoma,Arial,Helvetica,sans-serif}
#main .rightCol{float:left;width:287px}
#promo{background:url(/images/background-promo.jpg) repeat-x;height:242px}
#promo .column{float:left;width:33%;font:bold 1.3em Arial,Tahoma}
#promo .one-third{text-align:center;margin:40px 0}
#promo a{color:#f8ab36;font:normal normal 0.8em Arial,Tahoma}
.one-third+.one-third{border-left:2px solid #cfcda4}
#footer{border-top:8px solid #e7e6ce;background:#fff}
#footer p{line-height:3em}
.contentwidth{width:900px;margin:0 auto}
UL.checks{margin:10px 0;padding:0px}
UL.checks LI{list-style-type:none;background:url(/images/icon-list-checks.gif) no-repeat right;margin:0 0 0 5px;padding:0 20px 0 0;line-height:1.8em}
H3.rss{color:#f8ab36;font-family:Arial}
.rss img{padding-left:10px}
UL.posts{margin:0;padding:0}
UL.posts LI{list-style-type:none;padding:8px 0}
UL.posts a{color:#626262}
UL.posts a:hover{color:#000}
.date{float:right;width:42px;border:1px solid #fff;text-align:center;margin:5px 0 0 10px}
.day{background:#c6e582;font-size:1.8em;font-weight:bold;background:#3f86b7;color:#fff}
.month{background:#fff;padding:3px}
UL.posts p{display:inline;font:normal 12px Tahoma}
UL.posts p strong{font:bold 15px Arial}
.login input{border:1px solid #ccc;background:#eee;padding:3px}
.login label{padding:5px;display:block}
.hidden,.alternate{display:none}
#main .style-switcher{background:#e7e6ce;padding:15px;font-size:1.6em;line-height:1.4em}
#mini-menu UL LI A.styleswitch{padding:4px 0 0 2px}
.style-switcher a.close{float:right}
.standardForm{}
.standardForm .field{padding:5px 0}
.standardForm label{font-weight:bold;display:block}
.textbox,.textarea,.submit{padding:5px;border:2px solid #ccc}
.textbox{width:350px}
.textarea{width:350px;height:90px}
.submit{background:#ddd}
.warning{font-weight:bold;color:#900;padding:10px 0}
.portfolio .column-portfolio{float:left;margin:0 25px 35px 0;padding:0 0 5px 0;width:254px;background:#fff}
.portfolio .column-portfolio img{border:2px solid #fff}
.portfolio .column-portfolio p{padding:2px;font-size:0.8em;text-align:center}
.portfolio .project-site,.portfolio .project-details{padding:6px 5px 6px 20px}
.portfolio .project-site{background:url(/images/computer_48.png) no-repeat left}
.portfolio .project-details{background:url(/images/app_48.png) no-repeat left}
img.standard{border:1px solid #ccc;padding:1px;margin:5px}
img.right{float:right}
img.left{float:left}
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.clearfix{display:inline-block}
html[xmlns] .clearfix{display:block}
* html .clearfix{height:1%}
#copyright{float:left;font-family:Arial,sans-serif;direction:ltr;font-size:12px;line-height:14px;font-weight:normal;color:#464646;padding-top:2pt;padding-right:14px;padding-bottom:0pt;padding-left:14px}
#links{float:right}
#links a{padding:0 5px;margin:0pt;font-family:Tahoma,Arial,sans-serif;font-size:10px;line-height:14px;font-weight:normal;text-decoration:none;outline-color:invert;outline-style:none;outline-width:medium;color:#0054a6}
#footer a:hover{text-decoration:underline}
blockquote{background:transparent url(/images/quote-box.png) center top no-repeat;height:229px;width:223px;margin:0px 0px 0px 0px}
blockquote .quoteText{height:129px;padding-top:50px;padding-right:45px;margin-bottom:0pt;padding-left:50px;font:0.8em Tahoma,Arial,Helvetica,sans-serif}
blockquote .quoteName{float:right;padding-top:0px;padding-right:120px;padding-bottom:0pt;padding-left:0px;font-style:italic;font-weight:bold}
.NewsTitle{padding-top:10px}
.NewsBody{}
.NewsItem{}
.NewsNav{text-align:center;padding:0 5px;margin:0pt;font-family:Arial,Tahoma,sans-serif;font-size:16px;line-height:14px;font-weight:normal;text-decoration:none;outline-color:invert;outline-style:none;outline-width:medium;color:#0054a6}
.NewsNav a{text-decoration:none}
.NewsNav a:hover{text-decoration:underline}
a,#promo a,h1{color:#4f809f}
.arrowlistmenu{width:200px;font:bold 18px "Traditional Arabic",Arial,Tahoma;line-height:20px;text-align:right;color:white;margin-bottom:10px;padding:4px 0 4px 10px}
.arrowlistmenu ul{list-style-type:none;margin:0;padding:0;margin-bottom:8px}
.arrowlistmenu ul li{padding-bottom:2px}
.arrowlistmenu ul li a{color:#A70303;background:url(/images/arrowbullet.png) no-repeat center right;display:block;padding:2px 0;padding-right:19px;text-decoration:none;font-weight:bold;border-bottom:1px solid #dadada;font-size:90%}
.arrowlistmenu ul li a:visited{color:#A70303}
.arrowlistmenu ul li a:hover{color:#A70303;background-color:#F3F3F3}
.menuWelcome{margin-bottom:6px;direction:rtl;text-align:right}
.examplesGoHere{text-align:right;margin:0 auto;font-family:Tahoma,"Arial","Times New Roman";font-size:15px;width:200px}
.accInfo{border:solid #647aae;border-width:0 1px;background:#b0c0e6}
.accInfo div{position:relative;top:-1px;left:0;border:solid #647aae;border-width:1px 0 0}
.accInfo div div{top:2px;border-width:0 0 1px;padding:.3em .3em .1em;font-family:Tahoma,Arial;font-size:12px;line-height:155&}