/* --------- /stylesheets/application/reset.css --------- */ 
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, dl,dt,dd,ol,ul,li, fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td,input,textarea{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:Arial;vertical-align:baseline;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
a:link,
a:active,
a:visited{color: #392a26;text-decoration: none;}
a:hover,
a:visited:hover{text-decoration: underline;}
a img{border: 0px;}
p img{float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.top{margin-top:0;}
body{margin:0px;padding:0px}
small{font-size:11px}
table{vertical-align: top;}
th{text-align: left;font-size: 10px;color: #888; }
label{display: block;font-size: 12px;color: #888;font-weight: normal;}
legend{font-size: 12px;color: #444;}
fieldset{border: 1px solid #ddd;padding: 12px;margin-bottom: 10px;}
strong{font-weight:bold;}
em{font-style:italic;}
pre{background:#eee;font:10px Monaco,monospace;padding: 10px 20px;margin: 0px 0px 10px 0px;overflow-x:auto;}
li{list-style-type: none;}
ul{margin-left:16px;}
ol{margin-left:20px;}
ul li{list-style-type: disc;padding-left: 4px; font-size: 12px; color: #444; }
ol li{list-style-type: decimal; font-size: 12px; color: #444;}
h1, h2, h3, h4, h5, h6{font-family: Georgia;color: #000;margin: 0px;padding: 0px;}
h1{font-size: 28px; font-weight: normal; }
h1 a{font-family: Georgia; font-weight: normal; }
h2{font-size: 26px;}
h3{font-size: 22px;}
h4{font-size: 18px;}
h5{font-size: 16px;}
h6{font-size: 14px;}
table tr td, p, textarea, li{ line-height:1.5em;}
p {font-size: 12px;margin: 0px 0px 20px 0px;text-align: justify;color: #444;}
p.first{ margin: 0px 0px 10px 0px;}
p.last{margin: 10px 0px 0px 0px;}

p a:link,
p a:active,
p a:visited{font-size: 12px;color: #e35a31;text-decoration: none;}
p a:hover,
p a:visited:hover{text-decoration: underline;}
hr{border: none;border-top: 1px #ccc dotted;height: 1px;} 

strong{color: #000;}
small{color: #aaa;font-style: italic;}
small a:link,
small a:active,
small a:visited{font-size: 12px;color: #888;text-decoration: underline;}
small a:hover,
small a:visited:hover{text-decoration: none;}

.right{text-align: right;}
.clear{clear:both;}
.clear_left{clear:left;}
.clear_right{clear:right;}
.hide{display:none;}

/* --------- /stylesheets/application/application_init.css --------- */ 
body { background: no-repeat #000; margin: 0px; padding: 0px 0px; }
h1 { font: 20px arial; }

ul { margin: 0px; padding: 0px; }
ul li { margin: 0px; padding: 0px; list-style-type:none;}

a:link,
a:active,
a:visited,
a { }
a:hover,
a:visited:hover { color: #859BDE; }

.container { margin: 0px; width: auto;  }

.content { position: absolute; width: 600px; top: 410px; left: 420px; margin: 0px; padding: 0px; z-index: 100;}
.content h1,
.content h1 a { color: #fff; font: 12px Arial; }
.content h2 { color: #ccc; font: 12px Arial; line-height: 1.5em; }
.content a:link,
.content a:active,
.content a:visited,
.content a { color: #2F99DB; font: 12px Arial; line-height: 1.5em; }
.content a:hover { color: #fff; }
.content p { color: #666; text-align: left; line-height: 1.5em; }

.content div.pages { width: 600px; height: 300px; position: relative; overflow-x: hidden; overflow-y: auto; height: auto; }
div.content div.pages div.page { width: 600px; }

ul.pages_navigation li { display: inline; }
ul.pages_navigation li a:link,
ul.pages_navigation li a:active,
ul.pages_navigation li a:visited,
ul.pages_navigation li a { color: #fff; font-size: 20px; display: inline; }
ul.pages_navigation li a:hover,
ul.pages_navigation li a:visited:hover { color: #859BDE; text-decoration: none;  }

ul.pages_navigation li a.selected:link,
ul.pages_navigation li a.selected:active,
ul.pages_navigation li a.selected:visited,
ul.pages_navigation li a.selected { color: #859BDE;  }
ul.pages_navigation li a.selected:hover,
ul.pages_navigation li a.selected:visited:hover {  }

.date { color: #fff; font: 14px Arial; display: block; }

.pagination,
.pagination a { font: 14px Arial bold; color: #fff; }

.bg { width: 100%; position: absolute; top: 0px; left: 0px; z-index:10; }
.bg img { position: fixed; top: 0px; left: 0px; }

.disabled { display: none; }

.pagination { margin: 0px 0px 20px 0px; }
.pagination a:link,
.pagination a:active,
.pagination a:visited,
.pagination a { color: #fff; font-size: 12px; display: inline; }
.pagination a:hover,
.pagination a:visited:hover { color: #859BDE; text-decoration: none;  }/* --------- /stylesheets/application/logo.css --------- */ 
.logo { position: fixed; top: 560px; left: 20px; padding: 0px 0px 40px 0px; z-index: 100;}
.logo a h1 { font-size: 12px; color: #C1E7F6; letter-spacing: 0.3em;}
.logo a h1 em { color: #2F99DB; }
.logo a:hover { text-decoration: none; }
.logo a:hover h1 { color: #fff;  }
/* --------- /stylesheets/application/images.css --------- */ 
div.images { margin: 10px 20px; padding: 0px; overflow: hidden;  }
div.images h1 { color: #fff; font-size: 24px; }
div.images h2 { color: #fff; font: 13px Arial bold; }
div.images p { color: #888; }
div.images a { color: #fff; }
div.images table.images tr td img { height: 360px; }

ul.images_navigation { margin-top : 10px;}
ul.images_navigation li { display: inline; }
ul.images_navigation li a:link,
ul.images_navigation li a:active,
ul.images_navigation li a:visited,
ul.images_navigation li a { font-size: 20px; color: #fff; }
ul.images_navigation li a:hover,
ul.images_navigation li a:visited:hover { color: #859BDE; text-decoration: none;  }

ul.images_navigation li a.selected:link,
ul.images_navigation li a.selected:active,
ul.images_navigation li a.selected:visited,
ul.images_navigation li a.selected { color: #859BDE;  }
ul.images_navigation li a.selected:hover,
ul.images_navigation li a.selected:visited:hover {  }
/* --------- /stylesheets/application/lightbox.css --------- */ 
/* lighbox element */
#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 190; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100000; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; background-color: #000; width: 250px; height: 250px; margin: 0 auto; padding: 10px; }
#lightbox-container-image { padding: 0px; cursor:pointer;}
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 101; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: none; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 0px; padding: 0px; }
#lightbox-container-image-data { padding: 0px; color: #fff; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding: 0px; }
#lightbox-secNav-btnClose { float: right; } 
/* --------- /stylesheets/application/projects.css --------- */ 
div.projects div table { margin: 0px 0px 20px 0px; width: 600px; }
div.projects table tr td { width: 200px; padding: 0px; border: 0px solid #999; line-height: 1em; }

div.thumbnails div.thumbnail { display: none; position: absolute; top: 440px; left: 310px; z-index: 100; height: 100px; width: 100px; background-position: 0% 0%; background-repeat: no-repeat;}

div.projects a.project_category:link,
div.projects a.project_category:active,
div.projects a.project_category:visited,
div.projects a.project_category { color: #94e6ff; display: block; font-size: 12px; line-height: 1.5em; padding: 0px 2px; }
div.projects a.project_category:hover,
div.projects a.project_category:visited:hover { text-decoration: none; color: #fff; }
div.projects a.selected_project_category:link,
div.projects a.selected_project_category:active,
div.projects a.selected_project_category:visited,
div.projects a.selected_project_category { color: #fff;  }
div.projects a.selected_project_category:hover,
div.projects a.selected_project_category:visited:hover { color: #fff;  }

div.projects a.project:link,
div.projects a.project:active,
div.projects a.project:visited,
div.projects a.project { color: #3E4867; font-size: 12px; width: 196px; display: block; padding: 0px 2px; margin: 0px;  }
div.projects a.project:hover,
div.projects a.project:visited:hover { color: #859BDE; background: none; text-decoration: none; }
div.projects a.selected_project:link,
div.projects a.selected_project:active,
div.projects a.selected_project:visited,
div.projects a.selected_project { color: #859BDE; }
div.projects a.selected_project:hover,
div.projects a.selected_project:visited:hover { color: #859BDE; }

div.content div.pages div.project { width: 600px; }/* --------- /stylesheets/application/navigation.css --------- */ 
.navigation { position: fixed; top: 410px; left: 20px; z-index: 100; }
.navigation ul li { width: 200px; }
.navigation a:link,
.navigation a:active,
.navigation a:visited,
.navigation a { color: #fff; font: 13px Arial; display: block; padding: 1px 0px;}
.navigation a:hover,
.navigation a:visited:hover { color: #859BDE; text-decoration: none; }

.navigation a.selected:link,
.navigation a.selected:active,
.navigation a.selected:visited,
.navigation a.selected { color: #859BDE; }
.navigation a.selected:hover,
.navigation a.selected:visited:hover { color: #859BDE; text-decoration: none; }