* { margin: 0; padding: 0; }
body { background: #2E8178 url(../images/bg.jpg) center top no-repeat; font-family: "verdana", 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; }

/* Header */
#header { height: 190px; position: fixed; width: 940px; z-index: 500; top: 0; left: 50%; margin-left: -470px; }
div.logo { float: left; padding-top: 30px; width: 300px; position: relative; }
/* Navigation */
div.nav { float: right; width: 428px; height: 56px; }
div.nav ul { list-style-type: none; }
div.nav ul li { float: left; text-indent: -9999px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
div.nav li a { display: block; margin-left: 5px; margin-right: 5px;  }
/*a.home { width: 77px; height: 41px; margin-top:7px; background:  url(../images/top-arrow.png) left top no-repeat; }
a.portfolio { height: 41px; margin-top: 7px; width: 115px; background: url(../images/port-tab.png) left top no-repeat; }
a.about { height: 41px; margin-top: 7px; width: 77px; background: url(../images/top-about.png) left top no-repeat; }
a.contact { height: 41px; margin-top: 7px; width: 97px; background: url(../images/top-contact.png) left top no-repeat; }
a.portfolio:hover, a.what:hover, a.about:hover, a.contact:hover { background-position: left -41px; }*/

a#nav-home:hover, a#nav-home.selected, a#nav-portfolio:hover, a#nav-portfolio.selected, a#nav-about:hover, a#nav-about.selected, a#nav-contact:hover, a#nav-contact.selected {
background-position:0 -43px;
}

a#nav-home {width: 77px; height: 41px; margin-top:7px; background:  url(../images/top-arrow.png) left top no-repeat; display:block; overflow:hidden; text-indent:-10000px;}
a#nav-portfolio { width:115px; height: 41px; margin-top: 7px; width: 115px; background: url(../images/port-tab.png) left top no-repeat; display:block; overflow:hidden; text-indent:-10000px;}
a#nav-about { width:77px; height: 41px; margin-top: 7px; width: 77px; background: url(../images/top-about.png) left top no-repeat; display:block; overflow:hidden; text-indent:-10000px;}
a#nav-contact { width:97px; height: 41px; margin-top: 7px; width: 97px; background: url(../images/top-contact.png) left top no-repeat; display:block; overflow:hidden; text-indent:-10000px;}

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

/* Opening Block */

#opening h1 { width: 791px; height: 271px; background:url(../images/title.png) left bottom no-repeat; text-indent: -9999px; }
#opening h2 { text-indent: -9999px; }
#opening p { color: #fff; font-size: 18px; line-height: 24px; margin-left: 40px; }

/* Portfolio Block */
#block-portfolio h2 { width: 350px; height: 70px; text-indent: -9999px; background: url(../images/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; }
.portfolio-left { position: absolute; width:696px; margin: 288px 0 0 120px; float:left; }



/* About us */
.about-me { background: url(../images/about-bg.jpg) center top no-repeat; }
#block-about h2 { width: 360px; height: 70px; text-indent: -9999px; background: url(../images/title-about.png) left top no-repeat; position: relative; left: 60px; top: 330px; }
.about-left { position: relative; left: 75px; top: 333px; width: 760px; }
.about-left p { margin-bottom: 15px; color: #333333; }

/* Contact us  */
.contact-me { background: url(../images/contact-bg.jpg) center top no-repeat; }
.contact-left { position: absolute; width: 452px; margin: 320px 0 0 0; }
.contact-right { position: absolute; width: 350px; margin: 260px 0 0 469px; height:200px; text-align:center;  }
.contact-righttop { width: 350px; margin: 0; height:80px; float:left;  }
.sociallinks{ float:right; height:32px; width:32px; padding-right:5px; position:relative; top:-23px; bottom:0px; margin:0; padding:0;}
.contact-rightbot { width: 350px; padding: 10px 0 0 0; height:80px; float:left; border-top: 1px dashed #999;}
p#title{  color:#FFF; font-size:22px; font-weight:normal; line-height:28px; margin: 0 0 10px 0; width:350px;}
/*p#success { padding: 3px 10px; background: #d1eaac;	border: 1px solid #acd373; color: #406618; margin-bottom: 10px; text-align: center; }*/
p#success { background: transparent url(../images/succes.png) no-repeat left top; width:432px; height:93px; position:relative; top:9px; text-indent:-9999px; }
p#bademail { background: transparent url(../images/invalid.png) no-repeat left top; width:432px; height:93px; position:relative; top:9px; text-indent:-9999px; }
p#badserver	{ background: transparent url(../images/failed.png) no-repeat left top; width:432px; height:93px; position:relative; top:9px; text-indent:-9999px; }
.input-name { height: 35px; width: 305px; background: url(../images/input-name.png) left top no-repeat; padding: 10px 0 0 70px; }
.input-email { height: 35px; width: 362px; background: url(../images/input-email.png) left top no-repeat; padding: 10px 0 0 70px; }
.input-message { height: 80px; width: 455px; background: url(../images/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: "Verdana",Times New Roman, Times, serif; font-size: 14px; color:#666; }
textarea#commentinput { border: none; font-family: "verdana",Times New Roman, Times, serif; line-height: 21px; font-size: 14px; color: #666; height: 63px; width: 415px; }
.contact-right .title { color:#000; font-size:18px; font-weight:normal; line-height:22px; }
.contact-right h3 { color:#000; font-size:11px; font-weight:normal; line-height:22px; }
.contact-right h2 { color:#000; font-size:28px; line-height:22px; font-weight:normal; line-height:22px;}

.portfolio-left img, .portfolio-center img, .portfolio-right img {
margin:10px 8px 10px;
}
a:hover .pic {
border:2px solid #F0F0F0;
}

.block-portfolio #content-holder ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
overflow:hidden;
padding:0;
width:1500px;
}

.block-portfolio ul li {
float:left;
margin:0;
padding:0;
width:180px;
}

.block-portfolio ul li p {
line-height:18px;
margin:32px 15px 0;
padding:0;
}

.portfolio, #content-slider {
margin:-32px 75px 0 219px;
overflow:hidden;
position:relative;
}


					#content-slider .ui-slider-handle {
						position: absolute;
						top: 0;
						left: 0;
						width: 67px;
						height: 15px;
						background-image: url('file:///F|/New folder (2)/New Folder (8)/sky/_img/slider.png');
						background-position: center center;
						background-repeat: no-repeat;
					}
			
				/* JS resizes width acording to number of childs */
				 .portfolio ul {
					list-style: none;
					margin: 0;
					padding: 0;
					overflow: hidden;
					width: 1500px;
				}
				
					 .portfolio ul li {
						margin: 0;
						padding: 0;
						width: 180px;
						float: left;
					}
					
						 .portfolio ul li > img {
							display: block;
						}
						
						 .portfolio ul li p {
							padding: 0;
							margin:  32px 15px 0 15px;
							line-height: 18px;
						}