/* NOTES: */


body { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; background-color: #010101; font-size: 12px; padding: 0; margin: 0; background: #010101 url(../images/generic/bgFade.gif) 0 0 repeat-x; line-height: 1.4em; text-align:center; }



.clear-both { clear:both; }

p { font-size:12px; font-family: Verdana, Arial, Helvetica; color: #000000; line-height: 1.4em; text-align:justify; }
	
/********** MAIN CONTAINER *********/

#mainContainer {  width: 750px; padding: 0 15px; background:url(../images/generic/bg_main.gif) 0 0 no-repeat;  margin-left: auto; margin-right: auto; text-align: left;  }

.link a { color:#666666; text-decoration: underline; }
.link a:hover { color:#CCCCCC; text-decoration: underline; }	
/********** HEADER *********/

#right_container{ width: 400px; height: 102px; float:right; padding: 0; margin: 0;}

/********** TAB NAV *********/

#tab_menu { height:39px; width:400px; margin: 18px 0 0 0; padding: 0; float:right; color:#FFFFFF; }
#tab_menu ul{ margin:0; padding:0; list-style: none outside none; }
#tab_menu li { float:left;}
#tab_menu li a:hover, #tab_menu li .active { background-color:#000000;}

/********** NAV *********/

#nav {height:29px; width:750px; text-align:center; margin: 0; padding: 0; background: url(../images/generic/nav_bg.gif) repeat-x; background-color:#000000; position:relative;}
#nav ul { margin: 0; padding: 0; list-style: none;}	
#nav li { display:inline; }
#nav li a { font-size: 11px; padding-left: 12px; padding-right: 12px; border-right: 1px solid #CCCCCC; line-height: 29px; color:#ffffff; font-weight: normal; text-decoration: none; }
#nav li a:hover, #nav li .active { text-decoration: none; color:#999999; }
#nav li.last a { padding-right: 0; border-right: none; }

/********** SUB NAV *********/

#sub_nav { width: 660px; text-align:center; margin: 5px 20px 4px 20px; padding: 0; float:left;}
#sub_nav ul { margin: 0; padding: 0; list-style: none;}	
#sub_nav li { display:inline; }
#sub_nav li a { font-size: 11px; padding-left: 11px; padding-right: 12px; border-right: 1px solid #000; line-height: 18px; color:#000; font-weight: normal; text-decoration: none; }
#sub_nav li a:hover, #sub_nav li .active { text-decoration: none; color:#ffffff; }
#sub_nav li.last a { padding-right: 0; border-right: none; }

/********** LEFT COLUMN *********/

#topLeft { width: 478px; float: left; padding:0; margin:0; }
#topLeft div.pbox { margin: 40px 25px 0 40px; padding: 0; }
#topLeft div.pbox a { color: #666666; text-decoration: none; }
#topLeft div.pbox a:hover { color:#CCCCCC; text-decoration: none; }	 

#bulletBlue{ padding: 3px 0 3px 25px; width:350px; margin: 6px 0 6px 40px; background:url(../images/generic/icon_bullet_blue.gif) left 4px no-repeat; color:#000000;}
#bullet{ padding: 3px 0 3px 25px; width:350px; margin: 6px 0 6px 40px; background:url(../images/generic/icon_bullet.gif) left 4px no-repeat; color:#000000;}
#bullet a { color: #666666; text-decoration: none; }
#bullet a:hover { color:#CCCCCC; text-decoration: none; }	 
/********** WIDE COLUMN *********/

#wide { width: 750px; float: left; padding:0; margin:0 0 20px 0; }
#wide .nospace {  margin:0;  }
#wide .pbox { margin: 15px 40px 0 40px; padding: 0 0 15px 0;}
#wide .tree {  margin: 15px 20px 0 20px; padding: 0 0 0 0; }


#wide .title { margin: 40px 40px 20px 40px; padding: 0 0 15px 0;  }
#wide .title_centered { text-align:center; margin: 40px 40px 20px 40px; padding: 0 0 15px 0;  }
#wide .pbox p, #wide .pbox_linebot p { font-size:12px; padding:0; margin: 2px 0 0 0; line-height:1.4em; }	
#wide .pbox a { color: #666666; text-decoration: none; }
#wide .pbox a:hover { color:#CCCCCC; text-decoration: none; }	 
#wide .pbox p.nospace { margin-bottom: 4px; }

/*** infobox ***/
#wide .infobox .title { width: 200px; float:left; padding:0 20px 0 0; margin: 0 0 12PX 0;  color: #0A5385; text-decoration: none; font-size:15px; font-weight:bold; }

#wide .infoboxTopCurve { margin: 0 40px 0 40px; background-color:#e7e9EC; padding: 0; background: #e7e9EC url(../images/generic/infobox_top.gif) top left no-repeat;  }

#wide .infobox { margin:  0; padding: 0; background: url(../images/generic/infobox_bot.gif) bottom left no-repeat;}

#wide .inner { margin: 15px 8px 15px 8px;   border-right: 1px solid #ccc; border-left: 1px solid #ccc; position:relative;  }


/*** SMALL INNER COLUMNS ***/

div.inner_leftShow { width:500px; margin: 0 15px 0 0; padding: 0; float:left; color:#000;  }
div.inner_rightShow { width:150px; margin: 0 0 0 0; padding: 0; float:right; color:#000; text-align:right;  }
div.inner_left { width:320px; margin: 0 15px 0 0; padding: 0; float:left; color:#000;  }
div.inner_right { width:320px; margin: 0 0 0 0; padding: 0; float:right; color:#000;  }
div.inner_left .pabox, div .inner_right .pabox, div.inner_rightShow .pabox, div.inner_leftShow .pabox { margin: 0 10px 0 10px; position:relative;  }
div.inner_left .teambox, div .inner_right .teambox { margin: 0 10px 0 10px; float:right; width:200px;  }
div.inner_leftShow .pabox_botline { margin: 0 10px 0 10px; position:relative; border-bottom: 1px solid #F15D22;  }


/********** PRE-SET MARGINS *********/

#wide .toplarge {  margin-top: 41px;  }
#wide .topmid {  margin-top: 20px; }
#wide .topsml {  margin-top: 10px; }
#wide .botlarge {  margin-bottom: 40px; }
#wide .botmid {  margin-bottom: 20px; }
#wide .botsml {  margin-bottom: 10px; }


/********** CURVED CORNERS *********/


.greytop { width:670px; height:10px; background: #e3e3e3 url(../images/generic/top_grey.gif) 0 0 no-repeat; margin: 0 0 0 0; color:#000000; }
.greybot { width:670px; text-align:center; background: #e3e3e3 url(../images/generic/bot_grey.gif) 0 100% no-repeat; margin: 0 0 0 0; color:#000000; }



.curvetitle { width: 350px; float:left; padding:0 20px 0 0; margin: 0 0 0 0;  color: #0A5385; text-decoration: none; font-size:15px; font-weight:bold; }
.t {  background: #e7e9EC url(../images/generic/dot.gif) 0 0 repeat-x; margin: 15px 40px 0 40px;   }
.b {  background: url(../images/generic/dot.gif) 0 100% repeat-x;  }
.l {  background: url(../images/generic/dot.gif) 0 0 repeat-y;  }
.r {  background: url(../images/generic/dot.gif) 100% 0 repeat-y; }

.bl {  background: #e7e9EC url(../images/generic/bl.gif) 0 100% no-repeat; margin: 15px 0px 0 0px; color:#000000; }
.br {  background: url(../images/generic/br.gif) 100% 100% no-repeat; color:#000000; } 
.tl {  background: url(../images/generic/tl.gif) 0 0 no-repeat; color:#000000;  }
.tl_pbox {  color:#000000; margin: 10px 10px 10px 10px;  }
.tr {  background: url(../images/generic/tr.gif) 100% 0 no-repeat; padding:12px; color:#000000;  }
.black { color:#000000;}
.place {  font-size: 1px; height: 1px;  }


.curvy {position:relative; width:250px; background:#9caf9c; color:#000; margin:5em auto;}
#ctl, #cbl, #ctr, #cbr {position:absolute; width:20px; height:20px; color:#9caf9c; background:#fff; overflow:hidden; font-style:normal; z-index:1;}
#ctl {top:0; left:0;}
#cbl {bottom:0; left:0;}
#ctr {top:0; right:0;}
#cbr {bottom:0; right:0;}
.curvy em b {position:absolute; font-size:150px; font-family:arial; color:#9caf9c; line-height:40px; font-weight:normal;}
#ctl b {left:-8px;}
#ctr b {left:-25px;}
#cbl b {left:-8px; top:-17px;}
#cbr b {left:-25px; top:-17px;}
.curvy p {position:relative; z-index:100; padding:5px 10px;}


/************** GALLERY **************/

ul.gallerythumbs { margin:0; padding:0; list-style: none outside none;  }

ul.gallerythumbs li { float:left; text-align:center; margin:0 15px 15px 15px; width:100px; }


/********** RIGHT COLUMN *********/

#Right { width: 197px; float: right; padding:0 0 15px 0; margin:42px 25px 25px 0; }
#Right .holder { width: 195px; float: right; padding:0 0 5px 0; margin:0; background-color:#fff; border-right-style:solid; border-left-style:solid; border-bottom-style:dotted; border-width: 1px; border-color:#CCCCCC; }
#Right .image { float: left; margin: 8px 0 0 7px; padding: 0px; /*border: 1px solid #999999;*/ }
#Right .pbox { width: 92px; float: right; margin: 10px 8px 0 0; padding: 0; }
#Right .pbox p { font-size:11px; padding:0; margin: 0; line-height:13px; }	
#Right .pbox a { color: #666666; text-decoration: none; }
#Right .pbox a:hover { color:#CCCCCC; text-decoration: none; }

/********** MISC *********/

#more_plain a { font-size:9px; padding:0; margin: 5px 0 0 0; float:left; color: #666666; text-decoration: none; }
#more_plain a:hover { font-size:9px; padding:0; margin: 5px 0 0 0; float:left; color:#CCCCCC; text-decoration: none; }
.image { float: left; margin: 0 0 0 7px; padding: 0; }

.note{  font: 9px Verdana, Arial, Helvetica, sans-serif; font-size-adjust: 0.58; color:#666666;  }


/********** FOOTER *********/

#botContainer { width: 780px; padding: 0 ; height: 76px; background: #010101 url(../images/generic/bot_bg.gif) no-repeat; margin-left: auto; margin-right: auto; margin-bottom:80px; }
#footer { width: 730px;  margin: 0 10px 0 10px; font-size: 11px; color: #FFF; padding: 0; line-height: 10px; color: #666666; position:relative; }
#footer_wrapper a { color:#666666; text-decoration: none; margin-right: 6px; }
#footer_wrapper a:hover { text-decoration: underline; }
#footerContent { margin: 15px 0 0 25px; float: left; width: 300px; text-align: left; line-height: 10px; }
a#webtheoria { float: right;  display:block; width: 110px; height:22px; color:#CCCCCC; margin: 25px 0 0 0; background: url(../images/generic/webtheoria_logo.gif) 0 0 no-repeat; }	
a#pyrgos { float: right;  display:block; width: 81px; height:44px; color:#CCCCCC; margin: 8px 5px 0 0; background: url(../images/generic/pyrgos_logo.gif) 0 0 no-repeat; }	


/********** AJAX LIGHTBOX GALLERY RULES *********/

#lightbox{  position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;  }
#lightbox a img{ border: none; }
#outerImageContainer{  position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;  }
#imageContainer{  padding: 10px;  }
#loading{  position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;  }
#hoverNav{  position: absolute; top: 0; left: 0; height: 100%;width: 100%; z-index: 10;  }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{  width: 49%; height: 100%; background: transparent url(../images/generic/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block;  }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/generic/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/generic/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{  font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto;width: 100%	 }
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}		
#overlay{  position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000;  }