/* 99sg Nagy Design */




/* GENERAL */

html {
/*	font-family: "Arial", sans-serif;*/
	font-family: "Georgia", serif;
	font-size: 14px;
	line-height: 20px;
	background-color: white;
}

body {
	margin: 0;
	padding: 0;
	margin-left: 0;
	margin-bottom: 3em;
	background-color: white;
/*	border: 1px solid #F00;*/
}

a, a:visited, a:link {
    color: #808285;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}    
}

img {
	border: none;
}

p {
	margin-bottom: 0.5em;
}

h1, h2 {
	font-weight: normal;
}

ul {
	margin-left: 1em;
	padding: 0;
	list-style-position: inside;
	list-style-type: square;
}

ul.no_bullet {
	margin-left: 0;
	list-style-type: none;
}

li {
	margin: 0 0 0.6em 0;
	padding: 0;
}

#about {
	margin-left:auto;
	margin-right:auto;
	width:600px;
	}
	
#empty {
	float:left;
	height:50px
	}

#comingsoon	{
	clear:both; 
	height:218px; 
	position:relative;
	}


/* LOGO, MASTHEAD */

#logo {
	position: absolute;
	left: 282px;
	top:36px;
}

#white_panel {
	width: 100%;
	height: 76px;
	background-color: #FFF;
}



/* NAVIGATION-PRIMARY */

#navigation {
	position: absolute;
	top:80px;
	left: 342px;
}

#navigation ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
}

#navigation li {
	margin: 0;
	padding: 0;
	float: left;
	width: 6.43em;
}

#navigation a {
	float: left;
	width: 8.2em;
	padding: 1em 0 1em 0px;
	color: #646464;
	text-decoration: none;
}

#navigation a:link, #navigation a:visited {}
#navigation a:hover {color: #333333 }
#navigation a:active {}

/* active page */
#body_aboutus #aboutus a,
#body_folio #folio a,
#body_media #media a,
#body_contactus #contactus a {
	color: #FFF;
}




/* NAVIGATION-SECONDARY */


#navigation2 {
	position: absolute;
	top: 187px;
	left: 34px;
	width: 17em;
	height: 20em;
/*	border: 1px solid #F00;*/
}

#navigation2 ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
}

#navigation2 li {
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
/*	border: 1px solid #F00;*/
}

#navigation2 a {
	font-size: 14px;
	line-height: 23px;
	float: left;
	width: 10.5em;
	padding: 0.5em 0 0.5em 0;
	color: #9C9C9C;
	text-decoration: none;
}

#navigation2 a:link, #navigation2 a:visited {}
#navigation2 a:hover {color: #555555 }
#navigation2 a:active {}


/* active page */
#nav2_aboutus #aboutus2 a,
#nav2_media #media2 a,
#nav2_folio #folio2 a,
#nav2_contactus #contactus2 a,
#body_aboutus #nav2_whatwedo #whatwedo a,
#body_aboutus #nav2_whoweworkwith #whoweworkwith a,
#body_aboutus #nav2_companyprofile #companyprofile a,
#body_aboutus #nav2_staffprofiles #staffprofiles a,
#body_aboutus #nav2_media #media a,
#body_aboutus #nav2_awards #awards a,
#body_aboutus #nav2_specialprojects #specialprojects a,
#body_aboutus #nav2_community #community a,
#body_folio #nav2_modern #modern a,
#body_folio #nav2_traditional #traditional a,
#body_folio #nav2_archive #archive a,
#body_folio #nav2_bathrooms #bathrooms a,
#body_folio #nav2_kitchens #kitchens a
#body_folio #nav_folio #photoscapes a,
#body_folio #nav_folio #documentary a,
#body_folio #nav_folio #people a,
#body_folio #nav_folio #children a,

 {
	color: #F2E500;
}

#body_folio #nav2_archive #archive a {
	margin: -10px 0 10px 20px;
}

#navigation2 .side_heading {
	margin-bottom: 1.7em;
}

#navigation2 .sub_nav li {
	margin: -10px 0 0px 20px;
}



/* CONTENT AREA */

.content {
	margin: 0;
	padding: 0;
	padding-bottom: 3em;
	position: absolute;
	top: 180px;
	left: 342px;
	width: 34em;
	font-size: 14px;
	line-height: 22px;
	color: #FFF;
	
/*	border: 1px solid #F00;*/
}

/*.content p#intro {
	font-size: 20px;
	line-height: 22px;
	margin: 12px 0 0 0 ;
}*/

.content h2 {
	font-size: 14px;
	margin-top:  14px;
	margin-bottom: 2.25em;
	padding: 0 0 0.5em 0;
}

.content .red_bullets {
	margin-left: 0em;
	list-style-position: outside;
	list-style-type: square;
	list-style-image: url(../images/red_bullet.png);
}

.content .award {
	color: #E2001A;
	position: absolute;
	left: -90px;
	
}

.content #awards_ul li {
	margin-bottom: .3em;
}

.content .disclaimer {
	padding: 0.7em 0 0em 0;
}

/*  HOME PAGE  */

#body_home .content {
	left: 613px;
	top: 183px;
	width: 35em;
/*	border: 1px solid #F00;*/
}

#body_home .content p#intro {
	font-size: 18px;
	line-height: 25px;
}

/*#body_home .caption {
	font-family: "Georgia", serif;
	font-weight: normal;
	font-size: 15px;
	color: #9C9C9C;
	margin-top: 2em;
}*/



/* INTRO PARA WIDTH OVERRIDES */
/* (use ems) */

#body_folio .content p#intro {
	width: 23em;
}

#body_aboutus .content p#intro {
	width: 25em;
}




/* HOME PAGE SLIDE SHOW */
/* set the width and height to match images */

#slideshow {
/*    position:relative;
    height:490px;*/
	position: absolute;
	left: 27px;
	top: 207px;
	width: 490px;
	height: 490px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}




/* STAFF PROFILES */

.content #staffprofiles li {
	margin-bottom: 1.8em;
	clear: left;
	min-height: 150px;
}

.content #staffprofiles img {
	position: absolute;
	left: -120px;
	margin-top: 0.3em;
}

.content #staffprofiles p {
	padding: 0;
}

.staff_name, .staff_position {
	font-family: "Georgia", serif;
	color: #FFF;
}

.staff_position {
	margin-left: 0.3em;
	color: #E2001A;
}



/*.content #staffprofiles img {
/*	margin-bottom: 1.8em;*!/
	position: relative;
	right: 110px;
}

.content #staffprofiles .staff_text {
	margin-top: -163px;
	min-height: 150px;
}

.content #staffprofiles p {
	padding: 0;
}

.staff_name, .staff_position {
	font-family: "Georgia", serif;
	color: #FFF;
}

.staff_position {
	margin-left: 0.3em;
	color: #E2001A;
}*/




/* THUMBNAILS PAGES */


#body_folio .content,
#body_media .content {
	width: 447px;
/*	border: 1px solid #F00;*/
}

.thumbnails {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
	line-height: 14px;
}

.thumbnails li {
	margin: 0 8px 0 0;
	padding: 0;
	float: left;
	width: 141px;
	height: 300px;
}

.thumbnails a, .trailing_link a {
	font-family: "Georgia", serif;
	font-weight: normal;
	font-size: 14x;
	color: #9C9C9C;
	text-decoration: none;
}

.thumbnails a:link, .thumbnails a:visited {}
.thumbnails a:hover, .trailing_link a:hover {color: #F2E500 }
.thumbnails a:active {}

.thumbnails img {
	margin: 20px 0 6px 0;
	padding: 0;
	width: 141px;
	height: 204px;
}

.thumbnails .title,
.thumbnails .date {
	margin: 0;
	padding: 0;
	width: 141px;
}

.trailing_link {
	clear: both;
}



	
/*  FOLIO GALLERY - GALLERIA  */

a {
	text-decoration: none;
	outline: none;
}

#main_image {
	position: absolute;
	top:200px;
	left: 342px;
	margin: 0 0 60px 0;
	height: 490px;
	width: 624px;
}

.gallery {
	position: absolute;
	left: 34px;
	top: 434px;
	width: 300px;
	margin: 0;
	padding: 0;
	background-color: white;
	padding: 0;
/*	border: 1px solid #F00;*/
}

.gallery.small li {
	width: 54px;
	height: 54px;
}

.gallery.tiny li {
	width: 43px;
	height: 43px;
}

.gallery.rows1 { top: 606px }
.gallery.rows2 { top: 522px }
.gallery.rows3 { top: 434px }
.gallery.rows4 { top: 350px}
.gallery.rows5 { top: 266px }
.gallery.rows6 { top: 182px }

.gallery.small.rows1 { top: 626px }
.gallery.small.rows2 { top: 562px }
.gallery.small.rows3 { top: 498px }
.gallery.small.rows4 { top: 435px}
.gallery.small.rows5 { top: 372px }
.gallery.small.rows6 { top: 309px }

.gallery.tiny.rows1 { top: 637px }
.gallery.tiny.rows2 { top: 584px }
.gallery.tiny.rows3 { top: 531px }
.gallery.tiny.rows4 { top: 478px}
.gallery.tiny.rows5 { top: 425px }
.gallery.tiny.rows6 { top: 372px }


.gallery li {
	float: left;
	width: 75px;
	height: 75px;
	margin: 0;
}

.gallery li img {
	padding: 0;
	margin: 0;
}




/* galleria */

.galleria {
	list-style-type: none;
}

.galleria li {
	display: block;
	overflow: hidden;
	float: left;
	width:  75px;
	margin: 10px 10px 0 0;
}

.galleria li a {
	display: none;
}

.galleria li div {
	position: absolute;
	display: none;
	top: 0;
	left: 180px;
}

.galleria li div img {
	cursor: pointer;
}

.galleria li.active div img,.galleria li.active div {
	display: block;
}

.galleria li img.thumb {
	cursor: pointer;
	top: auto;
	left: auto;
	display: block;
	width: auto;
	height: auto;
}

.galleria li .caption {
	display: block;
	padding-top: 0.5em;
}

* html .galleria li div span {
	width: 400px; /* MSIE bug */
}