/* CSS Document */
/*       -------------------General Stile---------------  */

body { background: url('images/bodybg.gif');
	color: #001f3c; padding:30px 0;
	font-family: Helvetica, sans-serif;
	font-size: 11px; color:#f7f7f7	
}
div {
	margin: 0px;
	overflow: hidden;
	padding: 0px;
	position: relative;
}
html, ul, li, p {
	margin: 0;
	padding: 0;
}
img {
	border: 0px none;
}
ul {
	overflow: hidden;
	list-style: none
}


/*       ------------------Sait MENU---------------  */

.menu { padding:10px 0 0 20px; list-style: none}

.menu li { margin:0; padding:4px 0 3px}

.menu li a { display: block; width:187px; height:36px; text-decoration:none;}

.menu li a.home { background: url('images/home.png') 16px 0 no-repeat}
.menu li a.home:hover { background: url('images/home_h.png') 16px 0 no-repeat}

.menu li a.about { background: url('images/about.png') 16px 0 no-repeat}
.menu li a.about:hover { background: url('images/about_h.png') 16px 0 no-repeat}

.menu li a.collection { background: url(images/collection.png) 16px 0 no-repeat}
.menu li a.collection:hover { background: url(images/collection_h.png) 16px 0 no-repeat}

.menu li a.biography { background: url(images/biography.png) 16px 0 no-repeat}
.menu li a.biography:hover { background: url(images/biography_h.png) 16px 0 no-repeat}

.menu li a.contact { background: url(images/contact.png) 16px 0 no-repeat}
.menu li a.contact:hover { background: url(images/contact_h.png) 16px 0 no-repeat}

.menu li a.blog { background: url(images/blog.png) 16px 0 no-repeat}
.menu li a.blog:hover { background: url(images/blog_h.png) 16px 0 no-repeat}

.menu li a.resume { background: url(images/resume.png)}
.menu li a.resume:hover { background: url(images/resume_h.png) 16px 0 no-repeat}

.menu li a.products { background: url(images/products.png)  no-repeat}
.menu li a.products:hover { background:  url(images/products_h.png) no-repeat}


/*       ------------------Sait Stile---------------  */

.glav { margin:0 auto; width:900px; background:url(images/bcg.jpg) #6e777d; overflow: hidden; }

.sait { width:900px; background:url(images/sitebg.jpg) no-repeat; }

.left { width:220px; float: left;}
.right { width:680px; float: left; }
.foot { width:880px; clear:both; padding:0 0 20px 23px; margin:0}
.logo { width:285px; padding:22px 0 0 45px}
.logo2 { width:278px; padding:0px}


#indfoto { background:url(images/ind_foto.jpg) no-repeat; height: 675px; width: 900px; overflow: hidden}

.footind { padding:95px 0 20px 23px; margin:0}

.tit { padding:15px 0; height:20px; font-family:Arial, sans-serif; text-transform: uppercase; font-size:20px;}
h2 { margin:0 0 10px 0; padding:0; font-weight: normal;  font-family:Arial, sans-serif; font-size:18px; color:#e0ba5f}

h1 { margin:20px 0 ; padding:0; font-weight: normal;  font-family:Arial, sans-serif; font-size:24px; color:#e0ba5f}

h2 span, h1 span { font-size:24px;  color:#f7f7f7;}

.tit a, h1 a {  text-decoration: none; color:#e0ba5f}
.tit a:hover, h1 a:hover { text-decoration: underline; color:#f7f7f7}

.content { width:450px; height:auto; float:left; overflow:hidden; padding:0px 3px 0 10px;margin-left:20px;}


.co { float: left; width:176px; padding:0 5px 20px 0}
.coshad  { width:176px; height:235px; background:url(images/shad1.png) no-repeat bottom right}
.bio  { width:176px; height:235px; background:url(images/shad1.png) no-repeat bottom right; float: left; margin:0 10px 10px 0}

.cotit { padding:7px 0 0}
.cotit a { text-decoration: none; font-family:Arial, sans-serif; text-transform: uppercase; font-size:13px; color:#f7f7f7; background:url(images/str1.png) no-repeat right; padding:0 12px 0 0}
.cotit a:hover { color:#e0ba5f}

.gall {  height:483px; width:567px }
.fotobig { float: left; width:361px; height:483px; background: url(images/shad2.png) no-repeat right bottom}
.galltext { height:380px; overflow: auto; widows:206px}

.galltext ul { list-style: none; padding:0 0 10px 20px}

.galltext ul li { width:152px; background:url(images/str2.gif) no-repeat 0 5px; padding:0 5px 15px 10px}

.clickhere { list-style: none; padding:0 0 0 10px; float: left; font-size:12px;}
.clickhere li { width:152px; background:url(images/str3.gif) no-repeat 0 5px; padding:0 0px 0px 10px}

.clickhere li a { color:#e0ba5f; text-decoration: none;}
.clickhere li a:hover { color:#f7f7f7; text-decoration: underline;}

.gaalfoottext { padding:15px 5px; margin:0 3px 0 0; overflow: auto; height:53px; clear: both; line-height:14px;}

.content p { padding: 0 0px 10px 0; text-align:justify; font-size:12px; line-height:14px}



.formm { list-style: none; width:255px; float: left; padding:0 0 0 30px}
.formm li {padding:2px; font-size:11px; color:#e0ba5f}
.formm li.ftext, .formm li.ftext2 { font-size:12px; color:#f7f7f7}
.formm li.ftext2 { padding:15px 0 0}
.formm li.ftext sup { color:#FF0000}

.cont { float: left; width:250px; color:#e0ba5f; font-size:12px}

.cont li { padding: 3px 0 3px 10px}

.cont li.titls { padding:7px 0 3px 0; font-weight: bold}

.inp1 { width:235px; height:14px;  font-size:11px; color:#333}

.formm textarea { width:233px; height:90px; font-size:11px; color:#333;}

.sp1 { display: block; float: left; padding:0 10px 15px 0; }


.subm { clear:both}

.subm input { background: #e0ba5f; margin:10px 0 0; font-weight: bold; color:#333}

.formm .pad1 { padding:10px 0 0}
a{
 color:#E0BA5F;
 text-decoration:none;
}
a:hover{
 text-decoration:underline;
}
.commentlist li, #commentform input, #commentform textarea {

}
.commentlist {
list-style:none;
padding:0px;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;

	}

.commentlist p {
	font-weight: normal;
	text-transform: none;
	}

#commentform p {

	}

.commentmetadata {
	font-weight: normal;
	}
li.widget h2.widgettitle, div#sidebar li h2 {
background-image:url(images/header_.png);
background-position:4px 15px;
background-repeat:no-repeat;
height:50px;
margin-right:15px;
padding:3px 3px 3px 20px;
width:100%;
}
div#sidebar li ul{
 margin-bottom:5px;
	margin-top:-23px;
}
div#sidebar li ul li{
	padding-left:20px;
	margin-bottom:5px;
	height:16px;
	margin-left:20px;
	background-image:url('images/circle.png');
	background-repeat:no-repeat;
	background-position: left top;
	margin-right:5px;
	
}
div#sidebar li ul li a{
	color:#fff;
}
div#sidebar{
	margin-bottom:30px;
	margin-top:20px;
	width:160px;
	float:right;
}
div.search_box{
	padding-top:15px;
	text-align:right;
	padding-right:15px;
	clear:both;
}
div.separator{
	background-image:url(images/separator.png);
	background-repeat:no-repeat;
	background-position:top center;
	width:440px;
	height:41px;
	margin-top:30px;
}
div.alignleft{
	float:left;
}
div.alignright{
	float:right;
}
div.navigation{
	margin-top:20px;
}
div#respond h3, h3#comments{
    font-size:18px;
	font-weight:normal;
}
div.comment-body{
	/*border-bottom:1px solid #dcb75d;
	margin-bottom:10px;*/
	background-image:url(images/oppoint.png);
	list-style:none;
	padding:10px 15px;
	margin-bottom:10px;
}
 ol.commentlist li div{
		/*background-image:url(images/oppoint.png);*/
 	
}
div.navigation div.alignleft a{
	display:block;
	background-image:url(images/l.png);
	padding-left:20px;
	padding-top:2px;
	height:20px;
	background-repeat:no-repeat;
}
div.navigation div.alignright a{
	display:block;
	background-image:url(images/r.png);
	background-position:top right;
	padding-right:20px;
	padding-top:2px;
	height:20px;
	background-repeat:no-repeat;
}
label.hidden{
	display:none;
}