/**************************
Irina Kuzes
http://www.ikuzes.com
Screen styles
**************************/

* {
 margin: 0px;
 padding: 0px;
}

body {
 background-color:#000;
 font-family: Verdana, Arial, sans-serif;
 font-size: 16px;
 color: #CC9;}
 
img, a.img {
	border-width: 0;
	border-style:none;
	padding: 0;
	margin: 0;}

a {text-decoration: none;}
a:focus {outline-style: none;}

#printHeader {
	display:none;
	visibility:hidden;
}

/**** Span class's *****/

.hidden { text-indent: -9000px;}
.br { clear: both;}
.small { font-size: x-small;}
.large { font-size: xx-large;}
.right { float: right;}
.left { float: left;}


/**** Site Container ****/

#container {
	width: 900px;
	\width: 900px;
	w\idth: 900px;
	margin: 50px auto 30px auto;
	padding: 0;
}

/***Header***/
#logo { 
   position: fixed;
   top: auto;
   left: auto;
   width: 150px;
   height: 48px;
   margin: -40px 0 auto 25px;
}

#header {   
   display: block;
   width: 600px;
   height: 30px;
   margin-left: 214px;
}

#header h1 { 
   background: url(../images/portfolio.gif) no-repeat top left;
}

#header p{
font-size: 11px;
}

#header p.right {
    margin-top:-22px;
}

#header p.right a {
color: #CC9;
text-decoration: none;
}

#header p.right a:hover {
color: #FC3;
}

/***Navigation***/

#leftcol {
   float: left;
   display: block;
   width: 150px;
   padding: 0 30px 0 25px;
   margin-top: 53px;
}

#leftcol #nav2 {
   position: fixed;
   top: auto;
   left: auto;
}

#leftcol #nav2 h1 {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   line-height: 16px;
   color: #CC6;
   padding: 10px 0 0 0;
   margin: 0 0 10px 0;
   width: 150px;
   background-image: url(../images/nav_line.gif);
   background-repeat: repeat-x;
   background-position: 0 0;
}

#leftcol #nav2 h1 a {
   margin: 0 14px;
   text-decoration: none;
   color: #CC6;
}

#leftcol #nav2 h1 a:hover {
	color: #F60;
}

#leftcol #nav2 #nav2current {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #FC3;
	padding: 10px 0 0 0;
	margin: 0 0 10px 0;
	width: 150px;
}

#leftcol #nav2 #nav2current a {
	color: #FC3;
	text-decoration: none;
	background-image: url(../images/nav_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
	padding: 0 0 0 14px;
	margin: 0 0 4px 0;
}

#leftcol #nav2 #nav2current a:hover {
	color: #F60;
	text-decoration: none;
}


* html #nav2 {position:absolute;} /*IE only change the position mode of the menu*/

/***Content***/

#content { 
    float: left;
	width: 620px;
	display: block;
	height: 100%;
	padding: 0; 
	margin: 29px 0 20px 10px;
	text-align: left;
}

#content a { color: #B8A787;}

#content a:hover { 
 color: #B8A787;
 text-decoration:underline;
 }
 
#content h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #FC3;
	margin: 0 0 8px 0;
}

#content h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	margin: 0 0 8px 0;
	color:#CC9;
}

#content h2 a {
	color: #CC9;
	text-decoration: none;
}
#content h2 a:hover {
	text-decoration: underline;
	color: #F90;
} 
 
#content p {
	line-height: 1.4em;
	font-size: 11px;
	margin-bottom: 20px;
	color: #A48D64;}

#content ul {
    list-style: none;
}

#content ul li {
float: left;
margin: 0 16px 14px 0;
font-size: 11px;
color: #8F7A54;
}
	
#content li a img {
	border: 1px solid #CC6;
	margin: 0;
	padding: 0;
	}

#content li a:hover img {
	border: 1px solid #FC3;
	margin: 0;
	padding: 0;
	}
	
#content #text {
	float: left;
	width: 600px;
	margin: 0 20px 0 0;
	display: block;
}

#content #text2 {
	float:left;
	width: 150px;
	margin: 20px 0 0 0;
	display: block;
}

#content #text2 p {
	color: #CC9;
	text-align: right;
}

/***Footer***/
#footer {
	width: 855px;
	white-space: nowrap;
	margin: 0 25px 20px 25px;
	padding: 0;
	clear: both;
	border-top: 1px solid #636331;
}

#footer p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #636331;
	margin: 10px 0 0 0;
	text-align: left;
	font-size:11px;
}
 
#footer p.right {
    margin-top:-14px;
}

#footer p.right a {
    margin-top:-14px;
	color: #636331;
	text-decoration: none;
}
 
#footer p.right a:hover {
	color: #F60;
}
 
 /* contact form*/
 
#contact{ }
span.error{ color: red; display:none; }
#loadBar{ display: none; color: #494343;  padding: 5px; }
#emailSuccess{ display: none; color: #FC3;  background-image: url(../images/check.gif); background-repeat: no-repeat; background-position: 5px 50%; padding: 5px 5px 5px 20px; }
label span{ font-style: italic; color: #CC9; }
input, textarea{ font-family: Verdana, Arial, sans-serif; font-size: 110%; color: #373939; background-color: #CECE9F; padding: 1px; }
input:focus, textarea:focus { background:#DEDEBE; color:#373939; }
input[type='submit'], button { cursor:pointer; color: #FC3; font-weight: bold; font-size: 11px; background-color: #000;  padding: 3px; border: 1px solid; border-color: #ACAC5B #636331 #636331 #ACAC5B; }