html,body {	background: #fff; width:100%; height:100%; margin: 0 auto; padding: 0; color: #000; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
img { border: 0px; }
.spacer { clear: both; height: 0; font-size: 1px; }
.spacer15 { clear: both; height: 15px; font-size: 1px; }
.spacer25 { clear: both; height: 25px; font-size: 1px; }

#container { width: 910px; height: 820px; margin: 0 auto; background: url('../../images/index/bg.jpg') no-repeat; }
#header { width: 910px; height: 300px; position: relative; background: url('../../images/index/molecule.jpg') top right no-repeat; }
#header .logo { width: 250px; height: 83px; margin: 69px 0 0 5px; background: url('../../images/index/logo.png') no-repeat; display: block; float: left; }
#header h2 { float: right; font-size: 16px; color: #000; font-family: "Century Gothic"; font-weight: normal; letter-spacing: 1px; display: inline; margin: 130px 150px 0 0; padding: 0; }
#header .line { width: 760px; height: 1px; font-size: 1px; background: #cd4104; }

#menu { margin: 7px 0 0 10px; }
#menu .menu1 { float: left; width: 168px; height: 71px; background: url('../../images/index/menu/1.png') top no-repeat; margin-left: 27px; }
#menu .menu1:hover { background: url('../../images/index/menu/1.png') bottom no-repeat; }
#menu .menu2 { float: left; width: 142px; height: 71px; background: url('../../images/index/menu/2.png') no-repeat; margin-left: 52px; }
#menu .menu2:hover { background: url('../../images/index/menu/2.png') bottom no-repeat;}
#menu .menu3 { float: left; width: 179px; height: 71px; background: url('../../images/index/menu/3.png') no-repeat; margin-left: 51px; }
#menu .menu3:hover { background: url('../../images/index/menu/3.png') bottom no-repeat; }
#menu .menu4 { float: left; width: 145px; height: 71px; background: url('../../images/index/menu/4.png') no-repeat; margin-left: 18px; }
#menu .menu4:hover { background: url('../../images/index/menu/4.png') bottom no-repeat; }

#menu .menuen1 { float: left; width: 168px; height: 71px; background: url('../../images/index/menu/1en.png') top no-repeat; margin-left: 27px; }
#menu .menuen1:hover { background: url('../../images/index/menu/1en.png') bottom no-repeat; }
#menu .menuen2 { float: left; width: 142px; height: 71px; background: url('../../images/index/menu/2en.png') no-repeat; margin-left: 52px; }
#menu .menuen2:hover { background: url('../../images/index/menu/2en.png') bottom no-repeat;}
#menu .menuen3 { float: left; width: 179px; height: 71px; background: url('../../images/index/menu/3en.png') no-repeat; margin-left: 51px; }
#menu .menuen3:hover { background: url('../../images/index/menu/3en.png') bottom no-repeat; }
#menu .menuen4 { float: left; width: 145px; height: 71px; background: url('../../images/index/menu/4en.png') no-repeat; margin-left: 18px; }
#menu .menuen4:hover { background: url('../../images/index/menu/4en.png') bottom no-repeat; }
#menu .item { width: 255px; }

.language { height: 14px; font-size: 12px; margin: 0 0 10px 0; color: #939393; }
.language a { font-size: 12px; color: #939393; text-decoration: none; }

#lastProjects { float: left; width: 255px; height: 261px; background: url('../../images/index/lastProjects.jpg') top no-repeat; margin: 0 0 0 7px; border-bottom: 1px dotted #cacaca; }
#lastProjects a { font-size: 17px; width: 233px; height: 30px; margin: 0 auto; padding: 6px 0 0 22px; display: block; text-decoration: none; color: #000; }
#lastProjects a:hover { color: #525f40; }
#lastProjects .pics { width: 255px; height: 226px; overflow: hidden; margin: 19px 0 0 22px; padding: 0; }
#lastProjects .pics img { width: 212px; height: 188px; margin: 0; padding: 0; }

#leftSide { float: left; width: 255px; height: 261px; margin: 0 0 0 7px; }
#leftSide .line { height: 25px; width: 212px; border-bottom: 1px dotted #cacaca; }
#leftSide a { font-size: 14px; font-family: Arial; text-decoration: none; color: #000; width: 207px; height: 22px; border-bottom: 1px solid #cd4104; display: block; padding: 8px 0 0 5px;}
#leftSide a span.selected { width: 34px; height: 14px; background: #d2da5d; display: block; float: left; margin: 0 4px 0 0; }
#leftSide a span { width: 5px; height: 14px; background: #d2da5d; display: block; float: left; margin: 0 4px 0 0; }
#leftSide a:hover { border-bottom: 1px solid #de6530; }
#leftSide .pics { overflow: hidden; }

#content { float: left; width: 488px; margin-left: 73px; display: inline;  font-family: Arial; overflow: hidden; }
#content .title { width: 34px; padding: 3px 0; height: 23px; overflow: hidden; white-space: nowrap; font-size: 16px; border-bottom: 1px solid #cd4104; }
#content h1 { font-weight: normal; border-left: 34px solid #d2da5d; border-right: 454px solid #d2da5d; float: left; height: 14px; padding: 0 10px;	margin: 5px 0 0 0; font-size: 14px; }
#content p { font-size: 15px; line-height: 22px; padding: 0 5px 10px 5px; }

#long { width: 810px; margin: 0 0 0 50px; overflow: hidden; }
#long .title { width: 130px; padding: 3px 0; height: 23px; overflow: hidden; white-space: nowrap; font-size: 16px; border-bottom: 1px solid #cd4104; font-family: Arial; letter-spacing: 1px; }
#long h1 { font-weight: normal; border-left: 34px solid #d2da5d; border-right: 669px solid #d2da5d; float: left; height: 14px; padding: 0 10px; margin: 5px 0 0 0; font-size: 14px; }

.portfolio { width: 202px; height: 160px; float: left; display: inline; margin: 10px 19px; }
.portfolio img { border: 1px solid #000; width: 200px; height: 140px; }
.portfolio img:hover { border: 1px solid #d2da5d; }
.portfolio a { font-size: 16px; color: #000; text-decoration: none; font-weight: bold; }
#portfolioMenu { float: left; width: 255px; height: 261px; margin: 0 0 0 7px; }
#portfolioMenu a { font-size: 12px; font-family: Arial; text-decoration: none; color: #000; width: 207px; height: 16px; display: block; padding: 8px 0 0 5px;}
#portfolioMenu a span.selected { width: 30px; height: 14px; background: #d2da5d; display: block; float: left; margin: 0 4px 0 0; }
#portfolioMenu a span { width: 5px; height: 14px; background: #d2da5d; display: block; float: left; margin: 0 4px 0 0; }
#portfolioMenu a.title { font-size: 14px; font-family: Arial; text-decoration: none; color: #000; width: 207px; height: 22px; border-bottom: 1px solid #cd4104; display: block; padding: 8px 0 0 5px;}
#pic { margin: 20px 0; width: 488px; height: 325px; }
#pic img { width: 488px; height: 325px; overflow: hidden; }
#pic .hide { display: none; }
#thumbnails { width: 488px; height: 80px; }
#thumbnails a { width: 104px; height: 70px; float: left; display: inline; margin: 0 7px; }
#thumbnails img:hover { border: 2px solid #cd4104; }
#thumbnails img { width: 104px; height: 70px; border: 2px solid #fff; overflow: hidden; }
#content h3 { margin: 10px 0; color: #000; font-size: 14px; font-weight: normal; }
#content a.url { font-size: 17px; color: #cd4104; text-decoration: none; margin: 0 0 15px 0; display: block; }
.photos { width: 480px; height: 320px; overflow: hidden; }

.contact { padding: 10px 0 0 0; color: #cd4104; font-size: 14px; }
.contact label { width: 100px; height: 35px; padding: 2px 0 0 40px; float: left; display: inline; background: url('../../images/index/greenBox.gif') left top no-repeat; }
.contact .inputBox { width: 330px; height: 22px; padding: 2px 0 0 5px; float: left; display: inline; background: url('../../images/index/fieldBox.jpg') left top no-repeat; }
.contact .inputBox input { width: 320px; background: #d2da5d; border: none; }
.contact textarea { width: 326px; height: 106px; padding: 5px; float: left; display: inline; background: url('../../images/index/textareaBox.jpg') left top no-repeat; border: none; }
.contact .sbm { width: 100px; height: 24px; padding: 0 0 2px 0;  font-size: 14px; color: #000; background: url('../../images/index/submitBtn.jpg') no-repeat; border: 0; text-align: center; float: left; }
.error { font-size: 12px; color: red; font-weight: bold; margin: 15px 0 0 0; text-align: left; float: left; display: inline; }
.success { font-size: 12px; color: green; font-weight: bold; margin: 15px 0 0 0; text-align: left; float: left; display: inline; }

.image                                  { position: relative; margin-bottom: 20px; width: 100%; }
.image h2                               { position: absolute; top: 220px; left: 0; width: 100%; }
.image h2 span                          { color: white; font: bold 30px/40px Helvetica, Sans-Serif; letter-spacing: -1px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); padding: 6px 8px; }
.image h2 span.spacer                   { padding: 0 2px; background: none; }

#textSlide                              { padding: 10px 30px; }
#textSlide h3                           { font: 20px Georgia, Serif; }
#textSlide h4                           { text-transform: uppercase; font: 15px Georgia, Serif; margin: 10px 0; }
#textSlide ul                           { list-style: disc; margin: 0 0 0 25px; }
#textSlide ul li                        { display: list-item; }

#quoteSlide                             { padding: 30px; }
#quoteSlide blockquote                  { font: italic 24px/1.5 Georgia, Serif; text-align: center; color: #444; margin: 0 0 10px 0; }
#quoteSlide p                           { text-align: center; }

.anythingSlider                         { width: 800px; height: 480px; position: relative; margin: 0 0 0 3px; }
.anythingSlider .wrapper                { width: 800px; overflow: auto; height: 410px; margin: 0 0px; position: absolute; top: 0; left: 0; }

/* Width below is max for Opera */
.anythingSlider .wrapper ul             { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; background: none; border-top: 3px solid #e0a213; border-bottom: 3px solid #e0a213; margin: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 400px; width: 800px; margin: 0; }
.anythingSlider .arrow                  { display: block; height: 200px; width: 67px; background: url(../../images/index/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right: -20px; }
.anythingSlider .back                   { background-position: -67px 0; left: -20px; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }

#thumbNav                               { position: relative; top: 370px; text-align: center; }
#thumbNav a                             { color: black; font: 11px/18px Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #c58b04 url(../../images/index/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { background: #e0a213; }

#start-stop                             { background: green; background-image: url(../../images/index/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#start-stop.playing                     { background-color: red; }
#start-stop:hover                       { background-image: none; }

.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }