/*
GLOBAL ELEMENTS ------------------------------------------------------------- */
html      {background-repeat:repeat-x; background-color:#333333; padding:0;  margin:0;}
body      {text-align:left; font-family:Helvetica, Verdana, Arial; color:#666;}

.textCenter   {text-align:center;}
.cleardiv       {clear:both;  font-size:1px;}

.flt            {float:left;}
.flr            {float:right;}
.bold           {font-weight:bold;}

a{color:#666666; text-decoration:none; outline:none;}
a:hover {color:#ffff00;}

* html #menu li {
	margin: 0;
    float: left;
    clear: left;
    width:255px;
}

#recaptcha_response_field{color:#000; background-color:#fff;}

.error{color:orange;}
.errorNote {color:orange; padding-left:150px; padding-bottom:5px; font-size:12px;}

input, textarea{border:1px solid #333;;background-color:#282828; margin-bottom:5px; color:#fff; padding:3px; width:315px;}
input.submitBtn, button.submitBtn{border:none; cursor:pointer; background-color:#666666; color:#282828; width:80px; margin-top:20px; }
input.submitBtn:hover, button.submitBtn:hover{background-color:#ffff00;}
.inputSelected {border:1px solid #FFFF00;}

input.file {}



h1, h2, h3, h4, h5, h6 {font-weight:bold; padding-left:5px; margin:5px;}
.box    {}


h1      {font-size:22px;}
h2      {font-size:20px;}
h3      {font-size:18px;}
h4      {font-size:16px;}
h5      {font-size:14px;}
h6      {font-size:12px;}

.cleardiv{clear:both; font-size:1px;}


.logo {margin-top:50px; margin-left:30px;}
.logo h1{margin:0; padding:0;}

.container {min-width:1000px; min-height:680px; overflow:hidden;}

.pageLeft {width:285px; border:0px solid red; float:left;}
.pageRight {border:0px solid blue; position:absolute; top:150px; left:365px;  width:60%; float:left;  }
.footer {text-align:right; width:255px; margin-left:30px; position:relative; bottom:0; left:0; padding-bottom:30px; }


.fadeLeft{position:absolute; left:0; top:0; width:50px; height:266px; margin-top:39px; background: url(/style/images/fadeLeft.png) repeat-y; z-index:3;}
.fadeRight{position:absolute; right:0; top:0; width:50px; height:266px; margin-top:39px; background: url(/style/images/fadeRight.png) repeat-y; z-index:2;}


/* FOOTER MENU */
.ftLinks { overflow:hidden; }
.ftLinks ul {float:right;}
.ftLinks ul li {float:left;}
.rights {font-size:10px; margin-top:10px; padding-right:10px;}
.ftLinks a.menuSelected {color:#FFFF00;}


/* ACCORDION MENU */
.menu{width:255px; text-align:right; float:left; margin-left:30px; margin-top:60px; font-size:16px; font-weight:bold; border:0px solid red;}
.menu #menu li {border-top:1px solid #666;}

.menu li {margin-bottom:2px; padding-top:2px;}

.menu #menu li.selected {border-top:1px solid #FFFF00;}
.menu #menu li.selectedHover {border-top:1px solid #FFFF00;}

.menu #menu li ul li.selected {border-top:0px solid #FFFF00;}
.menu #menu li ul li.selectedHover {border-top:0px solid #FFFF00;}

.menu #menu li a {color:#666666; }
.menu #menu li a:hover {color:#FFFF00;}
.menu #menu li a.menuSelected {color:#FFFF00;}

.menu #menu li ul {margin-bottom:15px; margin-top:5px;}
.menu #menu li ul li {border:none;}
.menu #menu li ul li a {color:#565656; font-size:13px; font-weight:normal; margin-left:10px;}

.menu #menu li ul li a.downloadSmall {font-size:11px; margin-top:2px;}

.menu a {display:block}

.languages {font-size:12px; margin-top:30px; margin-bottom:30px; margin-right:10px;}
.languages a {color:#1e1e1e;}
.languages a.langSelected {color:#fff;}

/* CONTACT PAGE */
.userDisplay{}
.contactForm{margin-top:20px; margin-left:10px;}
.contactForm ul li {clear:both;}
.contactForm ul li b{display:block; width:100px; float:left;}
#recaptcha_area {float:left;}


.userDisplay .subMsg{margin-left:10px; width:500px;}

/* LINKS PAGE */
.links ul{float:left; margin-left:5px; min-width:150px; border:0px solid #666; padding:10px;}
.links ul li a {color:#666; text-decoration:none; display:block; margin-top:5px; margin-right:5px;}
.links ul li a:hover {color:#FFFF00; }


/* CV PAGE */
.cvContainer {color:#666; font-size:13px;}
.cvContainer b{color:#fff; font-weight:bold; font-size:14px;}
.cvInfo {float:left; width:280px; }
.cvInfo a {text-decoration:underline;}
.cvDates {width:280px;padding:10px; float:left; color:#666; font-size:11px;}
.cvDates ul { padding-left:20px; }
.cvDates span {}

/* Client PAGE */
.clientPage{}
.clientPage .files {width:400px; padding:10px;}
.clientPage .userName{float:left;}
.clientPage .files ul li a{ padding:2px; text-decoration:underline;}
.clientPage ul li {padding:3px;}
.clientPage ul li img {margin-right:5px; margin-bottom:2px;}
.logoutBtn {margin-left:10px; text-decoration:underline;}
.clientPage h2{color:#666666; font-size:16px;}

.upload {width:400px; margin-top:30px;  padding:10px;}
.uploadStatus {padding:2px; color:#FFFF00; margin-top:10px;}

#file {color:#333;}


/* GALLERY PAGE */
.GalleryHolder {}
.GalleryHolder h2{color:#FFFF00; font-size:13px; margin-bottom:13px; font-weight:normal;}
.GalleryHolder h3{color:#FFF; font-size:13px; font-weight:normal;}


/* PERSONAL PAGE 
.galleryPersonal {}
.galleryPersonal ul {}
.galleryPersonal ul li {float:left; width:60px; height:38px; overflow:hidden; border:1px solid white; text-align:center; margin-bottom:20px; margin-right:20px;}

.personalMenu {width:255px; margin-left:30px; margin-top:60px; float:left; text-align:right;}
.personalMenu img {margin:0 auto;}
.personalMenu p {text-align:left;}
.backBtn {padding:5px; color:#fff; text-decoration:underline;}
*/


.catMenu{float:left; margin:10px 20px 10px 10px;}
.catMenu ul li {width:205px; height:21px; line-height:21px; background: url(images/catMenu.png) no-repeat; font-size:10px;
                vertical-align:middle; margin-bottom:2px;}
.catMenu ul li a {color:#0f0f0f; float:left; margin-left:10px; display:block; width:160px; overflow:hidden; border:0px solid red;}
.catMenu ul li span {width:20px; border:0px solid red; text-align:center; float:right; margin-right:6px; color:#fff;}

.personalGallery {float:left;}
.galleryHeader{margin-top:30px;}
.galleryHeader h5{color:#252525; font-size:22px; margin:0;}
.galleryHeader h6{color:#707070; font-size:20px; margin:0;}

.Photos{overflow:hidden; float:left; border:0px solid red;}
.Photos ul li{overflow:hidden; float:left; }
.Photos ul li img {width:65px; height:50px; float:left; background:#000; border:5px solid #fff; margin:3px; cursor:pointer;}

#prevBtn {float:left; margin:5px; position:absolute; top:30px; left:970px;}
#nextBtn {float:left; margin:5px; position:absolute; top:30px; left:1000px;}

.bigPhoto{ margin-top:20px; margin-left:2px;}







.PersonalPhoto {float:left; width:85%; text-align:center; border:0px solid red; }
.PersonalPhoto  img {border:10px solid #fff; padding:10px;}
.PersonalPhotos{float:right; border:0px solid red;}
.pPhotos {padding:15px;}

.protection {border:0px solid red; position:absolute; width:85%; height:100%;}