﻿* { font-size: 100%; margin: 0; padding: 0; }
html { height: 100%; }
body { background: #FFFFFF; color: #666666; font-size: 10px; line-height: 13px; font-family: Verdana; min-width: 780px; text-align: center; }
h1, h2, h3, h4, h5, h6 { color: #5F5F5F; font-weight: normal; font-size: 15px; line-height: 20px; }
ul {margin-right: 40px; margin-left: 15px; margin-top: 10px; margin-bottom: 10px;}
#wrapper-head { background: transparent url(../../site/images/header_wrapper_bg.jpg) repeat-x 0 0; width: auto; }
#wrapper-page { background: transparent url(../../site/images/page_wrapper_bg.gif) repeat-y 0 0; margin: 0 auto; text-align: justify; width: 780px; }
#heading { background: url(../../site/images/header_background.jpg) #FFFFFF no-repeat 0 0; height: 222px; position: relative; width: 780px; }
#heading h1 { left: 45px; position: absolute; top: 104px; }
#heading-intro { background: transparent; border-left: 1px solid #91C1E5; color: #EEEEEE; left: 500px; padding-left: 10px; position: absolute; top: 104px; width: 200px; direction: ltr; }
#heading h1 a { background: transparent url(../../site/images/header_logo.gif) no-repeat 0 0; display: block; height: 58px; overflow: hidden; text-indent: -9999px; width: 303px; }
#heading h2, #heading-skipnav { left: -9999px; overflow: hidden; position: absolute; }
#nav-a { left: 320px; list-style-type: none; position: absolute; top: 5px; width: 420px; }
#nav-a li { float: left; margin: 0 1px 0 0; width: 104px; }
#nav-a li a { display: block; height: 20px; overflow: hidden; text-indent: -9999px; width: 104px;  }
#nav-a-home a { background: transparent url(../../site/images/nav_home.gif) no-repeat 0 0; }
#nav-a-cms a { background: transparent url(../../site/images/nav_cms.gif) no-repeat 0 0; }
#nav-a-price a { background: transparent url(../../site/images/nav_price.gif) no-repeat 0 0; }
#nav-a-contact a { background: transparent url(../../site/images/nav_contact.gif) no-repeat 0 0; }
#nav-a-price a:hover, #nav-a-price a:focus, #nav-a-price a:active, #nav-a-cms a:hover, #nav-a-cms a:focus, #nav-a-cms a:active, #nav-a-home a:hover, #nav-a-home a:focus, #nav-a-home a:active, #nav-a-contact a:hover, #nav-a-contact a:focus, #nav-a-contact a:active { background-position: 0 -20px; }
#content-b h3 { height: 15px; overflow: hidden; text-indent: -9999px; width: auto; }
#content-b h3#cmshead { background: transparent url(../../site/images/header_cms.gif) no-repeat 0 0; }
#content-b h3#qalinkshead { background: transparent url(../../site/images/header_links.gif) no-repeat 0 0; }
#content-b h3#behboodhead { background: transparent url(../../site/images/header_behbood.gif) no-repeat 0 0; }
#content-b h3#webdevhead { background: transparent url(../../site/images/header_web.gif) no-repeat 0 0; }
#content-b { float: left; font-size: 1em; width: 300px; }
#content-b-inner { padding: 8px 18px 8px 18px; }
#content-b-inner div { margin-bottom: .8em; }
#quickaccess { font-family: Verdana; font-size: 10px; line-height: 15px; padding: 10px; margin: 5px 2px 5px 2px; border: solid 1px #EEEEEE; background-color: #FEFEFE; }
a img { border: none; }
a:link { background: transparent; color: #000066; text-decoration: none; }
a:visited, a:hover, a:focus, a:active { background: transparent; color: #000066; text-decoration: none; }
#content-c { clear: both; }
#content-c-inner { margin: 0 0 .5em 0; padding: 0 18px; text-align: center; }
#footer { background: url(../../site/images/footer_bg.jpg) no-repeat 50% 0; padding: 20px 0 15px 0; font-family: Tahoma; direction: rtl; font-size: 11px; height: 100%; }
#footer p { background: transparent; color: #EEEEEE; font-size: .8em; line-height: 1em; margin: 0 0 .4em 0; text-align: center; }
#content h2 { font-size: 13px; color: #CC0000; padding: 0px 15px 0px 15px;}
input, textarea, select { background-color: #EEEEEE; border: 1px solid #DDDDDD; color: #666666; font: 11px Tahoma; padding: 2px; }
#content-a { float: left; font-size: 11px; font-family: Tahoma; width: 470px; line-height: 14px;}
#content-a-inner { padding: 8px 8px 5px 0px;}
#content-a-inner p{ text-indent: 15px; }
hr {color: #CCCCCC; margin: 10px;}
.boxTop { background: url(../../site/images/boxTop.gif) no-repeat left top; margin: 0px 0px 10px 0px; padding: 11px 0px 0px 0px; width: 455px; }
.boxBot { background: url(../../site/images/boxBot.gif) no-repeat left bottom; margin: 0px; padding: 0px 0px 11px 0px; }
.boxMain { background-color: #F1F1F1; margin: 0px; padding: 5px 15px 5px 15px; background: url(../../site/images/boxBG.gif) repeat-y; }
.ad { width: 265px; height: 200px; border: 0; margin: 10px 0 10px 0;}
.itemHeader { background-color: #cccccc; padding: 15px;}
.item { background-color: #eeeeee; padding: 5px; direction: ltr;}