/* CSS Document 2008 Michal Miksik www.miksikandmiksik.com */
/*=================MAIN START==============*/

* {
padding:0;
margin:0;
}

html {
	background:#252525 url(images/stripes.png) repeat-x;
}

body {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}

a:link {color:#FAA411; text-decoration:none;}
a:visited {color:#FAA411; text-decoration:none;}
a:hover {color:#000; text-decoration:none;}
a:active {color:#FAA411; text-decoration:none;}

.orangeLinks a:link {color:#FAA411; text-decoration:none;}
.orangeLinks a:visited {color:#FAA411; text-decoration:none;}
.orangeLinks a:hover {color:#fff; text-decoration:none;}
.orangeLinks a:active {color:#FAA411; text-decoration:none;}

h4 a:link {color:#FAA411; text-decoration:none;}
h4 a:visited {color:#FAA411; text-decoration:none;}
h4 a:hover {color:#FAA411; text-decoration:none;}
h4 a:active {color:#FAA411; text-decoration:none;}

h2 a:link {color:#000; text-decoration:none;}
h2 a:visited {color:#000; text-decoration:none;}
h2 a:hover {color:#000; text-decoration:none;}
h2 a:active {color:#000; text-decoration:none;}

.odd {color:#BBB; background:#333;}
.even {color:#BBB; background:#222;}
.hover {color:#000; background:#444;}
.select {color:#FAA411;}
.sort {font-weight:normal; color:#BBB;}

.mainColor {color:#FAA411;}

p {
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#CCC;
	margin:10px;
	padding:0;
	text-align:left;
}

#headerPhotography h1 {
	width:900px;
	height:131px;
	background:url(images/photography_banner.png) no-repeat;
	text-align:left;
	text-indent:-9999px;
}

#headerFountains h1 {
	width:900px;
	height:131px;
	background:url(images/fountains_banner.png) no-repeat;
	text-align:left;
	text-indent:-9999px;
}

#headerSculptures h1 {
	width:900px;
	height:131px;
	background:url(images/sculptures_banner.png) no-repeat;
	text-align:left;
	text-indent:-9999px;
}

#headerDesign h1 {
	width:900px;
	height:131px;
	background:url(images/industrial_design_banner.png) no-repeat;
	text-align:left;
	text-indent:-9999px;
}
#headerWebdesign h1 {
	width:900px;
	height:131px;
	background:url(images/webdesign_banner.png) no-repeat;
	text-align:left;
	text-indent:-9999px;
}
#headerPrint h1 {
	width:900px;
	height:131px;
	background:url(images/print_banner.png) no-repeat;
	text-align:left;
	text-indent:-9999px;
}
#headerHome h1 {
	width:900px;
	height:131px;
	background:url(images/home_banner.png) no-repeat;
	text-align:left;
	text-indent:-9999px;
}
#headerAboutUs h1 {
	width:900px;
	height:131px;
	background:url(images/about_us_banner.png) no-repeat;
	text-align:left;
	text-indent:-9999px;
}
#headerQuote h1 {
	width:900px;
	height:131px;
	background:url(images/quick_quote_banner.png) no-repeat;
	text-align:left;
	text-indent:-9999px;
}
#headerContact h1 {
	width:900px;
	height:131px;
	background:url(images/contact_banner.png) no-repeat;
	text-align:left;
	text-indent:-9999px;
}
#headerBefore h1 {
	width:900px;
	height:131px;
	background:url(images/before_and_after_banner.png) no-repeat;
	text-align:left;
	text-indent:-9999px;
}
#headerFountainShowcase h1 {
	width:900px;
	height:131px;
	background:url(images/fountain_showcase_banner.png) no-repeat;
	text-align:left;
	text-indent:-9999px;
}
#headerWebShowcase h1 {
	width:900px;
	height:131px;
	background:url(images/web_showcase_banner.png) no-repeat;
	text-align:left;
	text-indent:-9999px;
}
h2 {
	font:bold 16px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	margin:0 10px;
	padding:0;
}

h3 {
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#CCC;
	margin:10px;
	padding:0;
}

h4 {
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#FAA411;
	margin:10px;
	padding:0;
	text-align:left;
}

h5 {
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	padding:35px 0 5px 0;
	color:#FAA411;
}

h6 {
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	padding:40px 0 5px 0;
	color:#FAA411;
}

#wrapper {
	width:900px;
	margin:20px auto;
}


/*=================MAIN END==============*/

/*=================HEADER START==============*/
#header {
	text-align:right;
	color:#FAA411;
}

#languages {
	height:20px;
}
/*=================HEADER END==============*/

/*=================CONTENT START==============*/
#content {
	margin:20px 210px 20px 170px;
}
#mainWindow {
	background:#404040;
	width:500px;
	height:375px;
	padding:10px;
}
#mainWindowThankYou {
	background:#404040;
	width:500px;
	height:350px;
	padding:10px;
	position:relative;
}
#mainWindowThankYou #grb {
	width:500px;
	height:50px;
	padding:0;
	margin:0;
	position:absolute;
	top:150px;
	left:auto;
	color:#FFF;
	text-align:center;
}
#mainWindowThankYou #grb h4 {
	text-align:center;
	text-transform:capitalize;
	}
#mainWindowFountains {
	background:#404040;
	width:500px;
	height:258px;
	padding:10px;
}
#mainWindowWeb {
	background:#404040;
	width:500px;
	height:380px;
	padding:10px;
}
#mainWindowAboutUs {
	background:#404040;
	width:500px;
	padding:10px;
	text-align:left;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#CCC;
}
#mainWindowAboutUs strong {
	margin-left:10px;
}

.author img {
	float:left;
	margin:20px 20px 10px 10px;
}
#mainWindowQuote {
	background:#404040;
	width:500px;
	padding:10px;
}
#mainWindowDescription {
	background:#555;
	width:500px;
	height:60px;
	padding:10px;
	text-align:left;
}
#mainWindowFountainsDescription {
	background:#555;
	width:500px;
	height:150px;
	padding:10px;
	text-align:left;
}
#mainWindowSculpturesDescription {
	background:#555;
	width:500px;
	height:120px;
	padding:10px;
	text-align:left;
}
#mainWindowSculpturesBronzeDescription {
	background:#555;
	width:500px;
	height:40px;
	padding:10px;
	text-align:left;
}
#mainWindowIndustrialDesignDescription {
	background:#555;
	width:500px;
	height:90px;
	padding:10px;
	text-align:left;
}
#mainWindowBrandingDescription {
	background:#555;
	width:500px;
	height:40px;
	padding:10px;
	text-align:left;
}
#mainWindowShowcase {
	background:#404040;
	width:500px;
	padding:10px;
}
#mainWindowShowcase div.video {
	width:425px;
	height:350px;
	margin:20px auto;
	border:5px solid #FFF;
	padding:0;
}
.controll {
	text-align:center;
	font-weight:bold;
	margin:2px 0 0 0;
}
.tab {
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#CCC;
	padding:0;
	text-align:left;
	margin-left:68px;
}

table {
	width:100%;
	text-align:left;
	border:1px solid #000;
	border-collapse:collapse;
}

table tr td {
	height:20px;
	padding:0 10px;
	border:1px solid #000;
}

table tr th {
	height:26px;
	padding:0 10px;
	background:url(images/table_header.png) repeat-x;
	border:1px solid #000;
}

table.skills {
	width:480px;
	text-align:left;
	margin:10px;
	font:10px normal Verdana, Arial, Helvetica, sans-serif;
}

table.skills tr td {
	height:10px;
	padding:0 3px;
	border:none;
	background:#3A3A3A;
}

table.skills tr th {
	height:15px;
	padding:0 3px;
	background:url(images/table_header.png) repeat-x;
	border:1px solid #000;
	color:#000;
}

table.skills tr td.gap {
	height:10px;
	padding:0 3px;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom:none;
	border-top:none;
	background:none;
}

table.skills tr th.gap {
	height:15px;
	padding:0 3px;
	background:none;
	border:none;
	color:#000;
}

.skill {
	text-align:right;
	width:24%;
}

.level {
	text-align:left;
	width:24%
}

.center {
	text-align:center;
	width:24%
}

.gap {
	width:4%;
	border:none;
	background:#111 none;
}

table.languages {
	width:250px;
	text-align:left;
	margin:10px;
	font:10px normal Verdana, Arial, Helvetica, sans-serif;
}


table.languages tr td {
	height:10px;
	padding:0 3px;
	border:none;
	background:#3A3A3A;
}

table.languages tr th {
	height:15px;
	padding:0 3px;
	background:url(images/table_header.png) repeat-x;
	border:1px solid #000;
	color:#000;
}

table.languages td.skill {
	text-align:right;
	width:50%;
}

table.languages td.level {
	text-align:left;
	width:50%
}

table.languages td.center {
	text-align:center;
	width:50%
}

.per100 {
	background:#222;
	width:100%;
	height:5px;
}

.per90 {
	background:#222;
	width:90%;
	height:5px;
}

.per80 {
	background:#222;
	width:80%;
	height:5px;
}

.per70 {
	background:#222;
	width:70%;
	height:5px;
}

.per60 {
	background:#222;
	width:60%;
	height:5px;
}
.per50 {
	background:#222;
	width:50%;
	height:5px;
}
.per40 {
	background:#222;
	width:40%;
	height:5px;
}
.per30 {
	background:#222;
	width:30%;
	height:5px;
}
.per20 {
	background:#222;
	width:20%;
	height:5px;
}
#warning {
	background:#FF0000;
	padding:10px;
}
.highlight {
	font-weight:bold;
}
ul.aboutAuthor {
	margin:20px;
	list-style-type:none;
	list-style-position:outside;
}
ul.aboutAuthor li {
	margin:1px 0;
	padding:0;
	font:12px bold Verdana, Arial, Helvetica, sans-serif;
}	
ul.aboutAuthor li.first {
	font:16px bold Verdana, Arial, Helvetica, sans-serif;
	color:#FFB503;
	margin:0 0 5px 0;
}
.author {
	margin:10px 0;
	padding:5px;
	background:#444;
}
/*=================MENU START==============*/
#menuBar {
	float:left;
	width:150px;
	text-align:left;
}
#menuTop {
	text-indent:-9999px;
	background:url(images/ad_top.png) no-repeat;
	width:151px;
	height:50px;
	border-bottom:solid 1px #000;
}

* html #menuTop {
  background: none; /*Remove background*/
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
      src='images/ad_top.png',
      sizingMethod='scale');
}

#menuBottom {
	background:url(images/ad_bottom.png) no-repeat 100% 100%;
	width:152px;
	height:30px;
}

#menuBar ul {
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	list-style-type:none;
	line-height:1.5;
}

#menuBar ul li a {
	display:block;
	width:130px;
	height:20px;
	background:#333 url(images/bullet_m.png) no-repeat 2px 2px;
	padding:0 0 0 20px;
	border-left:solid 1px #000;
	border-right:solid 1px #000;
	border-bottom:solid 1px #000;
	color:#BBB;
}
#menuBar ul li a:hover {
	color:#000;
	background:#FAA411 url(images/bullet_m.png) no-repeat 2px 2px;
}	
#menuBar ul li a.web {color:#FAA411; background:#333 url(images/bullet_w.png) no-repeat 2px 2px;}
#menuBar ul li a.web:hover {color:#000; background:#FAA411 url(images/bullet_w.png) no-repeat 2px 2px;}
#menuBar ul li a.fountain {color:#FAA411; background:#333 url(images/bullet_f.png) no-repeat 2px 2px;}
#menuBar ul li a.fountain:hover {color:#000; background:#FAA411 url(images/bullet_f.png) no-repeat 2px 2px;}
#menuBar ul li a.before {color:#FAA411; background:#333 url(images/bullet_b.png) no-repeat 2px 2px;}
#menuBar ul li a.before:hover {color:#000; background:#FAA411 url(images/bullet_b.png) no-repeat 2px 2px;}
#menuBar ul li a.contact {color:#FAA411; background:#333 url(images/bullet_c.png) no-repeat 2px 2px;}
#menuBar ul li a.contact:hover {color:#000; background:#FAA411 url(images/bullet_c.png) no-repeat 2px 2px;}
#menuBar ul li a.quote {color:#FAA411; background:#333 url(images/bullet_q.png) no-repeat 2px 2px;}
#menuBar ul li a.quote:hover {color:#000; background:#FAA411 url(images/bullet_q.png) no-repeat 2px 2px;}

#testimonialsTop {
	background:url(images/ad_top.png) no-repeat;
	width:132px;
	height:50px;
	padding:0 10px;
	margin-top:10px;
}

* html #testimonialsTop {
  background: none; /*Remove background*/
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
      src='images/ad_top.png',
      sizingMethod='scale');
}

#testimonialsContent {
	background-color:#333;
	color:#BBB;
	padding:10px;
	width:130px;
	border:#000 1px solid;
	font:10px Verdana, Arial, Helvetica, sans-serif;
}

#testimonialsBottom {
	background:url(images/ad_bottom.png) no-repeat 100% 100%;
	width:152px;
	height:30px;
}

.testName {
	color:#666;
	border-bottom:1px dashed #FAA411;
	margin:5px 0;
	padding:0 0 5px 0;
}

#networkingTop {
	background:url(images/ad_top.png) no-repeat;
	width:132px;
	height:50px;
	padding:0 10px;
	margin-top:10px;
}

* html #networkingTop {
  background: none; /*Remove background*/
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
      src='images/ad_top.png',
      sizingMethod='scale');
}

#networkingContent {
	background-color:#333;
	color:#BBB;
	padding:10px;
	width:130px;
	border:#000 1px solid;
	font:10px Verdana, Arial, Helvetica, sans-serif;
}

#networkingBottom {
	background:url(images/ad_bottom.png) no-repeat 100% 100%;
	width:152px;
	height:30px;
}
/*=================MENU END==============*/

/*=================ADBAR START==============*/
#adBar {
	float:right;
	width:190px;
	color:#BBB;
	text-align:left;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#beforeAfterTop {
	background:#000 url(images/ad_top_flower.png) no-repeat;
	width:170px;
	padding:0 10px;
	margin-top:10px;
}
#getQuoteTop {
	background:url(images/ad_top.gif) no-repeat;
	width:170px;
	height:106px;
	padding:0 10px;
}

html>body #getQuoteTop {
	background:url(images/ad_top.png) no-repeat;
	width:170px;
	height:106px;
	padding:0 10px;
}

#quickEmailTop {
	background:#000 url(images/ad_top_mail.png) no-repeat;
	width:170px;
	padding:0 10px;
	margin-top:10px;
}
#beforeAfterButton {
	position:relative;
	left:115px;
	top:10px;
	width:65px;
	height:25px;	
}
#quickEmailButton {
	position:relative;
	left:115px;
	top:10px;
	width:65px;
	height:25px;
}
#quickEmailButton input {
	width:65px;
	height:25px;
	background:url(images/cbutton.png) no-repeat;
	font-weight:bold;
	border:none;
	padding:0 0 0 20px;
	color:#FAA411;
	font-size:10px;
}
#beforeAfterButton a {
	width:40px;
	height:20px;
	padding:5px 0 0 25px;
	background:url(images/bbutton.png) no-repeat;
	font-weight:bold;
	display:block;
}
#getQuoteButton {
	position:relative;
	left:115px;
	top:10px;
	width:65px;
	height:25px;
}
#getQuoteButton a {
	width:40px;
	height:20px;
	padding:5px 0 0 25px;
	background:url(images/qbutton.png) no-repeat;
	font-weight:bold;
	display:block;
}
.adBottom {
	background:url(images/ad_bottom.png) no-repeat;
	width:190px;
	height:45px;
	margin: 0px;
	padding: 0px;
}
.adBottomForm {
	background:url(images/ad_bottom.png) no-repeat;
	width:190px;
	height:45px;
	margin:0 0 0 -10px;
}
fieldset {
	border:none;
}
fieldset input {
	margin:5px 0;
	width:166px;
}
textarea {
    margin:5px 0;
	width:166px;
	border:1px solid #000;
	background:#BDBDBD url(images/input_back2.png) repeat-x;
}

textarea:hover {
    margin:5px 0;
	width:166px;
	border:1px solid #FFB503;
	background:#9A9A9A url(images/input_back3.png) repeat-x;
}

textarea:active {
    margin:5px 0;
	width:166px;
	border:1px solid #FFB503;
	background:#9A9A9A url(images/input_back3.png) repeat-x;
}

textarea:focus {
    margin:5px 0;
	width:166px;
	border:1px solid #FFB503;
	background:#9A9A9A url(images/input_back3.png) repeat-x;
}

input {
	background:url(images/input_back2.png) repeat-x;
	border:1px solid #000;
	}

input:hover {
	background:url(images/input_back3.png) repeat-x;
	border:1px solid #FFB503;
	}
	
input:focus {
	background:url(images/input_back3.png) repeat-x;
	border:1px solid #FFB503;
	}
	
input:active {
	background:url(images/input_back3.png) repeat-x;
	border:1px solid #FFB503;
	}		
	
select {	
	background:url(images/input_back2.png) repeat-x;
	border:1px solid #000;
	}

/*=================ADBAR END==============*/

/*=================CONTENT END==============*/

.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.clearLeft {
	clear:left;
}