/* CSS Document */


/* forces short pages to scroll to prevent jumping */

html { min-height:100%; margin-bottom:1px; }
/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
        margin: 0;
        padding: 0;
        font: 100%/120% Arial, Helvetica, sans-serif;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
        margin: 1em 0;
        padding: 0;
}

h2 {
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
	
}
/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
        margin-left: 1em;
}

/* Miscellaneous conveniences: */
form label {
        cursor: pointer;
}
fieldset {
        border: none;
}
input, select, textarea {
        font-size: 100%;
		font-family: inherit;
}

body
{
  margin: 10px auto 0 auto;
  padding: 10px auto 0 auto;
  background-color: #464542;
  color: #CCCCCC;
  FONT-FAMILY: Arial, Helvetica, sans-serif;
min-width: 960px;
  text-align: center;
}

a:link {text-decoration: underline; color: #ff8400; background-color: transparent;}
a:visited {text-decoration: underline; color: #ff8400; background-color: transparent;}
a:hover {text-decoration: none; color: #ff8400; background-color: transparent;}

/*-- CONTAINER --*/
#container {margin: 0 auto; width: 960px; padding: 10px 0 0 0; border: 0; position: absolute; top: 50%; left: 50%; margin: -285px 0 0 -480px; text-align: left;}

/*-- TOP AREA --*/
.topArea {float: left;/*display: inline; */width: 960px; height: 50px; margin: 0;}
.picturistic {float: left;margin: 10px 0 0 0; border: 1px solid #464542; width: 469px;}
	/*.topArea*/
	.log {float: right; font-size: 13px; color: #CCCCCC; line-height: 1.8em; margin: 20px 40px 10px 0; padding: 0; border: 1px solid #464542; width: 240px;}

.log a {
	color: #ff8400;
}

.log1 {float: right; font-size: 13px; color: #CCCCCC; line-height: 1.8em; margin: 20px 20px 10px 0; padding: 0; border: 1px solid #464542; display:inline;}

.log1 a {
	color: #ff8400;
}

.log2 {float: right; font-size: 13px; color: #CCCCCC; line-height: 1.8em; margin: 20px 40px 10px 0; padding: 0; border: 1px solid #464542; display:inline}

.log2 a {
	color: #ff8400;
}

	.topArea img {border: none;}
.topArea img a {border: none; text-decoration: none;}


/*-- MAIN AREA --*/
.mainArea {float: left; display: inline; width: 958px; height: 478px; border: 1px solid #54534e;  z-index: 10;}

#bgAbout {background: url(images/bg_about.jpg) top right no-repeat;}
#bgContact {background: url(images/bg_contact.jpg) top right no-repeat;}
#bgCorporateInfo {background: url(images/bg_corporate_info.jpg) top right no-repeat;}
#bgPortraitsInfo {background: url(images/bg_portraits_info.jpg) top right no-repeat;}
#bgWeddingsInfo {background: url(images/bg_weddings_info.jpg) top right no-repeat;}
#bgEventsInfo {background: url(images/bg_events_info.jpg) top right no-repeat;}
#bgMemories {background: url(images/bg_memories.jpg) top right no-repeat;}

#bgTerms {background: url(images/terms-and-conditions.jpg) top right no-repeat; }
#bgPrivacy {background: url(images/PrivacyPolicy.jpg) top right no-repeat;}


/*-- NAV AREA --*/
.navArea {float: left; display: inline; width: 960px; height: 60px; margin: 0;}

.navAreaLogo {float: left; display: inline; width: 200px; margin: -18px 40px 0 40px; z-index: 1; overflow: hidden; position: relative;}
	.navAreaLogo img {border: 0;}
.navAreaLogo {font-size: 9px;}
#navbar {position: relative; float: left; display: inline; width: 680px; height: 35px; margin: 0; padding: 0;}

	#navbar ul {display: inline; float: left; list-style: none; margin: 0 0 0 0; padding: 0;}
	#navbar li {display: inline; float: left; margin: 0 38px 0 0;}
	#navbar li a {display: inline; float: left; height: 35px;}
	#navbar li span {display: none;}
	
#nav01 a {background: url(images/nav_home_off.gif) top left no-repeat; width: 39px; height: 35px;}
#nav01 a:hover {background: url(images/nav_home_hov.gif) top left no-repeat;}
#nav01on {background: url(images/nav_home_on.gif) top left no-repeat; width: 39px; height: 35px;}

#nav02 a {background: url(images/nav_about_off.gif) top left no-repeat; width: 45px; height: 35px;}
#nav02 a:hover {background: url(images/nav_about_hov.gif) top left no-repeat;}
#nav02on {background: url(images/nav_about_on.gif) top left no-repeat; width: 45px; height: 35px;}

#nav03 a {background: url(images/nav_weddings_off.gif) top left no-repeat; width: 72px; height: 35px;}
#nav03 a:hover {background: url(images/nav_weddings_hov.gif) top left no-repeat;}
#nav03on {background: url(images/nav_weddings_on.gif) top left no-repeat; width: 72px; height: 35px;}

#nav04 a {background: url(images/nav_portraits_off.gif) top left no-repeat; width: 68px; height: 35px;}
#nav04 a:hover {background: url(images/nav_portraits_hov.gif) top left no-repeat;}
#nav04on {background: url(images/nav_portraits_on.gif) top left no-repeat; width: 68px; height: 35px;}

#nav05 a {background: url(images/nav_events_off.gif) top left no-repeat; width: 46px; height: 35px;}
#nav05 a:hover {background: url(images/nav_events_hov.gif) top left no-repeat;}
#nav05on {background: url(images/nav_events_on.gif) top left no-repeat; width: 46px; height: 35px;}

#nav06 a {background: url(images/nav_corporate_off.gif) top left no-repeat; width: 79px; height: 35px;}
#nav06 a:hover {background: url(images/nav_corporate_hov.gif) top left no-repeat;}
#nav06on {background: url(images/nav_corporate_on.gif) top left no-repeat; width: 79px; height: 35px;}

#nav07 a {background: url(images/nav_contact_off.gif) top left no-repeat; width: 64px; height: 35px;}
#nav07 a:hover {background: url(images/nav_contact_hov.gif) top left no-repeat;}
#nav07on {background: url(images/nav_contact_on.gif) top left no-repeat; width: 64px; height: 35px;}




/*-- HOME PAGE --*/
.homeIntro {float: left; display: inline; width: 200px; margin: 75px 0 0 39px;}
	.homeIntro h1 {margin: 0 0 10px 0; padding: 0; text-indent: -9000px; line-height: 1em; background: url(images/title_welcome_to_picturistic.gif) top left no-repeat; width: 200px; height: 15px;}
	.homeIntro h2 {margin:0 0 5px 0; line-height:1.2em;}
	.homeIntro p {font-size: 12px; color: #CCCCCC; line-height: 1.8em; }
	.homeIntro ul {width: 190px; margin: 0 0 0 10px;}
	.homeIntro li {font-size: 12px; font-weight: bold; color: #CCCCCC; line-height: 40px; padding: 0 0 0 50px; list-style: none; margin: 0 0 5px 0;}

.twitter {background: url(/images/icon_twitter_trans_40x40.png) center left no-repeat;}
.facebook {background: url(/images/icon_facebook_trans_40x40.png) center left no-repeat;}
.flickr {background: url(/images/icon_flickr_trans_40x40.png) center left no-repeat;}

.followLinks {float: left; display: inline; width: 200px; margin: 20px 0 0 0; padding:0 0 0 20px;}
	.followLinks h2 {margin-bottom:15px;}
	.followLinks a {width:40px; height:40px; margin:0 20px 0 0; border:none;}
	.followLinks img {width:40px; height:40px; margin:0; border:none;}

.homeFlashHolder {float: right; display: inline; width: 640px; border-top: 10px solid #ff8400; margin: 0 40px 0 0;padding: 0;}

/*-- ABOUT PAGE --*/
.aboutColumn1 {float: left; display: inline; width: 200px; margin: 40px 0 0 39px;}
	.aboutColumn1 h1 {margin: 0 0 10px 0; padding: 0; text-indent: -9000px; line-height: 1em; background: url(images/title_about.gif) top left no-repeat; width: 54px; height: 15px;}
	.aboutColumn1 p {font-size: 12px; color: #CCCCCC; line-height: 1.8em;}

.aboutColumn2 {float: left; display: inline; width: 200px; margin: 55px 0 0 40px;}
	.aboutColumn2 p {font-size: 12px; color: #CCCCCC; line-height: 1.8em;}

/*-- WEDDINGS --*/
.galleryThumbHolder {float: left; display: inline; width: 200px; margin: 40px 0 0 40px;}
	.galleryThumbHolder h1 {margin: 0 0 15px 0; padding: 0; text-indent: -9000px; line-height: 1em;}
	.galleryThumbHolder p {float: left; display: inline; background: url(images/icon_arrow.gif) center left no-repeat; line-height: 1.4em; font-size: 12px; margin: -5px 0 10px 0; text-indent: 20px; width:200px;}
	.galleryThumbHolder h6 {float: left; display: inline; background: url(images/icon_information.gif) center left no-repeat; font-size: 12px; font-weight: normal; text-indent: 20px; margin: 0;}

.galleryThumbsColumnLeft {float: left; display: inline; width: 90px; margin: 0;}
	.galleryThumbsColumnLeft img {border: 0; margin: 0;}
	.galleryThumbsColumnLeft a {border: 2px solid #54534e; padding: 0; margin: 0 0 20px 0; display: block;}
	.galleryThumbsColumnLeft a:visited {border: 2px solid #54534e; padding: 0; margin: 0 0 20px 0; display: block;}
	.galleryThumbsColumnLeft a:hover {border: 2px solid #ff8400; padding: 0; margin: 0 0 20px 0; display: block;}

.galleryThumbsColumnRight {float: right; display: inline; width: 90px; margin: 0;}
	.galleryThumbsColumnRight img {border: 0; margin: 0;}
	.galleryThumbsColumnRight a {border: 2px solid #54534e; padding: 0; margin: 0 0 20px 0; display: block;}
	.galleryThumbsColumnRight a:visited {border: 2px solid #54534e; padding: 0; margin: 0 0 20px 0; display: block;}
	.galleryThumbsColumnRight a:hover {border: 2px solid #ff8400; padding: 0; margin: 0 0 20px 0; display: block;}

#titleWeddings {background: url(images/title_weddings_gallery.gif) top left no-repeat; width: 200px; height: 15px}
#titlePortraits {background: url(images/title_portraits_gallery.gif) top left no-repeat; width: 200px; height: 15px}
#titleEvents {background: url(images/title_events_gallery.gif) top left no-repeat; width: 200px; height: 15px}
#titleCorporate {background: url(images/title_corporate_gallery.gif) top left no-repeat; width: 200px; height: 15px}

.galleryMainImageHolder {float: right; display: inline; width: 640px; height: 430px; border-top: 10px solid #ff8400; margin: 0 40px 0 0; background: url(images/loader.gif) center center no-repeat;}
	.galleryMainImageHolder img {border: 0;}
	
/*-- CONTACT PAGE --*/
.contactColumn {float: left; display: inline; width: 200px; margin: 40px 0 0 39px;}
	.contactColumn h1 {margin: 0 0 10px 0; padding: 0; text-indent: -9000px; line-height: 1em; background: url(images/title_contact.gif) top left no-repeat; width: 78px; height: 15px;}
	.contactColumn p {font-size: 12px; color: #CCCCCC; line-height: 1.8em;}

/*-- INFO PAGES --*/
.infoColumn1 {float: left; display: inline; width: 200px; margin: 40px 0 0 39px;}
	.infoColumn1 h1 {margin: 0 0 10px 0; padding: 0; text-indent: -9000px; line-height: 1em;}
	.infoColumn1 p {font-size: 12px; color: #CCCCCC; line-height: 1.8em;}

.infoColumn2 {float: left; display: inline; width: 200px; margin: 55px 0 0 40px;}
	.infoColumn2 p {font-size: 12px; color: #CCCCCC; line-height: 1.8em;}


.infoScroll {float: left; display: inline; width: 440px; margin: 40px 0 0 39px; padding: 0 10px 0 0; height: 380px; overflow: auto;}
	.infoScroll h1 {margin: 0 0 10px 0; padding: 0; text-indent: -9000px; line-height: 1em;}
	.infoScroll h3 {font-size: 13px; color: #FFFFFF; font-weight: bold; line-height: 1.8em; font-variant: small-caps;}
	.infoScroll h4 {font-size: 13px; color: #FFFFFF; font-weight: bold; font-style: italic; line-height: 1.8em;}
	.infoScroll p {font-size: 12px; color: #CCCCCC; line-height: 1.8em;}
	.infoScroll ul {font-size: 12px; color: #CCCCCC; line-height: 1.8em; margin: 0 0 0 10px;}
	

#titleCorporateInfo {background: url(images/title_corporate_info.gif) top left no-repeat; width: 296px; height: 15px;}
#titleEventsInfo {background: url(images/title_events_info.gif) top left no-repeat; width: 257px; height: 15px;}
#titleWeddingsInfo {background: url(images/title_weddings_info.gif) top left no-repeat; width: 288px; height: 15px;}
#titlePortraitsInfo {background: url(images/title_portraits_info.gif) top left no-repeat; width: 282px; height: 15px;}
#titleMemories {background: url(images/title_memories.gif) top left no-repeat; width: 189px; height: 15px;}
#titlePrivacyPolicy {background: url(images/title_privacypolicy.gif) top left no-repeat; width: 200px; height: 15px;}
#titleTerms {background: url(images/title_terms.gif) top left no-repeat; width: 200px; height: 15px;}