* { margin: 0; padding: 0; }
body { background: #b4eaeb url("bg.png") center top no-repeat; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; color: #333; line-height: 21px; }
a { outline: none; color: #006699; text-decoration: none; }
a:hover { text-decoration: underline; }
a.loc, a.loc:hover { text-indent: -100000px; }
.red { color: #f26c4f; }

/* Sticky Header */
#header { height: 190px; position: fixed; width: 940px; z-index: 500; top: 0; left: 50%; margin-left: -470px; }
div.logo {padding-top: 30px; width: 128px; position: relative; }
/* Sticky Nav */
div.nav { float: right; width: 700px; height: 56px; }
div.nav ul { list-style-type: none; }
div.nav li { float: left; text-indent: -9999px; }
div.nav li a { display: block; margin-left: 5px; margin-right: 5px; }
a.top { width: 36px; height: 56px; background: url("top-arrow.png") left top no-repeat; }
a.portfolio { height: 41px; margin-top: 7px; width: 189px; background: url("port-tab.png") left top no-repeat; }
a.what { height: 41px; margin-top: 7px; width: 169px; background: url("top-what.png") left top no-repeat; }
a.about { height: 41px; margin-top: 7px; width: 158px; background: url("top-about.png") left top no-repeat; }
a.contact { height: 41px; margin-top: 7px; width: 97px; background: url("top-contact.png") left top no-repeat; }
a.freebies { height: 41px; margin-top: 7px; width: 97px; background: url("top-freebies.png") left top no-repeat; }
a.portfolio:hover, a.what:hover, a.about:hover, a.contact:hover, a.freebies:hover { background-position: left -41px; }

/*#wrapper { width: 940px; margin: 0 auto; }*/
.wide { width: 100%; }
#opening, #block-portfolio, #block-what, #block-about { height: 750px; padding-bottom: 150px; width: 940px; margin: 0 auto; }
#block-contact { height: 1000px; width: 940px; margin: 0 auto; }

/* Opening Block */
#opening { background: url("cow.png") right 150px no-repeat; }
#opening h1 { width: 494px; height: 200px; background: url("title.png") left bottom no-repeat; text-indent: -9999px; margin-left: 100px; padding: 250px 0 0 0; }
#opening h2 { text-indent: -9999px; }
#opening p { color: #fff; font-size: 18px; line-height: 24px; margin-left: 40px; width: 650px; }

/* Portfolio Block */
.plane { background: url("plane.png") center 250px no-repeat; }
#block-portfolio h2 {
	width: 360px;
	height: 70px;
	text-indent: -9999px;
	background: url("title-portfolio.png") left top no-repeat;
	position: relative;
	left: 330px;
	top: 165px;
}
.port-back { height: 300px; width: 620px; background: #dedede; position: relative; left: 325px; top: 225px; }
.stepcarousel { position: relative; overflow: scroll; width: 610px; height: 290px; left: 5px; top: 5px; }
.stepcarousel .belt { position: absolute; left: 0; top: 0; }
.stepcarousel .panel { float: left; overflow: hidden; margin: 0; width: 610px; }
#portfolio-cycle img { border: none; }
#clients { position: relative; top: 235px; left: 325px; height: 55px; width: 620px; background: url("clients.png") left top no-repeat; }

/* Services Block */
.services { background: url("services-bg.png") center top no-repeat; }
#block-what h2 {
	width: 405px;
	height: 70px;
	text-indent: -9999px;
	background: url("title-services.png") left top no-repeat;
	position: relative;
	left: 330px;
	top: 125px;
}
.bespoke { width: 235px; position: relative; top: 310px; left: 30px; color: #003333; }
.left-col {
	width: 370px;
	position: relative;
	top: 210px;
	left: 330px;
}
.service-list {
	width: 210px;
	position: relative;
	top: 60px;
	left: 730px;
	list-style-type: none;
}
.service-list li { line-height: 23px; padding-left: 25px; background: url("tick.png") left center no-repeat; }

/* About Block */
.about-me { background: url("about-bg.png") center top no-repeat; }
#block-about h2 {
	width: 360px;
	height: 70px;
	text-indent: -9999px;
	background: url("title-about.png") left top no-repeat;
	position: relative;
	left: 330px;
	top: 100px;
}
.about-left {
	position: relative;
	left: 320px;
	top: 148px;
	width: 300px;
}
.about-right {
	position: relative;
	left: 640px;
	top: -45px;
	width: 300px;
}
.about-left p, .about-right p { margin-bottom: 15px; color: #003333; }

/* Contact Block */
.contact-me { background: url("contact-bg.png") center top no-repeat; }
#block-contact h2 {
	width: 360px;
	height: 70px;
	text-indent: -9999px;
	background: url("title-contact.png") left top no-repeat;
	position: absolute;
	margin: 165px 0 0 330px;
}
.contact-left {
	position: absolute;
	width: 380px;
	margin: 320px 0 0 0;
	height: 143px;
}
.contact-logolar {
	position:relative;
	width: 98px;
	left: 210px;
	top: 330px;
	background-image: url(logolar.png);
	height: 214px;
}
.contact-logo-text {
	position:relative;
	width: 400px;
	left: 350px;
	top: 115px;
	height: 213px;
}
.contact-right { position: absolute; width: 455px; margin: 320px 0 0 410px; }
p#success { padding: 3px 10px; background: #d1eaac;	border: 1px solid #acd373; color: #406618; margin-bottom: 10px; text-align: center; }
p#bademail, p#badserver	{ padding: 3px 10px; background: #f0dad6; border: 1px solid #e4c4be; color: #f26c4f; margin-bottom: 10px; text-align: center; }
.input-name { height: 35px; width: 305px; background: url("input-name.png") left top no-repeat; padding: 10px 0 0 70px; }
.input-email { height: 35px; width: 305px; background: url("input-email.png") left top no-repeat; padding: 10px 0 0 70px; }
.input-message { height: 80px; width: 455px; background: url("input-message.png") left top no-repeat; padding: 40px 0 0 20px; }
input#nameinput, input#emailinput { border: none; padding-top: 3px; height: 18px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color:#666; }
textarea#commentinput { border: none; font-family: Georgia, "Times New Roman", Times, serif; line-height: 21px; font-size: 14px; color: #666; height: 63px; width: 415px; }
.alignright { float: right; }
#twit-twit { list-style-type: none; font-size: 12px; color: #666; position: absolute; margin: 610px 0 0 20px; width: 195px; font-style: italic; }
.find { text-align: center; padding-top: 60px;}
.find a img { border: none; }
.input-name input, .input-email input { width: 200px; }

/* Modal */
body.modal { background: none; }
.modal-frame { width: 760px; padding: 20px; background: url("modal-bg.gif") left top repeat-x; }
.modal-left { width: 300px; float: left; }
.modal-right { width: 450px; float: right; }
.clear { clear: both; }
.clear-left { clear: left; }
.modal-list { margin: 15px 0 0 0; background: url("work-inlcuded.png") left top no-repeat; padding: 30px 0 0 0; }
.modal-list ul { list-style-type: none; width: 225px; float: left; padding-bottom: 20px; }
.modal-list li { padding-left: 25px; background: url("tick.png") left 3px no-repeat; }
.modal-url { background: url("url.png") left top no-repeat; padding: 20px 0 0 0;}
.baslikhava {
	width: 175px;
	height: 35px;
	text-indent: -9999px;
	background: url("havalimani.png") left top no-repeat;
	position: relative;
	left: 0px; top: 5px;
	}
.basliktedas {
	width: 140px;
	height: 35px;
	text-indent: -9999px;
	background: url("tedas.png") left top no-repeat;
	position: relative;
	left: 0px; top: 5px;
	}
	
.baslikpalen {
	width: 92px;
	height: 42px;
	text-indent: -9999px;
	background: url("palen.png") left top no-repeat;
	position: relative;
	left: 0px;
	top: 5px;
	}
	
.baslikkayak {
	width: 230px;
	height: 35px;
	text-indent: -9999px;
	background: url("kayak.png") left top no-repeat;
	position: relative;
	left: 0px; top: 5px;
	}

.baslikesnaf {
	width: 230px;
	height: 35px;
	text-indent: -9999px;
	background: url("kayak.png") left top no-repeat;
	position: relative;
	left: 0px; top: 0px;
	}