/**********************************************
FILETI Front End - Template Style
Name       : commissioned.css
Designer   : Ana Ghirello
Developer  : Francisco J. Rey
URL        : www.GhirelloDesign.com
Date       : 10 Sep 2007
Updated by : Francisco J. Rey
***********************************************/

/* ***** body ***** */
body      { margin:0px; padding:0px; min-width:860px; }
body      { background-color:#FFFFFF; }
body      { text-align:center; font:'Century Gothic'; font-family:"Century Gothic"; color:#B3B2B2; font-size:11px; text-transform:uppercase; }

/* ***** Layout ***** */
#page         { margin:0 auto; width:990px; text-align:left; }
#header       { width:960; height:28px; margin-top:20px; }
#headlogo     { float:left; width:130px; height:28px; text-align:left; }
#headtext     { margin-left:150px; height:28px; text-align:right; width:780px; vertical-align:top; margin-top:-5px;}
#headtext a       { font-size:10px; margin-left:150px; height:28px; text-align:right; width:780px; vertical-align:top; }
#headtext a:hover { color:#FF0000; }
#content      { width:960px; height:28px; }
#page-menu    { float:left; width:100px; padding-top:42px;}
#page-content { margin-left:100px; }

.clear { clear: both; line-height: 0; height: 0; }

/* ***** Page Menu ***** */
.menu-line-active    { width:120px; color:#333333; margin-top:20px; text-align:left; }
.menu-line           { width:120px; color:#999999; margin-top:20px; text-align:left; }
.menu-line a:active  { width:120px; color:#999999; }
.menu-line a:link    { width:120px; color:#999999; }
.menu-line a:visited { width:120px; color:#999999; }
.menu-line a:hover   { width:120px; color:#333333; }

/* ***** Content ***** */
.photo-box           { width:800px; height:530px; margin-left:30px; margin-right:30px;}
.controls            { width:800px; margin-left:30px; margin-bottom:4px;}
.main_photo:hover    { cursor:pointer;}

/* ***** Spacer ***** */
.spacer          { height:20px; }

/* ***** Thumbs ***** */
.thumbs-left             { width:33%; text-align:left;}
.thumbs-left  a          { color:#333333; font-size:10px;}
.thumbs-left  a:active   { color:#333333; font-size:10px;}
.thumbs-left  a:visited  { color:#333333; font-size:10px;}
.thumbs-left  a:link     { color:#333333; font-size:10px;}
.thumbs-left  a:hover    { color:#333333; font-size:10px;}

.thumbs-right           { width:33%; text-align:right; }
.thumbs-right a         { color:#333333; font-size:10px;}
.thumbs-right a:hover   { color:#333333; font-size:10px;}
.thumbs-right a:visited { color:#333333; font-size:10px;}
.thumbs-right a:link    { color:#333333; font-size:10px;}
.thumbs-right a:active  { color:#333333; font-size:10px;}

.thumbs-center           { text-align:center; color:#333333; font-size:10px;}

#thumbs-box              { height:70px; }
.thumbs-cursor           { width:30px; vertical-align:middle; }
#thumbs-content          { width:800px; text-align:center; height:70px; background-color:#CC99CC; }

.thumbimage             { border: 0px; margin: 0 0 0 0; margin-left:13px; width:100px; height:66px; }
.thumbimage:hover       { cursor:pointer; }
.thumbimage_first       { border: 0px; margin: 0 0 0 0; width:100px; height:66px;}
.thumbimage_first:hover { cursor:pointer; }

/* ***** links ***** */
a:active  { color:#333333; font-size:11px; text-decoration:none; }
a:link    { color:#333333; font-size:11px; text-decoration:none; }
a:visited { color:#333333; font-size:11px; text-decoration:none; }
a:hover   { color:#333333; font-size:11px; text-decoration:none; }

#right_button:hover { cursor:pointer;}
#left_button:hover  { cursor:pointer;}