/*BASICS */
html { }
body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; padding:0; margin:0 auto; font-family:Arial, Helvetica, sans-serif; text-align: left; } 

.h3 { font-size:20px; }  

h4 { font-size:18px; color:#000000; display: inline; font-weight: lighter; }                       

a:link { color:#333333; text-decoration: none; font-weight: lighter; }
	
a:visited { text-decoration: none; color: #333333; font-weight: lighter; }
	
a:hover { color: #000000; text-decoration: underline;  }
	
a:active { text-decoration: none; color: #333333; font-weight: lighter; }
		
img, div, input { behavior: url("iepngfix.htc") }
img { border:none; }






/* MAIN */


#wrapper-all { float:left; margin-left: auto; margin-right: auto; width:950px; text-align: left; }

#background-home { background:url(../images/png/backgrounds/letty-nowak-bg-home-001.png) no-repeat top center; width: 100%; height:90px; }
#background-faces { background:url(../images/png/backgrounds/letty-nowak-bg-home-001.png) no-repeat top center; width: 100%; height:140px; }

#cal-line { height: 1px; width:100%; background-color:#CCCCCC; }
#cal-space { height: 5px; width:100%; background-color:#FFFFFF; }

#home-bg-pic { background:url(../images/jpg/long/background-top-long-pic-003.jpg) top center no-repeat; }
#faces-bg-pic { background:url(../images/jpg/long/background-top-long-pic-S004-1.jpg) top center no-repeat; }

#news-wrapper { margin-left: 30px; margin-right: 20px;  color:#666666; font-size: 14px; }
#news-title { color:#666666; font-size: 18px; display:inline; line-height: 28px;}
#cal-title { color:#333333; font-size: 18px; display:inline; line-height: 28px;}
#news-date { color:#FFFFFF; font-size: 20px; display:inline; margin-left: 10px; font-weight:bold;  }
#page-titles { color:#CCCCCC; font-size:26px;  margin-top: 20px; margin-left: 10px; }
#cal-page-titles { color:#CCCCCC; font-size:26px;  margin-top: 20px; }
#news-main-text {margin-left: 10px;  margin-right: 10px; margin-top: 10px; line-height: 20px;  color:#666666; }
#cal-date { color:#999999; font-size: 20px; line-height:32px;}

#news-title-bg { background-color:#CCCCCC; }
#calendar-bg { margin-top: 10px; }

#top-space { float:left; margin-top;: 10px; width: 100px; }
#main-left { float:left; width:250px; }
#main-right { float:left; width:750px; }

#top-pic { float:left; margin-left: 10px; width: 921px; }
#top-pic-sub { float:left; margin-left: 10px; margin-top:30px; width: 921px; }

#left-main{ float:left; width: 200px;}
#right-main{ float:left; width: 780px; margin-left:20px;}

//#logo-main-old { float:left; height: 297px; width: 250px; background:url(../images/png/logo-main-002.png) no-repeat center; margin-bottom:20px; }
#logo-main { float:left; height: 146px; width: 250px; background:url(../images/png/logo-main-003.png) no-repeat center; margin-bottom:20px; }
#right-page { float:left; margin-left: 20px; width:730px; height: 520px; background:url(../images/png/background-space.png); text-align:left;  }
#right-page-clients { float:left; width:730px; height:auto; text-align:left; }
#right-page-galley { float:left; width:730px; height:auto; }
#right-page-pictures { float:left; margin-left: 20px; width:730px; height: 520px; }
#right-page-text { float:left; margin-left: 50px; margin-right: 50px; margin-top: 50px; font-size:14px; font-weight:lighter; line-height: 34px; }
#right-page-text-contact { float:left; margin-left: 50px; margin-top: 50px; font-size:14px; font-weight:lighter; line-height: 30px; }
#right-page-text-contact-L { float:left; width: 316px; margin-top: 20px; line-height: 37px; }
#right-page-text-contact-R { float:left; margin-left: 20px; width: 295px; }

#bullet-grey { color:#CCCCCC; display:inline; }

#right-page-clients-box { float:left; margin-left: 20px; margin-right: 20px; margin-top: 20px; font-size:12px; font-weight:lighter; line-height: 20px; border:#666666 thin solid; }
#right-page-clients-box-clear { float:left; margin-left: 20px; margin-right: 20px; margin-top: 20px; font-size:12px; font-weight:lighter; line-height: 20px; }
#right-page-clients-text { float:left; margin-left: 20px; margin-right: 20px; margin-top: 20px; margin-bottom:20px; font-size:12px; font-weight:lighter; line-height: 20px;}
#title-clients {  margin-left: 30px; font-size:16px; color:#999999; line-height: 30px; font-weight: lighter; }

#right-page-text-L { float:left; margin-left: 30px; width: 320px; vertical-align:middle; }
#right-page-text-C { float:left; width: 20px; }
#right-page-text-R { float:left; width: 290px; }

#right-thumbs-title { float:left; margin-top: 20px; height: 75px; border:#666666 thin solid; }
#right-thumbs-title-text { float:left; margin-left:-2px; margin-top:5px; font-size:30px; font-style:italic; font-weight:lighter; color:#999999; }
#right-thumbs-title-text-index { float:left; margin-top:20px; margin-left:30px; font-size:30px; font-style:italic; font-weight:lighter; color:#999999; }
#right-thumbs { float:left; margin-top: 4px; margin-left: -13px; width: 730px; }

#gallery-pic-bg { margin-left:20px; text-align: left; border:#666666 thin solid; height:506px; width: 506px; }
#gallery-pic-btns { float:left; margin: 10px 10px 10px 10px; text-align:center; }
#gallery-pic-btns1 { float:left; margin: 10px 10px 10px 10px; display: inline; }


#main-menu-wrapper { float: left; width:950px; margin-top: 44px; text-align: right; }
#main-menu { display: inline; margin-left: 30px; }
.main-menu { font-size: 18px; color:#CCCCCC;  }
a.main-menu:link { text-decoration: none; color:#CCCCCC; }
a.main-menu:visited { text-decoration: none; color:#CCCCCC; }
a.main-menu:active { text-decoration: none; color:#CCCCCC; }
a.main-menu:hover { font-weight:lighter; color:#A2BDFF; text-decoration: underline; }


#sub-menu-wrapper { font-size: 14px; float: left; width:950px; margin-top: 20px; text-align: right;  color:#CCCCCC; }
#sub-menu-wrapper-2 { font-size: 14px; float: left; width:950px; margin-top: 20px; text-align: right;  color:#CCCCCC; }

#sub-menu { font-size: 14px; display: inline; margin-left: 10px;  margin-right: 10px;  color:#CCCCCC;  }
.sub-menu { font-size: 14px; color:#CCCCCC;  }
a.sub-menu:link { text-decoration: none; color:#CCCCCC; }
a.sub-menu:visited { text-decoration: none; color:#CCCCCC; }
a.sub-menu:active { text-decoration: none; color:#CCCCCC; }
a.sub-menu:hover { font-weight:lighter; color:#A2BDFF; text-decoration: underline; }






#footer { background: url(../images/png/top_bar.png) repeat-x top center; margin-right:20px; bottom: 0; left: 0; height: 30px; line-height: 26px; vertical-align:middle;}
#footer-in { margin-right: 30px; margin-left: 30px; font-size: 12px; color:#999999; font-style:italic; text-align: center; }
.footer-in{}
a.footer-in:link { text-decoration: none; color:#999999; }
a.footer-in:visited { text-decoration: none; color:#999999; }
a.footer-in:active { text-decoration: none; color:#999999; }
a.footer-in:hover { color:#A2BDFF; text-decoration: underline; }


#footer1 { margin-right:20px; margin-top:40px; height: 30px; width: 950px; line-height: 26px; vertical-align:middle;}
#footer1-in { margin-right: 30px; font-size: 12px; color:#999999; font-style:italic; text-align: right; }

/* THUMB-BOX */

.thumb-box {
    width: 75px;
    height: 75px;
    margin: 0 8px 8px 0;
    float: left;
    border: 2px solid #CCCCCC;
    overflow: hidden;
    padding: 2px;
    align: middle;
}


/* THUMBNAIL BOXES */

* {margin: 0; padding: 0; list-style: none; }
#wrapperPics {padding: 2px;text-align: left;}
a {color:#000000;text-decoration: none;}
h2 {text-align: left;}
p {padding: 5px 0;}
form {padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px dashed #ddd;}
#imagesPics {padding-top: 2px;margin-top: 2px;}
#imagesPics ul {float: left;}
#imagesPics li {float: left;width: 75px;height: 75px;margin: 10px;border:
1px solid #999;}
#imagesPics li a {display: block;width: 75px;height: 75px;}



/* ACORDION MENU */

.arrowlistmenu{
width: 200px; /*width of accordion menu*/
text-align:right;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: Arial, Helvetica, sans-serif 18px;
color: #333333;
//background: url(images/png/misc/spacer-10.png);
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
font-size:25px;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(titlebar-active.png);
//background: url(images/png/misc/spacer-10.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 8px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{


display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
font-size: 95%;
font-weight: lighter; 

}

.arrowlistmenu ul li a:visited{

}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #000000; 
//background: url(images/png/misc/spacer-10.png); 
}