/* CSS Document */

body {background:url(images/bg.jpg) center fixed #f2f2f2; margin:0; font:normal 12px Arial; color:#2f2f2f}

p {margin:10px 0}

a {color:#2f2f2f; text-decoration:none}
a:hover {color:#2f2f2f; text-decoration:underline}


#main {position:relative; margin:auto; width:950px}

#left {position:relative; width:330px; height:930px; float:left; background:url(images/leftBg.jpg) right}

#logo {position:absolute; top:40px; left:15px}

#navMenu {position:absolute; top:40px; left:213px}

#navMenu a {color:white; text-decoration:none; font-weight:bold}

#navMenu a:hover {color:#111; text-decoration:none}

#navMenu ul{margin:0; padding:0; list-style-type:none}

#navMenu li {margin:10px 0; padding:5px 4px; background:url(images/navMenuBg.jpg); text-align:right; width:109px}

#leftCont {position:relative; margin-top:310px; text-align:center}
#leftCont2 {position:relative; margin-top:310px; text-align:left}
#leftCont h1 {background:url(images/leftHBg.jpg) center no-repeat; text-align:center; height:28px; padding:6px; font:bold 14px Arial; color:#222; margin:0}
#leftCont2 h1 {height:28px; font:bold 14px Arial; color:#222; margin:0; text-align:left}
#leftCont a {color:#8c8c8c; text-decoration:none}
#leftCont a:hover {color:white; text-decoration:none}

#leftCont img {border:1px solid #8c8c8c; margin:10px}

.leftBox {margin: 0 6px 0 30px; padding-right:12px}

#newsletter {position:relative; margin:10px 22px; border:1px solid red; width:266px; background:url(images/box1Bg.jpg); font-weight:bold; padding:10px; text-align:left}
#newsletter input {border:1px solid #f00; background:#2f2f2f; color:#8c8c8c; width:190px; padding:2px; margin:5px 0}
#newsletter input.submit {width:60px; background:url(images/box1Bg.jpg); color:#2f2f2f; margin-bottom:0}

#right { width:618px; float:left; background:url(images/rightBg.jpg) right repeat-y; height:1000px}

#right h1 {background:url(images/rightHBg.jpg) center no-repeat; text-align:center; height:28px; padding:6px; font:bold 14px Arial; color:#222; margin:0}

#rightCont {width:560px; float:left; margin:50px 28px 0; display:inline}

.box1 {border:1px solid red; background:url(images/box1Bg.jpg); padding:10px 0 10px 10px; height:145px}
.contL {float:left; width:275px}
.contR {float:right; width:275px}
.box2 {border:1px solid red; background:url(images/box2Bg.jpg); padding:10px; height:290px}

#rgihtMain {height:880px}

#redBorderL {width:2px; height:800px; float:left; background:url(images/borderBg.jpg) no-repeat}

#redBorderR {width:2px; height:800px;float:right;  background:url(images/borderBg.jpg) no-repeat}

#footer ul {margin:0 0 0 20px; padding:0; list-style-type:none}

#footer li {margin:10px 10px; padding:0; list-style-type:none; float:left}

#footer a {color:gray}
#footer a:hover {color:white; text-decoration:none}


a.white {color:white}
a.white:hover {color:gray}

.white {color:white}
.red {color:red}
.gray {color:gray}

.larger { font-size:13px}


.sep {clear:both; display:block}
.lpadding {padding-left:30px}
.textbox { width:100%; border:none; padding:2px; margin:0 2px}
.button { border:none ; background:#383838; padding: 1px; margin:2px 10px; font: bold 13px Arial; color:white}
.webhiz { background:url(images/webhiz.jpg);padding:16px 6px 6px 30px; }
.host{background:url(images/host.jpg);padding:13px 6px 6px 30px; }
.yazhiz{background:url(images/yazhiz.jpg);padding:13px 6px 6px 30px; }
.seohiz{ background:url(images/seo.jpg);padding:13px 6px 6px 30px; }
.film {background:url(images/salla.jpg);padding:6px 6px 6px 30px; }
.ikon {background:url(images/ikon.jpg);padding: 6px 6px 6px 30px;}
.border { border:1px solid #b1b1b1; margin:10px 0 10px 0}