/* Sticky Header */

@font-face {font-family: TitilliumMaps29L;src:url(http://www.sr-up.com/dev/Porfolio/TitilliumMaps29L.otf);}

#portfolio-cycle {overflow: hidden;}
body {line-height: 20px; margin:0;background:url(../images/bg.jpg);font-style: normal; font-weight: normal; font-variant: normal; font-size: 15px; letter-spacing: 0px; font-family:TitilliumMaps29L, "Trebuchet MS", "Lucida Grande", Helvetica; color: #000;}
#page{background:url(../images/bg_top.jpg) no-repeat right 0; margin: 0 auto; width:960px; position:relative;}
a { outline: none; color: #006699; text-decoration: none; }
a:hover { text-decoration: underline; }
a.loc, a.loc:hover { text-indent: -100000px; }

/* Band & Header*/
#header {width:960px; position:fixed; z-index: 500;}
div.band {width: 132px; height: 132px; margin: 10px 0 0 10px;}
div.band a {background: url(../images/logo.png) no-repeat;width: 132px; height: 132px; float: left; text-indent:-9999px;}
div.band a:hover {background-position: left -130px;}


/* Sticky Nav */
div.nav { float: right; height: 50px; margin: 10px 10px 0 0; }
div.nav ul {list-style-type: none; margin: 0px; padding: 0px;}
div.nav li {float: left; padding: 0 2px;}
div.nav li a {float:left; margin:0px; height:50px;text-indent: -9999px;}
a.up { width: 55px; background: url(../images/b_up.png) left top no-repeat;  }
a.portfolio {width: 115px; background: url(../images/b_portfolio.png) left top no-repeat; }
a.about {width: 125px; background: url(../images/b_about.png) left top no-repeat; }
a.contact {width: 129px; background: url(../images/b_contact.png) left top no-repeat; }
a.portfolio:hover, a.about:hover, a.contact:hover { background-position: left -49px; }
a.up:hover{ background-position: left -49px; }

/*#wrapper { width: 940px; margin: 0 auto; }*/
.wide { width: 100%;}
#opening{ height:450px;width:940px;margin: 0 auto;}
#block-portfolio,#block-about{height: 650px; width:940px; margin: 0 auto;}
#block-contact{height: 720px; width:940px; margin: 0 auto;}

/* Opening Block */
#opening {}
#opening h1,h2,p{margin: 0; padding: 0;}
#opening h1 {background:url(../images/title_sr_up.png) no-repeat 180px bottom ;text-indent:-9999px; padding: 200px 0 0 180px;}
#opening h2 {text-indent:-9999px;padding: 0 0 0 180px;}
#opening p {padding: 0 0 0 180px;}

/* About Block */
.about {background: url(../images/fish.png) center top no-repeat; }
#block-about h2 {height: 150px; text-indent: -9999px; background:url(../images/title_about.png) right 105px no-repeat;}
#block-about p {padding: 0px 50px 0 180px; text-align: right; float:right;}
#block-about img { float:right; border: none; padding:0 0 0 20px;}



/* portfolio Block */
.portfolio { background: url(../images/bg_center.jpg) right bottom no-repeat; }
#block-portfolio h2 {height: 150px; text-indent: -9999px; background:url(../images/title_portfolio.png) right 105px no-repeat;}
#block-portfolio p {}

/* Contact Block */
* { padding:0; margin:0; border:none;}
.contact { background: url(../images/bg_bottom.jpg)  right bottom no-repeat; }
#block-contact h2 {height: 190px; text-indent: -9999px; background:url(../images/title_contact.png) right 140px no-repeat;}
#block-contact p {padding: 10px 0 2px 10px;}

/* slideshow */

#slideshow{ padding: 30px 0 0 0;}
#slider {width: 800px;margin: 0 auto;position: relative;}

.scroll {overflow: hidden;width: 800px;margin: 0 auto;position: relative;}

.scrollContainer {position: relative;}
.scrollContainer div.panel { padding: 10px;width: 274px;}

#left-shadow {position: absolute;top: 0;left: 0;width: 12px;bottom: 0;background: url(../images/leftshadow.png) no-repeat top left; height:238px;}
#right-shadow {position: absolute;top: 0;right: 0;width: 12px;bottom: 0;background: url(../images/rightshadow.png) no-repeat top right; height:238px;}

.inside {margin:5 px;border: 1px dashed #999; background:#dcd8d2;}
.inside img {display: block;width: 262px; padding: 0 5px 5px 5px; border:none;}
.inside h3 { padding: 0 0 0 10px; color:#990000; text-transform:uppercase; font-size:15px;}
.inside h4 {font-size:20px; text-transform:uppercase ;text-align:center;color:#900; padding:5px;}
.inside p {font-size: 12px;border:none;}
.text_inside {padding:0 0 0 10px; font-size:11px;}

.inside a {border:none;}

a:hover {border-bottom: 1px solid #999;}

.scrollButtons {position: absolute;top: 127px;cursor: pointer;}
.scrollButtons.left {left: -45px;}
.scrollButtons.right {right: -45px;}

.hide {display: none;}

/* Contact form */

#contact{ margin:0; margin-left:120px;}
div #contact p {text-align:left;}

.cssform p{width: 300px;clear: left;margin:10px 0 0 0;border-top: 1px dashed gray;height: 1%;}
.cssform label{font-weight: bold;float: left;margin-left: 155px;width: 150px;}
.cssform p input{margin-right:150px;}
.cssform input[type="text"]{width: 180px;margin-top:3px;height:25px; font-size:17px;}
.cssform input[type="submit"]{background: url(../images/b_submit.png) top left no-repeat; height:46px;text-indent:-5555px;width:95px;}
.cssform textarea{width: 250px;height: 150px;font-size:17px;font-family:TitilliumMaps29L,"Trebuchet MS", "Lucida Grande", Helvetica; padding:10px;}

* html .threepxfix{margin-left: 3px;}
.text_p{width:350px;}
.text_c{float:right;
text-align:right;
width:350px;}