/*** Global ***/

body			{ overflow:hidden; }
html			{ height: 100%; background: #67b2ff top left no-repeat url(../dizz/bg00.jpg); font-size:100% !important; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; }

select, input, div, span, font, textarea	{ font-size: 100%; font-family: Tahoma, Arial, Verdana; }
a img, img, fieldset, html, body			{ border: none; }
a img, img, a								{ outline: none !important; }
td											{ padding: 0px; vertical-align: top; }
ol, ul										{ list-style:none; }
caption, th									{ text-align:left; }
q:before, q:after							{ content:''; }
abbr, acronym								{ border: none; }
.fil1										{ overflow: hidden; height: 4px; width: 100%;}
.fil										{ overflow: hidden; height: 6px; width: 100%;}

/*** Preloader ****/

.QOverlay		{ background-color: #000; z-index: 9999; }
.QLoader		{ background-color: #ccc; height: 1px; }
.QAmt			{ width:100px; height:50px; margin:-60px 0 0 -50px; color:#333; font-size:40px; font-weight:bold;line-height:50px; }

/*** Layers ****/

.layers			{ width:100%; height:100%; overflow:hidden; }
#layer1			{ position: absolute; bottom:10px; z-index:-99;  }
#layers-small	{ width:3000px; height: 100%; background: repeat-x url(../dizz/bgtown.png) bottom left; }
#layer2			{ position: absolute; bottom:0px; z-index:-999; }
#layers-big		{ width:3000px; height:100%; background: repeat-x url(../dizz/bgtownz.png) bottom left; }

/*** Godmode ****/

#godmode						{ width:9px; height:9px; position:absolute; left:727px; top:88px; }
#godmode a, #godmode a:hover	{ cursor:default; }

/*** Contact form ***/

.ctext					{ width:221px; height:100%; padding:5px; float:left; text-align:left; font-size:14px;}
.ctext strong			{ font-size:14px; font-weight:bold;}
.ctext a				{ color:#90d3d3;}
#content				{ background-color:#FDFDFD; border-left:2px solid #333333;	border-right:2px solid #333333;	margin:0px; padding:10px;	height:100%; }
#contactForm			{ width:300px; height:312px; float:right; border:1px solid #fff; color:#fff; overflow:hidden; z-index:99; padding:5px; padding-right:10px; }
form#contactForm input, textarea { background:#fff none repeat scroll 0 0; outline-style:none; outline-width:medium; width:301px; padding:0px; border:1px solid #dfdfdf;	font-size:1em; margin-bottom:10px; }
form#contactForm .submit { background: #4f9ad3; outline-style:none; width:301px; padding:5px; border:1px solid #90d3d3; font-size:0.9em; cursor:pointer; color:#fff; text-transform:uppercase; font-weight:bold; margin-top:12px; }
form#contactForm .submit:hover	{ background:#5bacdf }
form#contactForm .disclaimer	{ font-size:12px; text-align:left;}
form#contactForm p				{ width:301px; font-size:0.9em; text-align:left; }
#contactForm .red				{ color:#F5410F; }
#overlay						{ background-color:#666; display:none;	height:100%; left:0; margin:0; padding:0; position:absolute; top:0;	width:100%;	z-index:0; } 
.error							{ background-color: #ff0000; }
#name.error, #email.error, #comment.error { background-color: #ff6666; } 
form#contactForm #loading		{ background: url(images/ajaxloader.gif) no-repeat; width:55px; height:55px; margin: 100px auto; display:none; }
.holder							{ margin:10px auto; padding-top:12px; }	

/*** Menu ***/

#menu				{ width:388px; height: auto; float: left; position:absolute; top:20px; left:31px; z-index:10; background:url(../dizz/bgmenu.png) center no-repeat;}
.mfix				{ width:51px;}
#menu a				{ color:#b8dff8; border:0px; display:block; text-decoration:none; padding:17px; margin-right:1px; font-size:14px; font-weight:bold;}
#menu a:hover		{ background:#ff9400; color:#fff; border:0px; text-decoration:none; padding:17px; margin-right:1px;}
#menu a.selected	{ background:#ff9400; color:#fff; border:0px; text-decoration:none; padding:17px; margin-right:1px;}
#menu li			{ float:left; padding:17px 0px; }

/*** Main ***/

#slogan			{ padding:99px 51px 10px; float:right; color:#fff; font-size:16px; font-family:Geneva, Arial, Helvetica, sans-serif; }
#slogan strong	{font-weight:bold;}

#clouds	{ width:100%; height:100%; background:url(../dizz/bgclouds.png) top left no-repeat; text-indent:-9999px; position:absolute; top:0px; left:0px; z-index:-99; }
#wrapper	{ width:100%; height:100%; position:absolute; top:0; left:0; overflow:hidden; margin: 0 auto;}
#mask		{ width:400%; height:100%; }
.box		{ width:25%; height:100%; float:left; }
#box2		{ background: url(../dizz/bg03.png) no-repeat bottom center; }
.content	{ width:960px; height:100%; top:20%; margin: 0 auto; padding:0px; position:relative; z-index:99; }
.inner		{ width:auto; height:100%; margin:5px; padding:15px 5px; position:relative; }
.ctitle		{ width:81px; padding:3px; text-align: center; float:right; position:absolute; right:148px; top:388px; font-size:13px; font-weight:bold; background:#ff9400; color:#fff; }
.ctitleporto { width:85px; padding:3px; text-align: center; float:right; position:absolute; right:179px; top:371px; font-size:13px; font-weight:bold; background:#ff9400; color:#fff; }
					
#footer		{ height:38px; z-index:-99; background: #76c8f2; }
#footer_logo{ height:90px; position:absolute; bottom:31px; left:0px; background:  url(../dizz/artlogo.png) no-repeat top left; padding:0px; margin:0px; z-index:99; }
.copyright	{ position:absolute; color:#fff; bottom:12px; right:21px; font-size:16px;}

.mhome_outer, .mcontacts_outer	{ padding-left:21%; padding-top:41px;}
#mhome, #mcontacts				{ width:600px; height: auto; background: url(../dizz/bg02.png) repeat-y top left;}
.mtext	{ height:366px; padding:9px; text-align:justify; color:#fff; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:15px; border:1px solid #c4f0fd; }
.mtext strong					{padding:5px 0px; font-weight:bold;}

/*** Portfolio ***/

.porto			{ background: url(../dizz/bgporto.png) no-repeat 135px 0; }
.innerporto		{ width: auto; height:100%; padding:58px 0px 15px 0px; position:relative; }
.container		{ width: 600px; height:351px; margin: 0px auto; background: url(../dizz/bg02.png) repeat-y top left; border:1px solid #c4f0fd; }
.pc_container	{ width: 600px; height: 288px; padding: 2px 1px 35px 1px; margin: 0px auto; }
.pc_container .pc_item	{ width: 600px; height: 280px; margin-top: 5px; margin-left: 1px; text-align:center; }
.pc_bar_container		{ width: 100%; position: absolute; top: 288px; padding: 0px 10px 0px 10px; overflow:visible; }
.pc_bar_container_underflow	{ width: 90000px; overflow: visible; }
.pc_bar_container_overflow	{ overflow: hidden; position: absolute; top: 288px; margin: 0px 10px 0px 10px; padding: 0px; }
.left, .center, .right { background-position: left; background-repeat: no-repeat; overflow: hidden; font-size: 1px; float: left; }
.bar { background-position: left; overflow: hidden; font-size: 1px; float: left; }
.pc_tn {width:112px; height:80px; border:1px solid #fff; }

/*** nyroModal ***/

div#nyroModalFull		{font-size: 12px; color: #777; }
div#nyroModalLoading	{ width: 150px; height: 150px; border: 4px solid #777; text-indent: -9999em; background: #fff url(../images/ajaxloader.gif) no-repeat;	background-position: center; }
div#nyroModalLoading.error {width: 300px; height: 100px; border: 4px solid #f66; line-height: 20px;	padding: 20px; text-indent: 0; background: #fff; }
div#nyroModalWrapper	{ background: #fff; border: 4px solid #777; }
a#closeBut				{ position: absolute; display: block; top: -13px; right: -13px; width: 12px;	height: 12px; text-indent: -9999em;	background: url(../images/close.gif) no-repeat; outline: 0; }
h1#nyroModalTitle		{ margin: 0; padding: 0; position: absolute; top: -22px; left: 5px; font-size: 12px; color: #ddd; }
div#nyroModalContent	{ overflow: auto; }
div.wrapper div#nyroModalContent	{ padding: 5px; }
div.wrapperImg div#nyroModalContent { position: relative; overflow: hidden;	text-align: center; }
div.wrapperImg img					{ vertical-align: baseline; }
div.wrapperImg div#nyroModalContent div { position: absolute; bottom: 0; left: 0; background: black; padding: 10px;	margin: 10px; border: 1px white dotted;	overflow: hidden;	opacity: 0.2; filter: alpha(opacity=20); }
div.wrapperImg div#nyroModalContent div:hover {	opacity: 0.5; filter: alpha(opacity=50); cursor: help; }
a.nyroModalPrev, a.nyroModalNext	{ z-index: 105; outline: none;	position: absolute;	top: 0;	height: 100%; width: 40%; cursor: pointer; text-indent: -9999em; background: left 20% no-repeat; background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */ }
div.wrapperSwf a.nyroModalPrev, div.wrapperSwf a.nyroModalNext, div.wrapper a.nyroModalPrev, div.wrapper a.nyroModalNext { height: 60%;	width: 20%; }
a.nyroModalPrev			{ left: 0; }
a.nyroModalPrev:hover	{ background-image: url(../images/prev.gif); }
a.nyroModalNext			{ right: 0;	background-position: right 20%; }
a.nyroModalNext:hover	{ background-image: url(../images/next.gif); }