/***************************************************************************************************/
/* General Site Layout */
/***************************************************************************************************/
body { margin: 0; padding: 0; font-family:Verdana, Arial, Helvetica, sans-serif; text-align: left; line-height: 1.3em; color: #CCC; background: #000; voice-family: "\"}\""; voice-family: inherit; font-size: small;}
* html body { font-size: x-small; }
html>body { font-size: x-small; /* be nice to opera */}

h1 {margin:0px 0px 10px 0px; padding:10px 0px 5px 0px; line-height:14px; color:#CCC; font-size:19px; font-weight:normal; border-bottom:1px solid #CCC;}
h2 {margin:5px 0px 5px 0px; padding:10px 0px 5px 0px; line-height:15px; color:#CCC; font-size:15px; font-weight:normal;}

p {margin:0; padding: 5px 0px;}

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

#wrapper {margin:0px auto; padding:40px 0px 0px 0px; width:827px; background:#000; font-size: 1.1em;}

#nav {margin: 0px; padding:70px 10px 0px 10px; width:125px;}
#nav ul {margin:0; padding:0; list-style-type:none;}
#nav li {margin:0; padding:0px; list-style-type:none; border-top:1px solid #929292;}
#nav a, #nav a:link, #nav a:active, #nav a:visited {padding:4px 10px; color:#CCC; text-decoration:none; display:block;}
#nav a:hover {color:#FFF; text-decoration:none;}
#nav .start {border:none; padding-right:0px;}
#nav li ul {margin:0; padding:5px 0px 5px 5px;}
#nav li li {margin:0; padding:4px 10px; list-style-type:none; border:none; background:url(../images/bullet.gif) 0px 10px no-repeat;}
#nav .link {padding:0px;}
#nav .link a,#nav .link a:link, #nav .link a:active, #nav .link a:visited {padding:4px 10px;background:#0087e5; display:block; color:#000; font-weight:bold;}
#nav .link a:hover {background:#5bbcff; display:block; color:#000; }

#content {margin:0px 10px 10px 0px; padding:20px; background:url(../images/border.gif) top left no-repeat; height:417px; width:627px; }
#content a, #content :link, #content a:active, #content:visited {color:#CCC; text-decoration:underline;}
#content a:hover {color:#FFF; text-decoration:underline;}
#content .home {text-align:center;}
#content .scroll {margin:0; padding:0px; height:350px; overflow:auto;}

.logo {margin:0; padding:0px 0px 0px 0px; height:40px;}
.right {margin:0; padding:0; float:right; display:inline; width:667px; }

.clear {margin:0; padding:0; height:1px; line-height:1px; font-size:1px; clear:left;}

#footer {margin:0; padding:0px 0px 0px 150px; clear:both;}



/***************************************************************************************************/
/* FORM */
/***************************************************************************************************/

form {margin:0px; padding:0px;}
label {margin:0px 10px 0px 0px; line-height:22px;}
input {font-size:10px;}
textarea {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
form .checkbox { margin:3px 0px 0px 10px; padding:0px;float:right; }
button {margin:5px 0px 0px 0px; padding:2px 0px 4px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; border:none; height:22px; width:60px; text-align:center;}
form .textbox {margin:0px 0px 5px 0px; padding:3px; border:none; border:1px solid #cacaca; width:280px;}



/***************************************************************************************************/
/* Gallery */
/***************************************************************************************************/

#works {margin:0; padding:10px 0px 0px 0px; float:right; display:inline;}
#works ul {margin:0; padding:0; list-style-type:none;}
#works li {margin:0; padding:0px 30px 0px 0px; list-style-type:none; float:left; display:inline}
#works a, #works a:link, #works a:active, #works a:visited {color:#CCC; text-decoration:none;}
#works a:hover {color:#FFF; text-decoration:none;}
#works .end {padding:0;}

#click {margin:0; padding:10px 0px 0px 0px; float:right; display:inline; }
#largephoto {margin:25px 5px 0px 0px; padding:0; float:right; display:inline; width:327px;  z-index:2;}


.photo {margin:35px 0px 0px 0px; padding:0; width:290px; float:left; display:inline;}
.photo .vert {margin: 0px 1px 3px 0px; padding:0px; width:48px; height:64px; border:2px solid #000; float:left; display:inline;}
.photo .vert:hover {border:2px solid #CCC;}
.photo .horz {margin: 0px 2px 3px 0px; padding:0px; width:64px; height:48px; border:2px solid #000; float:left; display:inline;}
.photo .horz:hover {border:2px solid #CCC;}
.photo .squa {margin: 0px 2px 3px 0px; padding:0px; width:64px; height:64px; border:2px solid #000; float:left; display:inline;}
.photo .squa:hover {border:2px solid #CCC;}

.ver {margin: 0px; padding:4px 44px; border:2px solid #CCC; z-index:3;}
.hor {margin: 0px; padding:44px 4px; border:2px solid #CCC; z-index:3;}
.squ {margin: 0px; padding:4px 4px; border:2px solid #CCC; z-index:3;}

#info {margin:345px 0px 0px 0px; padding:0px; position:absolute; z-index:1}

.thumbs {margin:0 auto; padding:134px 0px 0px 0px; width:587px;}