html, body {height: 100%;}
body {margin: 0; padding: 0; color: #000; font-family: "trebuchet MS"; font-size: 12px; background: url(../images/bg.jpg) repeat-x left top #ededed;}

a img {border: none;}
form {margin: 0;}
h3, h4, p, ol, ul, dl {margin: 1em 0;}
h1 {font-size: 18px; text-transform: uppercase; margin: 0 0 1em; color: #02385a; line-height: 1.3em;}
h2 {color: #6dd0f7; font-size: 16px; line-height: 1.3em;}
h3 {font-size: 14px; margin: 1em 0; color: #153755;}
h4 {font-size: 12px; margin: 1em 0;}
ol, ul, dd {padding-left: 30px; margin-left: 0;}
a, .gtxt {color: #6dd0f7;}
a:hover {color: #555;}

/*->default's----------------------------------------------------*/
#page {width: 912px; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%; position: relative; padding: 0 38px; background: url(../images/shadows/bg.png) repeat-y left top;}

	.clear {clear: both; overflow: hidden; height: 0;}
	.error {font-weight: bold; color: #a31102;}
	.subtitle {margin: 0; color: #153755;}
	.row {clear: both; overflow: hidden;}

/*->header-------------------------------------------------------*/
#header {overflow: hidden; position: relative; padding: 20px 20px 12px; background-color: #fff; z-index: 20;}
	#logo {position: absolute; left: 30px; top: 15px;}
	#header a {outline: none;}
	.menu {margin: 0; padding: 0; list-style-type: none; float: right; clear: right;}
		.menu li, .menu a, .menu img, .menu span {float: left;}
		.menu li {padding-left: 13px;}
	#navigation {margin-top: 42px;}
		#navigation li {background: url(../images/shadows/tmenu.gif) no-repeat left center; padding-left: 20px;}
		#navigation li a, #navigation li span {padding: 19px 5px;}	
		#navigation li span {padding-left: 15px; padding-right: 50px;}

/*->collage------------------------------------------------------*/
#collage, .slideshow {height: 367px; background-color: #fff; position: relative; z-index: 10;}
#collage {background: url(../images/loader.gif) no-repeat center center #fff;}

/*->content------------------------------------------------------*/
#content {line-height: 1.5em; padding: 23px 25px 95px; background-color: #fff; overflow: hidden; clear: both;}
	
	.wide {width: 562px; margin-left: 30px;}
	.narrow {width: 260px; margin-left: 30px;}
	.left {margin-left: 0; float: left; clear: left;}
	.right {float: right; clear: right;}
	.shadowblock {background: url(../images/shadows/block.gif) no-repeat left center; padding-left: 30px; height:180px;}
	.shadowblock ul {padding-left: 0;}
	
	.slideshow {width: 912px; height: 367px; position: relative; overflow: hidden; z-index: 31;}
		.slides, .slide {position: absolute; left: 0; top: 0; width: 100%; height: 367px; overflow: hidden; display: none;}
	
	.narrow .block {margin: 1em 0 1.6em; display: block; clear: both;}
	a.block {text-decoration: none;}
	.photo, .phototitle, .cms img {border: 3px solid #fff; background: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; position: relative; z-index: 42; display: inline-block; text-decoration: none;  -moz-box-shadow: 0 0 7px #959595; -webkit-box-shadow: 0 0 7px #959595; box-shadow: 0 0 7px #959595;}
	.photo img {position: relative; z-index: 41;}
	.phototitle {color: #fff; background-color: #6dd0f7; padding: 3px 10px; z-index: 41; margin-top: -4px;}
	
	.narrow ul.list {margin: -12px 0 1em -25px; padding: 0; list-style-type: none;}
		.narrow ul.list a {text-decoration: none; color: #153755; margin: 1.5em 0; display: block; border-left: 12px solid #fff; padding-left: 13px; outline: none;}
		.narrow ul.list a.sel {border-left-color: #153755;}
		.narrow ul.list .lhead {padding-left: 25px; margin-bottom: -5px; position: relative;}
		.narrow ul.list a b {color: #010101; display: block; clear: both;}
	.narrow dl.list {margin: 0 0 1em -25px; color: #a3a3a3; line-height: 1.2em;}
		.narrow dl.list dt {padding-left: 13px; border-left: 12px solid #fff; clear: left; float: left; width: 60px;}
		.narrow dl.list dt.sel {border-left-color: #00395a;}
		.narrow dl.list dd {padding: 0; margin: 1em 0 1.5em 95px;}
		.narrow dl.list a {text-decoration: none; color: #a3a3a3;}
		.narrow dl.list dd a {color: #010101;}
		.narrow dl.list .lhead {margin-top: 0;}
	
	.news h1 {text-transform: none; color: #868686; margin-top: 30px; margin-bottom: 0;}
	.team h1 {color: #153755; margin-top: 30px; margin-bottom: 0;}
	
	ul.portfolio {padding: 0; list-style-type: none; margin: -23px 0 0 -55px; float: left;}
		ul.portfolio li {float: left; margin-left: 55px; height: 60px; border-top: 7px solid #fff; padding: 10px 0 0; white-space: nowrap; color: #79d3f4;}
		ul.portfolio li.sel {border-top-color: #7ad3f6;}
		ul.portfolio a {text-decoration: none; color: #010101; outline: none;}
		ul.portfolio a.site {color: #555555;}
		
	input, textarea {border: none; padding: 2px 5px; border-bottom: 1px solid #bcbcbc; border-left: 1px solid #bcbcbc; background: url(../images/shadows/input.gif) repeat-y left top #fff; font-family: "trebuchet MS";}
		input[type="text"], textarea {width: 200px; line-height: 1.2em;}
		input[type="submit"] {cursor: pointer; color: #153755; text-transform: uppercase; font-weight: bold; padding-left: 15px; padding-right: 15px;}
	.form label, .form input, .form textarea {margin:  1em 25px 1em 0; display: block;}
	.form label {padding: 3px 0;}
	.form input[type="submit"] { margin-bottom: 15px;}
	.contact .right, .contact .left b, .contact .left strong {color: #153755; font-weight: bold;}
	.contact {padding-top: 10px !important;}
	
	#specials {margin: 0.6em 0; padding: 0; list-style-type: none; position: relative; margin-left: -3px; background: url(../images/shadows/specials.gif) no-repeat left top;}
		#specials, #specials li {width: 266px; height: 224px;}
		#specials li {position: absolute; left: 0; top: 0; display: none;}
		#specials .thumb {position: absolute; top: 9px; left: 9px; width: 250px; height: 180px; overflow: hidden;}
		#specials .tit {position: absolute; bottom: 11px; left: 16px; color: #fff; text-decoration: none; width: 165px; overflow: hidden;}

/*->footer-------------------------------------------------------*/
#footer {clear: both; text-transform: uppercase; text-align: center; color: #a5a5a5; font-size: 10px; line-height: 1em; background: url(../images/bgfoot.gif) no-repeat center top #fff; overflow: hidden; padding: 20px 26px; position: relative; width: 860px; margin: -80px auto 0;}
	#footer p {color: #000;}