* {padding:0px; margin:0px;}
html, body {margin: 0px; padding:0px; color: #000000; font-style: normal; font-weight: normal; font-family: Arial, Verdana, Tahoma, Times New Roman, Sans-Serif; font-size:12px;}
img {border: none; outline: none;}
a {color:#000000; text-decoration:none; outline: none;}
a:hover {color: #000000; text-decoration: none; outline: none;}

.site_title{padding:15px 0px 0px 0px}

.site_title h1{color: #fe0000; font-style: normal; font-weight: bold; font-family: Times New Roman, Arial, Verdana, Tahoma, Sans-Serif; font-size:24px;}
.site_title h1 a {color:#fe0000; text-decoration:none; outline: none;}
.site_title h1 a:hover {color: #fe0000; text-decoration: none; outline: none;}

.site_title h2{color: #fe0000; font-size:18px;font-weight: normal; margin-left: 10px}

.top_menu{float:right; padding-right: 25px; padding-bottom: 30px}
.top_menu ul{}
.top_menu ul li{ list-style: none; font-size: 12px; color: #919191; float: left; padding-left: 15px}
.top_menu ul li a {color:#919191; text-decoration:none; outline: none;}
.top_menu ul li a:hover {color: #FF0000; text-decoration: underline; outline: none;}

.left_menu{float:left;width:90px; height: auto; padding: 30px 0px 0px 0px; }
.left_menu ul{}
.left_menu ul li{list-style: none; font-size: 16px; color: #3f3f3f;}
.left_menu ul li a {color:#3f3f3f; text-decoration:none; outline: none; background-color: #FFFFFF; padding: 1px}
.left_menu ul li a:hover {color: #FFFFFF; text-decoration: none; outline: none; background-color: #FF0000; padding: 1px}

.left_menu ul li.hover a {color:#FFFFFF; text-decoration:none; outline: none; background-color: #FF0000; padding: 1px}
.left_menu ul li.hover a:hover {color: #FFFFFF; text-decoration: none; outline: none; background-color: #FF0000; padding: 1px}

.gallery{float:left; width: auto; height: auto; position: relative;}

.gallery_box{float:left; width: 192px; height: 152px; padding:0px 30px 15px 0px;}

a#akvarel_1 {display: block;width:192px;height:152px;background-image: url(images/akvarel_1.jpg);background-position: 0 0; margin: 0;}
a#akvarel_1:hover {background-position: 0 -152px;}
a#akvarel_2 {display: block;width:192px;height:152px;background-image: url(images/akvarel_2.jpg);background-position: 0 0; margin: 0;}
a#akvarel_2:hover {background-position: 0 -152px;}
a#akvarel_3 {display: block;width:192px;height:152px;background-image: url(images/akvarel_3.jpg);background-position: 0 0; margin: 0;}
a#akvarel_3:hover {background-position: 0 -152px;}
a#akvarel_4 {display: block;width:192px;height:152px;background-image: url(images/akvarel_4.jpg);background-position: 0 0; margin: 0;}
a#akvarel_4:hover {background-position: 0 -152px;}
a#akvarel_5 {display: block;width:192px;height:152px;background-image: url(images/akvarel_5.jpg);background-position: 0 0; margin: 0;}
a#akvarel_5:hover {background-position: 0 -152px;}

a#jivopis_1 {display: block;width:192px;height:152px;background-image: url(images/jivopis_1.jpg);background-position: 0 0; margin: 0;}
a#jivopis_1:hover {background-position: 0 -152px;}
a#jivopis_2 {display: block;width:192px;height:152px;background-image: url(images/jivopis_2.jpg);background-position: 0 0; margin: 0;}
a#jivopis_2:hover {background-position: 0 -152px;}
a#jivopis_3 {display: block;width:192px;height:152px;background-image: url(images/jivopis_3.jpg);background-position: 0 0; margin: 0;}
a#jivopis_3:hover {background-position: 0 -152px;}
a#jivopis_4 {display: block;width:192px;height:152px;background-image: url(images/jivopis_4.jpg);background-position: 0 0; margin: 0;}
a#jivopis_4:hover {background-position: 0 -152px;}

a#risunka_1 {display: block;width:192px;height:152px;background-image: url(images/risunka_1.jpg);background-position: 0 0; margin: 0;}
a#risunka_1:hover {background-position: 0 -152px;}
a#risunka_2 {display: block;width:192px;height:152px;background-image: url(images/risunka_2.jpg);background-position: 0 0; margin: 0;}
a#risunka_2:hover {background-position: 0 -152px;}
a#risunka_3 {display: block;width:192px;height:152px;background-image: url(images/risunka_3.jpg);background-position: 0 0; margin: 0;}
a#risunka_3:hover {background-position: 0 -152px;}


.copyright{margin-top:15px; width: 850px; padding-top: 5px; border-top: solid #CCCCCC 1px; color: #999999; font-size: 11px}
.copyright a {color:#999999; text-decoration:none; outline: none;}
.copyright a:hover {color: #999999; text-decoration: none; outline: none;}


/*work navigation -----------------------------------------------------------------------------------------*/
#job_navigation  {width:100%;  height:69px;  position:absolute; top:220px; z-index:99; width: expression(this.scrollWidth <= "100" ? "700" : "100%");}
#job_navigation  .previous_button {width: 35px; height: 69px; left:0px;  position:absolute;  background: url(images/previous.gif); cursor: pointer; }
#job_navigation  .next_button     {width: 35px; height: 69px; right:15px; position:absolute;  background: url(images/next.gif) no-repeat;cursor: pointer;  }
#job_navigation  .previous_button_over {background: url(images/previous_over.gif);}
#job_navigation  .previous_button_disabled { background: none; cursor: default;}
#job_navigation  .next_button_over {background: url(images/next_over.gif);}
#job_navigation  .next_button_disabled {background: none; cursor: default;}


/*work content --------------------------------------------------------------------------------------------*/
#carousel_work {position: relative; top:0px;width:100%; margin:auto; max-width:900px;min-width:900px; width: expression(this.scrollWidth <= "100" ? "900" : "100%");height: 650px;overflow:hidden;}
#carousel_work ul { margin: 0; padding:0; width: 100000px; position: relative; top: 0; left:0;}
#carousel_work ul li {list-style:none; float:left; margin-right: 0px;/*column*/}
.container_work {width: 90%; min-width:750px; width: expression(this.scrollWidth <= "100" ? "750" : "90%"); overflow:hidden;position: relative; margin: auto;}
.container { width: 100%; min-width:650px; width: expression(this.scrollWidth <= "100" ? "650" : "100%"); height: expression(this.scrollHeight <= "100" ? "100%" : "100%"); overflow:hidden; position: relative; margin: auto;}

/*job content --------------------------------------------------------------------------------------------*/
.job_image {height:610px; width:665px; background: #FFFFFF url(images/ajax-loader.gif)  no-repeat 304px 209px;}
.job_text{ font-weight: bold; font-size: 14px}


/*#total_work { margin:auto; margin:0px; width: expression(this.scrollWidth <= "100" ? "700" : "100%");width:100%; max-width:1433px;min-width:700px; }    */

.contact_box{ width: auto; padding-bottom: 4px; padding-top: 4px; clear:both;}
.contact_input{border-style: solid; border-width: 1px; border-color:#b2b2b2; background:#FFFFFF; color: #000000; font-family: Verdana, Tahoma, Arial, Sans-Serif, Helvetica; font-size: 14px; width: 300px; height: 18px;}
.contact_textarea{border-style: solid; border-width: 1px; border-color:#b2b2b2; background:#FFFFFF; color: #000000; font-family: Verdana, Tahoma, Arial, Sans-Serif, Helvetica; font-size: 14px; width: 300px; height: 120px;}

.button { border-width: 1px; border-color: #FF0000; border-style: solid; background-color: #EEEEEE;}