html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}


:focus {
outline: 0;
}


ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}


table {
border-collapse: collapse;
border-spacing: 0;
}
html {
height: 100%;
}

body {
height: 100%;
padding: 0;
}

body.scroll {
overflow-y: scroll;
}



#wrap {
width: 100%;
padding: 0;
}

#head {
background: #3b6d9e url("../elements/header.jpg") repeat-x;
width: 100%;
height: 146px;
padding: 0;
}

#middle {
width: 100%;
height: 328px;
padding: 0;
border-top: 1px solid #454545;
}

#core {
width: 70%;
}

ul.main {
padding-top: 100px;
border-left: 1px solid #454545;
}

.main li {
display: block;
padding-top: 2px;
}

#bar {
height: 40px;
background-image: url("../elements/gradient.png");
background-repeat: repeat-x;
padding: 0;
border-bottom: 1px solid black;
}

#bar img {
position: absolute;
top: 448px;
right: 3%;
padding: 0;
}

#foot {
background-image: url("../elements/gradient_foot.png");
background-repeat: repeat-x;
height: 200px;
}

.main a {
padding-left: 12px;
}

.main a:hover {
padding-left: 10px;
border-left: 2px solid black;
}

.main a:active {
padding-left: 9px;
border-left: 3px solid black;
}





.navigate {
width: 760px;
height: 60px;
padding: 0;
border-bottom: 1px solid #606060;
}

.home {
position: relative;
float: left;
top: 26px;
padding: 0;
}

.navbar {
position: relative;
top: 34px;
float: right;
height: 26px;
padding: 0;
}

.navbar li {
float: right;
width: 100px;
padding: 0;
}

.navbar li a {
display: block;
padding: 5px 10px;
border-right: 1px solid #606060;
}

.navbar li a.navlink:hover, li a.navlink:focus, li a.navlink:active {
background-position: -150px 0;
}

.navbar a {
background: url(../elements/nav_animate.jpg) repeat 0 0;
background-position: -150px 0;
}

a.here, p.here {
background: url(../elements/nav_animate.jpg) repeat 0 0;
background-position: 0 -250px;
}






#bioWrap {
height: 100%;
width: 100%;
}

#bioContainer {
width: 760px;
height: 533px;
padding: 0;
background: url("../elements/profile_background.jpg") no-repeat 0;
}

#bioContent {
width: 520px;
padding-top: 135px;
}

#bioContent p {
padding-bottom: 18px;
}






#fictionWrap {
height: 100%;
width: 100%;
}

#fictionContainer {
height: 460px;
background: #f8f8f8 url("../elements/fiction_background.jpg") no-repeat top;
padding: 0;
}

#fictionContent {
width: 450px;
padding-top: 260px;
}

#fictionContent p {
padding-bottom: 14px;
}

p.fic1 {
width: 350px;
padding-left: 55px;
}






#dsnContainer {
width:900px;
height: 400px;
}

#dsnOther {
width: 100%;
}

#dsnPortfolio {
width: 900px;
height: 230px;
background: url("../elements/tab_web.png") 0 0 no-repeat;
}

#dsnText ul {
float: left;
position: relative;
width: 240px;
}

#dsnText li {
display: block;
padding-top: 6px;
}

#dsnText_last {
margin-top: 15px;
}

#dsnScreens {
float: right;
width: 600px;
}


.screens {
position: relative;
bottom:-18px;
padding-bottom: 30px;
}

.screens img {
background: url(../elements/dsn_screens_border.jpg) repeat 0 0;
padding: 1px 2px 2px 1px;
}

.fadeBorder {
background: grey;
}






#cineScrollWrapper {
border-top: 1px solid #606060;
border-bottom: 1px solid #606060;
}

#target-examples {
}


#CineNavbar {
position: relative;
left:250px;
line-height: 23px;
}

#CineNavbar li {
float: left;
width: 100px;
}

#CineNavbar li a {
display: block;
border-left: 1px solid #606060;
border-right: 1px solid #606060;
border-bottom: 1px solid #606060;
}



#CineNavbar a.cineOff {
background: url(../elements/nav_animate.jpg) 0 0;
}

#CineNavbar a.cineOn {
background: url(../elements/nav_animate.jpg) 0 -250px;
}


div.section li{
float:left;
}

div.pane{
overflow: hidden;
clear: left;
position: relative;
width: 900px;
height: 438px;
}

ul.elements li{
width:200px;
height:100px;
border:1px black solid;
text-align:center;
padding:50px;
position:relative;
background-color:#DDD;
}

#cinemaTop {
position: absolute;
width: 900px;
height: 438px;
top: 90px;
left: 900px;
}

#cinemaAnimated {
width: 702px;
height: 176px;
margin: 0 auto;
background: #000;
}

#cinemaAnimated img {
width: 351px;
height: 176px;
}

#cinemaTop ul {
position: absolute;
color: #dcd4c0;
width: 300px;
top: 20px;
right: 108px;
margin: 0;
}

#cinemaTop li {
display: block;
font: 12px Arial, Verdana, sans-serif;
letter-spacing: 1px;
text-align: left;
margin-top: 15px;
}



#projNavMain {
position: absolute;
top:950px;
left: 900px;
width: 900px;
height: 440px;
}


.projLine {
clear: left;
height: 189px;
}

.projCell {
float: left;
}

.projCell img {

background: url(../design/cinema/projects_hover_border.jpg) repeat 0 0;
padding: 1px 4px 4px 1px;
}

.projLarge {
width:850px;
height: 418px;
padding-top: 8px;
}

.projLarge img {
padding: 5px;
}

.projScreens {
width: 728px;
height: 380px;
margin: 0 auto;
}

.projScreens div {
float: left;
height: 180px;
width: 354px;
margin: 5px;
}

.projScreens16mm {
width: 548px;
height: 380px;
margin: 0 auto;
}

.projScreens16mm div {
float: left;
height: 180px;
width: 264px;
margin: 5px;
}

.projNav {
border: 1px solid #666666;
padding: 3px 15px;
cursor: pointer;
}

.projNav a:focus, .projNav a:hover, .projNav a:active {
color: #6470e6;
text-decoration: none;
}

.projNav, .stillsTitle, .stillsText {
position: absolute;
bottom: 5px;
}

.stillsTitle, .stillsText {
right: 65px;
}

a.drawer:focus, a.drawer:hover, a.drawer:active {
color: #961b02;
text-decoration: none;
}

.cineUp, .cineRight, .cineDown, .cineLeft {
padding: 0 12px 0 0;
width: 12px;
height: 12px;
}



.cineUp {
background: url("../elements/cine_nav.gif") no-repeat 0 2px;
}

.cineUp:hover {
background: url("../elements/cine_nav.gif") no-repeat -24px 2px;
}

.cineRight {
background: url("../elements/cine_nav.gif") no-repeat -48px -22px;
}

.cineRight:hover {
background: url("../elements/cine_nav.gif") no-repeat -72px -22px;
}

.cineDown {
background: url("../elements/cine_nav.gif") no-repeat -48px 2px;
}

.cineDown:hover {
background: url("../elements/cine_nav.gif") no-repeat -72px 2px;
}

.cineLeft {
background: url("../elements/cine_nav.gif") no-repeat 0 -22px;
}

.cineLeft:hover {
background: url("../elements/cine_nav.gif") no-repeat -24px -22px;
}

.cineClose {
border: 1px solid #606060;
padding: 2px 14px;
}

#Farm {
position: absolute;
top: 600px;
width: 900px;
}

#end {
background: url("../design/cinema/proj_screens.jpg") no-repeat 0 -360px;
}

#club {
background: url("../design/cinema/proj_screens.jpg") no-repeat -354px -360px;
}

#motel {
background: url("../design/cinema/proj_screens.jpg") no-repeat 0 -540px;
}

#road {
background: url("../design/cinema/proj_screens.jpg") no-repeat -354px -540px;
}

#Children {
position: absolute;
top: 470px;
left: 900px;
width: 900px;
}

#nurse {
background: url("../design/cinema/proj_screens.jpg") no-repeat 0 0;
}

#bed {
background: url("../design/cinema/proj_screens.jpg") no-repeat -354px 0;
}

#times {
background: url("../design/cinema/proj_screens.jpg") no-repeat 0 -180px;
}

#subway {
background: url("../design/cinema/proj_screens.jpg") no-repeat -354px -180px;
}

#Multi {
position: absolute;
top: 600px;
left:1800px;
width: 900px;
}

#phone {
background: url("../design/cinema/proj_screens_16mm.jpg") no-repeat 0 -360px;
}

#two_shot {
background: url("../design/cinema/proj_screens_16mm.jpg") no-repeat -264px -360px;
}

#ivette {
background: url("../design/cinema/proj_screens_16mm.jpg") no-repeat 0 -540px;
}

#mono {
background: url("../design/cinema/proj_screens_16mm.jpg") no-repeat -264px -540px;
}

#Under {
position: absolute;
top: 1285px;
left:1800px;
width: 900px;
}

#enter {
background: url("../design/cinema/proj_screens_16mm.jpg") no-repeat 0 0;
}

#hall {
background: url("../design/cinema/proj_screens_16mm.jpg") no-repeat -264px 0;
}

#cart {
background: url("../design/cinema/proj_screens_16mm.jpg") no-repeat 0 -180px;
}

#shroom {
background: url("../design/cinema/proj_screens_16mm.jpg") no-repeat -264px -180px;
}

#Ocean {
position: absolute;
top: 1285px;
width: 900px;
}

#icon {
background: url("../design/cinema/proj_screens.jpg") no-repeat 0 -1090px;
}

#record {
background: url("../design/cinema/proj_screens.jpg") no-repeat -354px -1090px;
}

#smoke {
background: url("../design/cinema/proj_screens.jpg") no-repeat 0 -1270px;
}

#window {
background: url("../design/cinema/proj_screens.jpg") no-repeat -354px -1270px;
}

#Jimmy {
position: absolute;
top: 1450px;
left: 900px;
width: 900px;
}

#green {
background: url("../design/cinema/proj_screens.jpg") no-repeat 0 -725px;
}

#washer {
background: url("../design/cinema/proj_screens.jpg") no-repeat -354px -725px;
}

#ride {
background: url("../design/cinema/proj_screens.jpg") no-repeat 0 -905px;
}

#diner {
background: url("../design/cinema/proj_screens.jpg") no-repeat -354px -905px;
}

#stillsNavMain {
position: absolute;
top:945px;
left: 4180px;
width: 900px;
height: 438px;
}

#stillsNavInner {
padding: 5px 0;
}

.stillsLine {
text-align: center;
}

.stillsLine img {
border: 3px solid black;
}

.stillsLine img:hover {
border: 3px solid #4b4b4b;
}

.stillsLarge {
width:850px;
height: 415px;
padding-top: 18px;
}

.stillsLarge img {
padding: 0 100px;
}

#stillsOceanDoor {
position: absolute;
top: 200px;
left: 2800px;
width: 900px;
}

#stillsOceanHand {
position: absolute;
top: 200px;
left: 3720px;
width: 900px;
}

#stillsJimmyRidePhoto {
position: absolute;
top: 200px;
left: 4640px;
width: 900px;
}

#stillsJimmyRideRig {
position: absolute;
top: 200px;
left: 5560px;
width: 900px;
}

#stillsDesCraneWide {
position: absolute;
top: 700px;
left: 2800px;
width: 900px;
}

#stillsDesCrane {
position: absolute;
top: 1200px;
left: 2800px;
width: 900px;
}

#stillsFeedbackBranch {
position: absolute;
top: 1700px;
left: 2800px;
width: 900px;
}

#stillsFeedbackDolly {
position: absolute;
top: 1700px;
left: 3720px;
width: 900px;
}

#stillsStress {
position: absolute;
top: 1700px;
left: 4640px;
width: 900px;
}

#stillsDesRoad {
position: absolute;
top: 700px;
left: 5560px;
width: 900px;
}

#stillsDesMount {
position: absolute;
top: 1200px;
left: 5560px;
width: 900px;
}

#stillsUnderShroom {
position: absolute;
top: 1700px;
left: 5560px;
width: 900px;
}


#cineWork {
position: absolute;
top: 2000px;
left: 900px;
width: 900px;
}

table {
width: 800px;
height: 390px;
}

tr.odd {
background: #f0f0f0;
border-top: 1px solid #dfdfdf;
border-bottom: 1px solid #dfdfdf;
}

td {
padding-left: 20px;
}

#cineReel {
position: absolute;
top: 2400px;
left: 4180px;
width: 900px;
height: 440px;
}

#cineReel ul {
margin:0 auto;
}

#cineReel li {
clear: both;
display: block;
}

#cineReelInner {
width: 600px;
height: 419px;

}












.invisible {
display: none;
}

#contact_disabled {
position: relative;
top:75px;
left: 200px;
width: 100%;
}

#contactToggle {
width: 100%;
}

#contactToggle p {
clear: right;
float: right;
width: 100px;
background: url("../elements/nav_animate.jpg") 0 0 no-repeat;
}

#contact {
width: 898px;
height: 185px;

background-color: #e7e7e7;
border-right: 2px solid #6470e6;
border-bottom: 2px solid #6470e6;
}

#fields {
width: 100%;
height: 100%;
}

#form_left {
float: left;
text-align: right;
padding: 40px 0 0 30px;
}

#form_right {

float: left;
width: 410px;
padding: 25px 0 0 0;
}

.input {
border: 1px inset #a3a7c2;
}

#message {
width: 410px;
}

label#comments {
}

.button {
cursor: pointer;
border: 1px solid #6470e6;
margin-top: 5px;
}

#contactTxt {
float: right;
 width: 200px;
}
body
{
color: #000000;
background-color: #fff;
}

a {
text-decoration: none;
color: #000000;
}

a:hover { 
text-decoration: none; 
color: #2B5BCA;
}

a:active {
text-decoration: none;
color: #6666cc;
}

#middle {
background-color: #dfdfdf;
}

.main a {
color: #454545;
}

.main a:hover { 
color: #000;
}

.main a:active {
color: #000;
}





.navigate {
color: #606060;
}

.navbar li a {
color: #fff;
}

.navbar li a:hover {
color: #fff;
}

.home {
color: #606060;
}





#bio {

background: #fff;
}

#bioContent {
color: #ececec;
}







#fiction {
background-color: #f8f8f8;
}

#fictionContent {
color: black;
}

a.fict {
color: #8a8b9d;
}

a.fict:hover {
color: #6470e6;
}





#design {
background: #f8f8f8;
}

#dsnPortfolio {
background-color: #e7e7e7;
}

#dsnCine {
background: #fafafa;
}

#dsnPhoto {
background: #fafafa;
}

.sample {
color:black;
}







#CineNavbar li a {
color: #fff;
}


.projLarge {
background: #000;
}

.projLarge p {
color: #e7e7e7;
}

.projNav {
color: #e7e7e7;
}

#stillsNavInner {
background: #000;
}

.stillsLarge {
background: #000;
}

.stillsLarge p {
color: #e7e7e7;
}






#contactToggle p {
color: #fff;
}

.input {
background-color: #8a8b9d;
}

.input:focus, .input:hover {
background-color: #fff;
}

#contactTxt a {
text-decoration: underline;
color: #a3a7c2;
}

#contactTxt a:hover { 
text-decoration: underline; 
color: #6470e6;
}

#contactTxt a:active {
text-decoration: underline;
color: #6470e6;
}

.button {
background-color: #a3a7c2;
color: #fff;
}

.button:hover {
background-color: #6470e6;
}









body
{
font: 12px Arial, Verdana, sans-serif;
margin: 0;
}

.ital {
font-style: italic;
}

#wrap {
margin: 0 auto;
}

#nav {
width: 100%;
margin: 0 auto;
}

#head {
margin: 0;
}

#middle {
margin: 0;
}

#core {
margin: 0 auto;
}

ul.main {
font-family: Arial, Verdana, Tahoma, sans-serif;
font-size: 32px;
margin: 0;
}

.main li {
display: block;
letter-spacing: 1px;
margin: 0;
text-align: left;
}

#bar {
letter-spacing: 2px;
margin: 0;
}

#bar img {
margin: 0;
}

.main a {
text-decoration: none;
color: #454545;
}

.main a:hover {
text-decoration: none;
color: #000;
}

.main a:active {
text-decoration: none;
color: #000;
}





.navigate {
margin: 0 auto;
}

.home {
font-family: Arial, Verdana, Tahoma, sans-serif;
font-size: 36px;
letter-spacing: -1px;
margin: 0;
}

.navbar {
list-style: none;
font-family: Arial, sans-serif;
font-size: 14px;
margin: 0;
}

.navbar li {
margin: 0;
text-align: center;
}

.navbar li a {
text-decoration: none;
}





#bioContainer {
margin: 15px auto 4px auto;
}

#bioContent {
text-align: justify;
text-indent: 8%;
margin: 0 auto;
}

#bioContent p {
margin: 0;
font: 14px "Trebuchet MS", sans-serif;
line-height: 16px;
}

.contact {
margin: 0 auto;
font-family: Arial, Verdana, Tahoma, sans-serif;
font-size: 16px;
}

.contact a {
text-decoration: none;
margin-left: 82px;
}

.contact a:hover {
text-decoration: none;
}

.contact a:active {
text-decoration: none;
}






#fictionContainer {
margin: 15px auto 4px auto;
}

#fictionContent {
text-align: justify;
text-indent: 6%;
margin: 0 auto;
}

#fictionContent p {
margin: 0;
font: 12px "Trebuchet MS", sans-serif;
}





#dsnContainer {
margin: 0 auto;
}

#dsnPortfolio {
margin: 8px auto;
}

#dsnScreens {
}

#dsnText {
font: 13px "Trebuchet MS", sans-serif;
font-weight: normal;
text-align: left;
}

#dsnText ul {
margin:20px 0 0 50px;
}

#dsnOther {
margin: 20px auto 0 auto;
}

.sample {
font-size: 24px;
}

.screens img {
margin:0 0 0 8px;
}





#CineNavbar {
list-style: none;
font-family: Arial, sans-serif;
font-size: 15px;
}

#CineNavbar li {
text-align: center;
margin-bottom: 4px;
}

#CineNavbar li a {
text-decoration: none;
}

.cineClose {
float: right;
}

.projLarge {
margin: 0 auto;
text-align: center;
}

.projLarge p {
font: 16px "Trebuchet MS", sans-serif;
margin: 10px 65px 0 0;
float: right;
}

.projNav {
float: left;
margin: 5px 0 0 65px;
font: 14px "Trebuchet MS", sans-serif;
line-height: 14px;
}

.projLine {
margin: 8px 10px 0 0;
}

.projCell {
text-align: right;
margin: 0 30px 0 60px;
}

.projCell p {
font: 11px "Trebuchet MS", sans-serif;
line-height: 12px;
}

.projCell a {
font: 13px "Trebuchet MS", sans-serif;
letter-spacing: -1px;
}

.cineHeader {
font: 22px "Trebuchet MS", sans-serif;
font-weight: bold;
letter-spacing: -1px;
}

.projPartial {
font: 16px "Trebuchet MS", sans-serif;
font-weight: bold;
letter-spacing: -1px;
}


#stillsNavInner {
margin: 3px 0 5px 0;
}

.stillsLarge {
margin: 0 auto;
text-align: center;
}

.stillsTitle {
font: 16px "Trebuchet MS", sans-serif;
margin: 0 15px 12px 0;
float: right;
}

.stillsText {
font: 10px "Trebuchet MS", sans-serif;
margin: 0 15px 0 0;
clear: right;
float: right;
}


table {
margin: 4px auto 0 auto;
}

td {
vertical-align: middle;
font: 12px "Trebuchet MS", sans-serif;
}

#cineReel {
text-align: center;
}

#cineReelTitle {
font: 28px "Trebuchet MS", sans-serif;
}

p#cineTime {
font: 16px "Trebuchet MS", sans-serif;
}

#cineReelInner {
margin: 0 auto;
}

#cineView {
font: 38px "Trebuchet MS", sans-serif;
}




.temp {
position: absolute;
top: 3000px;
padding-bottom: 100px;
}





#contactToggle {
font: 16px "Trebuchet MS", sans-serif;
font-weight: normal;
letter-spacing: -1px;
}

#contactToggle p {
cursor: pointer;
text-align: center;
margin-right: 41px;
}

#form_left input {
margin: 0 0 10px 5px;
}

#form_left label {
vertical-align: middle;
}

#form_right {
margin: 0 0 0 20px;
}

.input {
font-size: 1em;
}


.button {
margin-left: 290px;
}

#contactTxt {
font: 14px "Trebuchet MS", sans-serif;
line-height: 14px;
font-weight: normal;
text-align: center;
margin: 65px 15px 0 0;
}


.wrapper p { text-align: left; margin: 15px 5px 0 5px; }

.wrapper p, .wrapper ul { font-size: 13px; line-height: 1.4em } 

.wrapper p a, .wrapper li a { color: #39c; text-decoration: none }



noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
noscript a { color: #a00; text-decoration: underline }
noscript ol { margin-left: 25px; }



h3 { border-bottom: 1px dotted silver; margin: 5px 5px 0 5px; padding: 0 5px 3px 0; font-size: 16px; text-align: right }




.slider-wrap { 
margin: 0;
position: relative;
width: 100%;
}


.csw {width: 100%; height: 230px; background: #fff; overflow: scroll}
.csw .loading {margin: 100px 0 300px 0; text-align: center}

.stripViewer { 
position: relative;
overflow: hidden; 

margin: auto;
width: 519px; 
height: 230px;
clear: both;
background: #fefefe;
}

.stripViewer .panelContainer { 
position: relative;
left: 0; top: 0;
width: 100%;
list-style-type: none;

}

.stripViewer .panelContainer .panel { 
float:left;
height: 100%;
position: relative;
width: 519px; 
}

.stripViewer .panelContainer .panel .wrapper { 
padding: 5px;
}

.stripNav { 
margin: auto;
}

.stripNav ul { 
list-style: none;
}

.stripNav ul li {
float: left;
margin-right: 2px; 
}






.stripNavL, .stripNavR {
position: absolute;
top: 105px;
text-indent: -9000em;
}

.stripNavL a, .stripNavR a {
display: block;
height: 30px;
width: 33px;
}

.stripNavL {
left: 3px;
}

.stripNavR {
right: 4px;
}

.fadeThisLeft {
position:relative;
display:block;
height: 30px;
width: 33px;
background:url(../elements/design_web_nav.gif) 0 0 no-repeat;
}

.fadeThisLeft * {
display: none;
}

.fadeThisLeft span.hover {
position: absolute;
top: 0;
left: 0;
display: block;
height: 30px;
width: 33px;
background:url(../elements/design_web_nav.gif) 0 -30px no-repeat;
}

.fadeThisRight {
position:relative;
display:block;
height: 30px;
width: 33px;
background:url(../elements/design_web_nav.gif) -33px 0 no-repeat;
}

.fadeThisRight * {
display: none;
}

.fadeThisRight span.hover {
position: absolute;
top: 0;
left: 0;
display: block;
height: 30px;
width: 33px;
background:url(../elements/design_web_nav.gif) -33px -30px no-repeat;
}







ul#drw_tabs {
list-style : none;
width: 400px;
min-width: 400px;
padding: 0;
margin : 0 auto;
position : relative;
}

ul#drw_tabs li {
float: left;
}

*+html ul#drw_tabs li.last {
position : absolute;
float: right;
}

* html ul#drw_tabs li.last {
position : absolute;
float: right;
}


.dsnWeb {
font-family: Arial, Verdana, Tahoma, sans-serif;
font-size: 28px;
width: 200px;
letter-spacing: -1px;
text-align : center;
text-decoration: none;
line-height: 35px;
color: #efefef;
background : url("../elements/nav_animate.jpg") 0 -250px no-repeat;

}

ul#drw_tabs a {
font-family: Arial, Verdana, Tahoma, sans-serif;
font-size: 28px;
letter-spacing: -1px;
margin: 0;
text-align : center;
text-decoration: none;
line-height: 35px;
color: #efefef;
background : url("../elements/nav_animate.jpg") 0 0 no-repeat;
border-right : 1px solid #606060;
border-left: 1px solid #606060;
outline: none;
display: block;
}





div#drw {

width: 100%;
min-width: 100%;
margin : 0 auto;
overflow : hidden;
}

div#drw div#drw_close {
margin : 0 0 0 20px;
clear: both;
}

div#drw div#drw_close a {
text-indent: -9999px;
margin : 0 0 0 auto;
}

div#drw div#drw_loader {
text-indent: -9999px;
background : url("../elements/drawer_loader.gif") center center no-repeat;
height : 50px;
margin : 10px 0 0 0;
}






ul#drw_tabs:after,
ul.drw_icon_view:after,
ul.drw_icon_view li:after,
ul.drw_list_view a:after {
content: ".";
height : 0px;
clear: both;
visibility : hidden;
display: block;
}

ul#drw_tabs,
ul.drw_icon_view,
ul.drw_icon_view li,
ul.drw_list_view a {
display: inline-block;
}


* html ul#drw_tabs,
* html ul.drw_icon_view,
* html ul.drw_icon_view li,
* html ul.drw_list_view a {
height : 1%;
}

ul#drw_tabs,
ul.drw_icon_view,
ul.drw_icon_view li,
ul.drw_list_view a {
display: block;
}
div#page {
width: 900px;
height:438px;
text-align: left;
border-top: 1px solid #606060;
border-bottom: 1px solid #606060;
}
div#container {
padding: 0px;
}
a{
color: #666666;
text-decoration: none;
}

div.content {

display: none;
float:right;
height: 440px; 
width:550px; 
}
div.controls {
float: right;
margin-top: 6px;
width: 200px;
}
div.controls a {
}
div.ss-controls {
float: left;
}
div.nav-controls {
float: right;
}
div.nav-controls a {
padding: 0 6px;
cursor: pointer;
}

div.loader {
background-image: url('../design/photo_loader.gif');
background-repeat: no-repeat;
background-position: center;
width: 550px;
height: 350px
}
div.slideshow {
clear: both;
width:550px;
height: 350px;
}
div.slideshow span.image-wrapper {
float: left;
margin-top: 7px;
height: 370px;
}
div.slideshow a.advance-link {
padding: 2px;
display: block;
border: 1px solid #ccc;
}
div.slideshow img {
border: none;
display: block;
}


div.embox {
border: 1px solid #ccc;
background-color: #eee;
height: 22px;
padding: 2px 0 5px 0;
margin-top: 30px;
text-align: center;
}
div.caption {
font-weight: bold;
font-size: 1.3em;
margin-top: 4px;
}

div.navigation {

}
ul.thumbs {
clear: both;
float:left;
width: 345px;
height: 409px;
margin: 0;
padding: 0;
}
ul.thumbs li {
float: left;
padding: 0;
margin: 7px 7px 0 0;
list-style: none;
}
a.thumb {
padding: 2px;
display: block;
border: 1px solid #ccc;
}
ul.thumbs li.selected a.thumb {
background: #6470e6;
}
a.thumb:focus {
outline: none;
}
ul.thumbs img {
border: none;
display: block;
}
div.pagination {
clear: both;
}

div.navigation div.bottom {
}
div.pagination a, div.pagination span.current {
display: block;
float: left;
margin-right: 2px;
padding: 4px 7px 2px 7px;
color: #fff;
border: 1px solid #606060;
background: #a2a6c1;
}
div.pagination a:hover {
background-color: #6470e6;
text-decoration: none;
}
div.pagination span.current {
font-weight: bold;
background-color: #6470e6;
border-color: #000;
color: #fff;
}