@import url("reset.css");
@import url("form.css");

body{
background:#000 url("bg_main.jpg") repeat-x 50% 0;
min-height:100%;
height:100%;
color:#fff;
font-family:"Segoe UI",Arial,Tahoma,Verdana,sans-serif;
font-size:13px;
line-height:1.618em; /* the golden ratio is all around us */
}

p{
margin:1.618em 0;
cursor:default;
}

strong em, em strong{
color:#000;
}

a:link, a:visited{
text-decoration:none;
color:#008bff;
}

a:hover{
text-decoration:underline;
}

h1, h2, h3, h4, h5, legend, #sidebar h2{
color:#00a8ff;
font-family:Verdana,Arial,Tahoma,Verdana,sans-serif;
font-size:23px;
font-weight:normal;
letter-spacing:-0.06em;
margin:0.809em 0 0.445em 0;
line-height:1em;
cursor:default;
}


#content h1{
position: relative;
}

#content h1 span {
background: url("gradient-glossy.png") repeat-x;
position: absolute;
display: block;
width: 100%;
height: 31px;
}


h2{
font-size:16px;
}

h3, legend{
font-size:13px;
}

table{
border-collapse:collapse;
width:100%;
margin:20px 0;
cursor:default;
}

table th{
background:#00a8ff url("tableheadingbg.png") repeat-x 50% 0;
padding:12px 0 10px 15px;
font-weight:bold;
text-align:left;
color:#fff;
font-size:17px;
}

table td{
border-bottom:1px solid #e5e5e5;
padding:3px 10px;
font-size:11px;
}

ul, ol{
margin:5px 0 20px 10px;
cursor:default;
}

ul li, ol li{
list-style:none;
margin:0 0 0 5px;
padding:4px 0 0px 20px;
background:url("bullet.png") no-repeat 0px 11px;
}

ol{
list-style-type: decimal;
list-style-position: outside;
} 

ol li{
list-style-type: decimal;
list-style-position:outside;
padding:4px 0 0px 0;
margin-left:24px;
background:transparent
}

blockquote{
display:block;
margin:1em 0;
padding:2em;
background:#e5e9eb;
cursor:default;
}

#wrapper{
width:950px;
margin:0 auto;
position:relative;
background:none;
}

#header{
float:left;
width:100%;
clear:both;
overflow:visible;
padding-bottom:10px;
}

#header a.logo{
width:190px;
height:180px;
display:block;
text-indent: -9999px;
border-bottom:none;
background:transparent url("awneoon.png") no-repeat 0 0;
position:relative;
left:-10px;
}

#header ul li{
background:none;
}

ul#mainmenu, #header h1{
list-style-type: none;
float:left;
margin:0;
padding:0;
}

ul#mainmenu{
float:right;
margin:130px 0 0 0;
width:700px;
}

ul#mainmenu li{
float:left;
margin:0 10px 0 0;
padding:0 0 5px 0;
}


ul#mainmenu li.interlink{
float:right;
text-align:right;
}

ul#mainmenu li a{
font-size:13px;
padding:0 0 5px 20px;
background: transparent url("l_menuitembg.png") left top no-repeat;
color:#fff;
}

ul#mainmenu li.interlink a{
padding:5px 15px 0 0;
background:transparent url("interlink.gif") right center no-repeat;
color:#00a8ff;
font-size:12px;
}

ul#mainmenu li.interlink a:hover{
background-image:url("interlink_h.gif");
}

ul#mainmenu a span{
cursor:pointer;
padding:4px 20px 0 0;
background: url("r_menuitembg.png") right top no-repeat;
}

ul#mainmenu a.on{
background: transparent url("l_menuonbg.png") left top no-repeat;
color:#fff;
}

ul#mainmenu li a.on:hover{
color:#00c0ff;
}

ul#mainmenu a.on span{
background: url("r_menuonbg.png") right top no-repeat;
}

ul#mainmenu a, ul#mainmenu a span
{
float:left;
height:29px;
}

ul#lang{
float:right;
margin:0;
}

ul#lang li{
float:left;
margin:0;
padding:0 4px 0 0;
font-size:10px;
color:#98cdf6;
}

ul#lang li a{
padding:3px 9px;
text-transform:uppercase;
color:#fff;
}

ul#lang li.on a{
background:#000;
color:#fff;
}

#sidebar{
width:250px;
display:block;
padding-top:15px;
}

#sidebar ul{
margin:0;
background:url("wopace.png")
}

#sidebar ul li{
padding:0 0 0 20px;
margin:0 0 1px 0;
border-bottom:1px dashed #07345b;
background-position:8px 12px;
}

#sidebar ul li a{
display:block;
font-size:12px;
color:#fff;
background:url("opasce.png");
padding:4px 5px;
}

#next, #previous, #hide{
padding:0 0 5px 20px;
color:#fff;
font-size:10px;
margin-right:10px;
}

#next{
background:url("next.png") no-repeat 0 0;
}

#previous{
background:url("previous.png") no-repeat 0 0;
}

.back{
padding:0 0 0 20px;
font-size:12px;
}

#hide, .back{
background:url("hide.png") no-repeat 0 0;
}

#portfolio{
height:198px;
overflow:hidden;
}

.portfolioitem{
padding:0 5px 0 10px;
margin-top:10px;
background:url("portitembg.png") no-repeat 0 0;
height:89px;
overflow:hidden;
line-height:1.2em;
color:#c1c1c1;
font-size:11px;
}

.phover{
background:url("portitemhoverbg.png") no-repeat 0 0;
}

.portfolioitem a, .portfolioitem a:hover{
color:#c1c1c1;
text-decoration:none;
}

.portfolioitem .thumbwrap{
float:left;
border:3px solid #fff;
margin-right:6px;
width:90px;
height:44px;
overflow:hidden;

}

.portfolioitem img{
}

.portfolioitem h3{
margin:8px 0;
font-size:13px;
color:#fff;
font-family:"Segoe UI",Arial,sans-serif;
letter-spacing:0;
}

#content{
float:right;
width:639px;
padding:15px 30px 15px 30px;
background:#fff;
color:#333;
position:relative;
z-index:99;
min-height:290px;
}

#topwrap{
background:transparent url("top.png") no-repeat 0 0;
padding-top:5px;
width:699px;
float:right
}

#bottomwrap{
background:transparent url("bottom.png") no-repeat 0 100%;
padding-bottom:5px;
width:699px;
float:right;
}

#footer{
float:right;
width:664px;
background:url("footer.png") no-repeat 0 0;
margin:10px auto;
clear:both;
padding:5px 0 0 35px;
height:25px;
}

#footer ul {
margin:0;
padding:0;
}

#footer ul li{
margin:0;
list-style:none;
background:none;
font-size:11px;
float:left;
background: url("footer_separator.gif") no-repeat center right;
padding:0 15px 0 5px;
}

#footer ul li a{
color:#fff;
}

#footer ul li a:hover{
text-decoration:underline;
}

#footer span{
float:right;
}

#footer span a{
color:#5d5d5d;
font-size:10px;
}

.clearer {
overflow:hidden;
margin:0 0 -1px 0;
height:1px;
clear:both;
}

.half{
width:48%;
float:left;
padding-right:2%;
}

.half img{
float:left;
margin-right:10px;
border:4px solid #12131b;
}

.half a:link, .half a:visited{
color:#333;
}

.half p{
height:66px;
margin-top:1em;
}

hr{
color:#333;
background-color:#333;
height:1px;
display:block;
margin:0;
}

span.signature{
color:#008bff;
font-family:"Vladimir Script", Scriptina, "Brush Script MT", script;
font-size:26px;
}

#sidebar a.nomore{
color:#979797;
cursor:default;
}

img#showgallery{
position:absolute;
top:290px;
left:11px;
z-index:100;
cursor:pointer;
}

/* GALLERY */
.sliderGallery {
overflow: hidden;
position: relative;
width:100%;
margin-bottom:10px;
}

.sliderGallery ul{
/***************/
position: absolute;
white-space: nowrap;
/**************/
overflow:show;
list-style:none;
padding:0;
margin:0;
background:none;
}

.sliderGallery ul li{
display:inline;
padding:0;
margin:0 7px 0 0;
background:none;
}

.sliderGallery ul li a, .sliderGallery ul li a:hover{
text-decoration:none;
}

.sliderGallery ul li img{
border:4px solid #12131b;
width:90px;
height:60px;
}
        
.slider {
width:92%;
height: 17px;
margin:80px 10px 10px 25px;
position: relative;
}

.sliderbutton{
position:absolute;
top:80px;
left:0;
cursor:pointer;
}

#snext{
left:625px;
}

#fullpath{
width:640px;
}

#description{
background:red;
display:block;
height:50px;
padding:10px 20px;
position:relative;
z-index:99;
color:#fff;
background:url("opace.png");
font-size:12px;
margin-top:-73px;
overflow:hidden;
line-height:1.45em;
}

#gnext, #gprevious{
position:absolute;
top:60%;
cursor:pointer;
}

#gnext{
right:0;
}

#tooltip{
position:absolute;
border:1px solid #00a8ff;
background:rgb(240,240,250);
padding:2px 5px;
margin:2em;
color:#333;
display:none;
z-index:9999;
font-size:11px;
line-height:1.4em;
}

span#VladimirLuite{
float:left;
width:136px;
height:25px;
background:url("signature.jpg") no-repeat 3px 5px;
text-indent:-9999px;
}

#fullimage{
cursor:pointer;
}

div#fullscreenimage{
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:url("opace.png");
z-index:990;
text-align:center;
}

div#fullscreenimage img{
cursor:pointer;
}

/*INDEX PAGE*/

div#aw{
position:absolute;
width:100%;
height:100%;
}

body.landing{
overflow:hidden;
background:#000 url("landing.jpg") repeat-x 50% 0;
}

body.landing div.wrapper{
}

#landingla, #landingcs{
display:block;
width:340px;
height:90px;
position:absolute;
top:320px;
left:100px;
text-indent:-99999px;
background:url(x.gif);
}

#landingcs{
left:510px;
}

img.alignright{
float:right;
margin-left:10px;
}

img.alignleft{
float:left;
margin-right:10px;
}


#languageselect{
color:#fff;
display:block;
width:100%;
height:100%;
background:#000;
position:absolute;
top:0;
left:0;
z-index:999999;
font-size:16px;
}

#languageselect img{
margin:5px;
cursor:pointer;
}

#languageselect center{
margin-top:130px;
}