/****************************************************

    CSS file of http://www.creativenights.com/
    Copyright (c) Marko Dugonjic, 2005.

****************************************************/

* { margin: 0; padding: 0; }

body { text-align: center; background: #335E91 url(top_grad.gif) repeat-x 0 0; color: #fff; font: 62.5%/1.5 Arial, Helvetica, sans-serif; }
p { font-size: 1.2em; margin-bottom: 1em; }
ul { list-style: none; }
dt,
dd { font-size: 1.2em; }
dt { font-weight: bold; }
dd { margin-bottom: .5em; margin-left: 15px; }
a { color: #B1DDFE; font-weight: bold; text-decoration: none;  }
a:hover { color: #fff; }
a img, fieldset { border: 0; }
img { color: #335E91; }

#sizer 	{ width: 674px; margin: 0 auto; padding: 0 0 60px 0; text-align: left; }
#header { width: 674px; position: relative; height: 84px; }
#header a	{ font-weight: normal; }

#logo { position: absolute; top: 60px; left: 0; width: 243px; height: 24px; text-indent: -9999px; overflow: hidden; background: url(/css/cnse_logo.gif) no-repeat 10px 0; }
#logo a { display: block; width: 243px; height: 24px; }
#contactLink { position: absolute; bottom: 0; right: 10px; text-transform: uppercase; letter-spacing: 1px;
	padding-right: 16px; background: url(/css/cnse_send_icon.gif) no-repeat 100% 50%; border: 0; }

.contentBlock,
.featuredProject { float: left; display: inline; width: 674px; margin: 15px 0 4em; padding-top: 4em; }

.contentBlock,
div.first-child { border-top: 1em solid #4C7AA7; }

.featuredProject { border-top: 1px solid #4C7AA7; }

.contentBlock h2 { font: 2.4em/1.2 "Helvetica Neue", Helvetica, Arial, sans-serif; color: #B1DDFE; margin-bottom: .2em; }

 
.contentBlock h3,
#aboutMarko .leftCol h2,
.featuredProject h1 { font: normal 2.4em/1.2 "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: .5em; text-transform: uppercase; letter-spacing: 1px; }


.contentBlock ul,
.featuredProject ul { margin-bottom: 1em; }
.contentBlock ul li,
.featuredProject ul li { font-size: 1.2em; font-style: italic; list-style: none; }
.featuredProject ul li a { font-weight: normal; }

.contentBlock form { font-size: 1.4em; }

.leftCol { float: left; width: 211px; margin-right: 20px; clear: both; }
    .leftCol img { float: right; }

.rightCol { float: right; width: 442px; padding-left: 0; }
    #mtz 		{ float: left; display: inline; width: 211px; margin: 0 0 0 -252px; position: relative; }
	#mtz img	{ border: 4px solid #fff; }
	#mtz p		{ padding: 0 2px; font: italic 1em Georgia, 'Times New Roman', Times, serif; text-align: right; }

.featuredProject .leftCol .imgHolder img	{ padding-top: 3px; }
#aboutMarko .rightCol,
.featuredProject .rightCol		{ width: 422px; padding-left: 20px; }

.tiny_col					{ float: left; width: 211px; }
.rightCol div.first-child	{ margin-right: 20px; border-top: 0; }

    #contactForm .rightCol { padding-left: 0; border-left: 0; width: 440px; }

#featuredList { height: 80px; margin-bottom: 2em; }
#featuredList li { float: left; padding: 0; margin: 0; background: url(/css/cnse_thumbnail.gif) no-repeat 0 0; }
#featuredList a { float: left; text-decoration: none; }
#featuredList a img { width: 50px; height: 50px; margin: 15px; }

#footer { float: left; width: 674px; margin: 15px 0 0; padding: 20px 0; border-top: 1px solid #4C7AA7; text-align: right; }
/*\*/
* html #footer { float: none; clear: both; }
/**/
#footer p 	{ font-size: 1.1em; line-height: 1.6em; padding: 0 10px; }
#footer a 	{ line-height: 1.8em; }
#topLink 	{ float: left; }
#topLink a 	{ padding-right: 11px; text-transform: uppercase; letter-spacing: 1px; background: url(/css/cnse_top_icon.gif) no-repeat 100% .3em; }

#contactForm { float: left; width: 674px; margin-top: 1.5em; background: url(/css/cnse_form.gif) no-repeat 0 100%; }
    fieldset { padding: 20px 0; }
    /*\*/ * html fieldset { padding-bottom: 0; } /**/

		#contactForm .leftCol	{ margin-right: 0; }
        .leftCol fieldset 	{ width: 215px; background: url(/css/cnse_fieldset.gif) no-repeat 0 0; }
        .rightCol fieldset 	{ float: left; width: 440px; background: url(/css/cnse_fieldset.gif) no-repeat -234px 0; }
		* html .rightCol fieldset { background-position: -232px 0; }

    legend { display: none; }
    label { display: block; margin: 0 20px 6px 20px; font-family: "Lucida Grande", "Lucida sans Unicode", Arial, Helvetica, sans-serif; }

    .inputText,
	textarea 	{ padding: 2px 0 2px 2px; display: block; margin: 0 20px 20px 20px; border: 2px solid #345E91;
        background: #fff url(/css/cnse_input_shadow.gif) repeat-x 0 0; }
        .inputText:focus,
		textarea:focus { border: 2px solid #f60; }
        .labelCheck { padding: 1px 2px; }
        .labelCheck:focus { background: #f60; }
        .leftCol .inputText { width: 169px; }
        .rightCol .inputText,
		.rightCol textarea { width: 396px; }
        .rightCol textarea { height: 90px; font: 1em Verdana, Arial, Helvetica, sans-serif; overflow: auto; }
        .inputImage { float: right; display: inline; width: 134px; height: 36px; margin: 0 20px 0 0; background: #f60; color: #fff; }
        input[class="inputCheck"] { margin-bottom: .15em; }

.errorMessage,
.thankyouMessage { clear: both; padding: 2em 3em; border: 4px solid #fff; background: #C00; color: #fff; font-weight: bold; }
.thankyouMessage { background: #0C0; }
.errorMessage ul,
.errorMessage p,
.thankyouMessage p { margin: 0 0 1em 0; }
.errorMessage p { margin-bottom: 0; }
.errorMessage ul { margin-top: 0; }
.errorMessage li { list-style: square outside; margin-left: 1.8em; padding: 0 !important; background: none !important;  }