@charset "utf-8";
html{margin-bottom:0.04em;min-height:100%;}
body{background:#121618 url(../images/tilebg.jpg) repeat-x; background-attachment:fixed; color:#454545;margin:0;padding:0;}
#body{background: url(../images/mainbg.jpg) fixed center top no-repeat;font-family:Arial,sans-serif;}
#head{background:#000 url(../images/headbg.jpg) no-repeat;height:74px;}
#preview{background:url(../images/frontbg.jpg) no-repeat;color:#FFF;height:333px;line-height:1.8em;width:950px;margin:0;padding:0;}
#previewcycle{height:299px;overflow:hidden;width:950px;}
#previewcycle div.preview_content{height:299px;width:950px;}
div.preview_content a,.col a{color:#333;font:10px Arial,Verdana,sans-serif;padding-right:10px;text-decoration:none;text-transform:uppercase;}
div.preview_content a:hover{color:#FFF;}
.col a:hover{text-decoration:underline;}
div.preview_content p{margin-bottom:5px;margin-top:5px;}
h2{color:#FFF;letter-spacing:-1px;margin-bottom:0;}
h3{color:#2f8473;font-size:140%;font-weight:700;letter-spacing:-1px;margin:10px 0 0;}
h4{font-weight:700;margin-bottom:4px;text-transform:uppercase;}
div.preview_image img{margin-top:20px;border:10px solid #f5f5f5;}
#lavaLamp,#lavaLamp2{float:left;height:22px;overflow:hidden;position:relative;margin:0;}
ul#lavaLamp2{display: block; padding: 10px 0 0 10px; width:925px; }
#lavaLamp li,#lavaLamp2 li{float:left;list-style:none;margin-right:5px;}
#lavaLamp li.back,#lavaLamp2 li.back{-moz-opacity:.60;background-color:#ff5a00;filter:alpha(opacity=60);opacity:.60;position:absolute;width:9px;z-index:8;}
#lavaLamp2 li.back{background-color:#00aedb;}
#lavaLamp li a,#lavaLamp2 li a{color:#dfdfdf;display:block;float:left;font:bold 10px arial;outline:none;overflow:hidden;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;white-space:nowrap;z-index:10;padding:5px;}
li.hoverjs a{white-space:nowrap;}
#lavaLamp li a:hover,#lavaLamp2 li a:hover{color:#fff;}
#lavaLamp li.hoverjs a:hover,#lavaLamp2 li.hoverjs a:hover{background-color:#ff9632;}
#mainnav{height:74px;}
div#mainnav div{padding:26px 0 0 10px;}
.nav{margin:0;}
.nav span{float:left;font:bold 11px Arial,Verdana,sans-serif;padding:10px 15px 0 10px;}
#nav{background:url(../images/testing.png);font:bold 14px Arial,sans-serif;height:31px;margin-left:40px;width:537px;/*width:402px;*//*width:253px;*/}
#nav a{color:#FFF;float:left;height:31px;line-height:31px;outline:none;text-align:center;text-decoration:none;width:30px;}
#nav a.activeSlide,#nav a:hover{background:#f48822;}
#nav a:focus{outline:none;}
#subnav{background:#898989 url(../images/subnav.jpg) no-repeat;/*height:57px; overflow: hidden;*/}
#portfolio{background:#898989;overflow:hidden;
/*height:480px;*/
}
#portfolio div.innerpage { margin: 10px; margin-top: 0; padding: 10px; background:#e2e2e2;  }
.col{background:#e2e2e2;display:inline;float:left;height:134px;margin-bottom:12px;margin-left:12px;overflow:hidden; position: relative; width:457px;}
.col img{float:left;margin:5px 15px 0 5px;}
.col a.nopad img { padding: 0; float:left;margin:5px 15px 0 5px; }
.col a.nopad { margin:0; padding: 0; border: 0; outline: none;}
.col p{color:#000;font:11px Arial,sans-serif;line-height:17px;margin-bottom:5px;margin-top:0px;width:200px;}
.col_container {overflow: hidden;}


#about{background:#ebebeb url(../images/aboutbg.gif) repeat-x; overflow: hidden; padding-top: 50px; padding-right: 25px; position: relative; width: 925px;}
#about h3{color:#016752;font-size:15px;font-weight:400;letter-spacing:0;line-height:22px;margin-bottom:14px;}
#about p{color:#454545;margin-bottom:30px; line-height:21px;}
#about img.heading {position: absolute; top: 25px;}
#about_heading {left: 27px; top: 20px !important;}
#contact_heading {left: 534px;}

#nominations {float: left; margin-left: 25px; margin-right: 15px;}
#nom_thumbs img {display: block; margin-bottom: 5px;}

#contact{float: left; overflow: hidden; width: 765px;}
#abouttxt {float: left;}
#abouttxt p a {color: #00aedb;}
#c_form {background:url(../images/divide.gif) top left no-repeat; float: right; margin-left: 15px; padding: 20px; width: 370px; position:relative;}
#c_form .xbiz2013 { float:left; width:150px; height:150px; background:url(../images/xbix2013_nominee.png) no-repeat; position:absolute; right:0px; bottom:0px; }
#c_form .xbiz2014 { float:left; width:130px; height:130px; background:url(http://www.zuzanadesigns.com/xbiz/2014/winner2014.jpg) no-repeat; background-size:contain; position:absolute; right:35px; bottom:0px; }
#c_form .xbiz2015 { float:left; width:120px; height:120px; background:url(http://www.zuzanadesigns.com/xbiz/2015/site.jpg) no-repeat; background-size:contain; position:absolute; right:35px; bottom:0px;}
#contact img{margin-bottom: 10px;}
#contact img.head2{padding-top:10px;}

#payment{background:url(../images/paymentbg.gif) no-repeat; height:46px;}
ul.listing{margin:10px 0 0 10px;}
ul.listing li{float:left;list-style-type:none; margin:0 13px;}
#footer{color:#d8d8d8;text-align:center;padding:10px 0 0 0;}
#help div,#abouttxt img{padding-top:25px;}
.softwares {float: right;position:absolute;left:195px;bottom:5px;}
.softwares2 {float: right;}
.softwares img,.softwares2 img{padding-right:5px;}
#tooltip{position:absolute;border:1px solid #333;background:#f7f5d1;color:#333;display:none;z-index:7000;padding:2px 5px;}
div.footermenu {width: 75%; margin: 0 auto; margin-bottom: 10px;}
ul#footerlink { margin: 0 auto; padding: 0; display: block;  }
ul#footerlink li
{
float:left;list-style:none; font-size: 10px; line-height: 10px; padding: 0 10px 0 10px;
border-right: 1px solid #ccc;
}
ul#footerlink li a{ color: #ccc; font: 10px Arial; text-transform: uppercase; text-decoration: none; }
ul#footerlink li a:hover { text-decoration: underline;}
img#loading { padding: 0; margin: 0}
.clear{clear:both;width:0;height:0;font-size:0;overflow:hidden;}
div.clipping {height: 40px; float: left; width: 220px;}
div.clipping .scroll-pane {height: 75px; margin-top: 5px; overflow-y: auto;}
div.clipping2 {height: 163px; overflow: hidden; }
/* #abouttxt img.xbiz { float: left; padding: 0; margin:1em 1.5em 1.5em 2em;} */
#xbiz_images {float: left; display: inline; margin:1em 1.5em 0 2em;}
#xbiz_images img { padding: 0;}
div.override { padding-right: 10px;}
div.override img {
float: right; margin: 0; padding: 0; padding-right: 3px; }
.morelink { float: left; margin-top:7px; position: absolute;left:0px;top:0px;}
.errorMsg {
	color: #FF0000;
	padding: 20px;
	text-align: center;
}

#pagingLinks {
	margin: 5px 15px;
	text-align: center;
}

#pagingLinks a {
	border: 1px solid #000;
	background: #000;
	color: #FFF;
	padding: 3px 5px;
	text-decoration: none;
}

#pagingLinks a.active {
	color: orange;
}

div.price {
	font-size: 1.3em;
	font-weight: bold;
	padding-right: 5px;
	text-align: right;
	position:absolute; right:0px; bottom:0px;
}

.tfrom {
	font-size: 1em;
	position: absolute;
	right: 30px;
	bottom: 5px;
}

p.num-clients-text span {
	color: #F48822;
}
li.forum a { color: #00ffe4 !important; } 
li.forum a:hover { color: white !important; } 

.container { position:relative; }
#thetweets { float:left; width:315px; height:50px; position:absolute; top:63px; left:0px; overflow:hidden;z-index:99999; font-size:11px; color:#FFF; }
#mytweets {float:left; width:100%; list-style:none; color:#FFF; padding:0; margin:0; position:relative; font-size:10px;}
#mytweets ul { float:left; margin:0; padding:0; list-style:none; }
#mytweets ul li { line-height:11px; }
.title { float:left; width:100%; }
.bluetext { color:#61f9ec; }
.orangetext { color:#f78129; }
.twtr-hyperlink { color:#61f9ec; }
#thetweets a { text-decoration:none; color:#CCC;}
#thetweets a:hover { text-decoration:underline;}
#thetweets .time {position:absolute;right:5px;top:-16px;}
.footer-icons {margin-top: 0px; margin-right: 10px;}
#seotext { float:left; width:917px; margin:25px 0 12px 11px; color:#CCC; background:url('../images/bg60.png'); padding:5px; font-size:15px; }
#seotext strong {text-transform:capitalize !important; }
.seospacer { float:left; width:917px; height:25px;}
#content-protect { background:url('../images/content-protect.png') !important;}
.followlink a { text-decoration:underline !important; }
.followlink {position:absolute; top:0px; right:0px; z-index:999999; }

.hide {display:none !important;}
a.request-quote { float:left; width:63px; height:217px; background:url('../images/quotetab.png') no-repeat; position:fixed; left:0px; top:45%; }
a.xbiz-button { float:left; width:75px; height:40px; background:url('../images/xbiztab.jpg') no-repeat; position:fixed; right:0px; top:45%; }