/* CSS Document */

h1, h2, h3, h4, p {
	margin					: 0 auto 10px auto;
	width					: 500px;
	color					: #000;
}

h1 { 
	font-size				: 25px;
	line-height				: 30px;
	font-weight				: normal;
	text-align				: left;
}

h2 {
	font-size				: 23px;
	line-height				: 23px;
	font-weight				: normal;
	text-align				: left;
}

h3 {
	font-size				: 2em;
	line-height				: 2em;
	text-align				: left;
}


p, .p, h4 {
	font-size				: 14px;
	line-height				: 20px;
	text-align				: left;
	letter-spacing			: 0.5px;
}


div#home {
	position				: relative;
	margin					: 0 auto;
	width					: 620px;
	height					: 484px;
}

div#home img {
	position				: relative;
	top						: -44px;
}

a#album_link {
	display					: block;
	position				: absolute;
	bottom					: 60px;
	right					: -100px;
	color					: #000;
	font-size				: 9px;
	text-transform			: uppercase;
}

a#video_link {
	display					: block;
	position				: absolute;
	bottom					: 60px;
	left					: -100px;
	color					: #FFFFFF;
	font-size				: 9px;
	text-transform			: uppercase;
}

/*BEGIN - SLIDE PANEL*/
div.slide_panel div.button {
	padding					: 20px;
	height					: 40px;
}

div.slide_panel div.button div.open {
	float					: right;
	width					: 38px;
	height					: 39px;
	text-align				: center;
	background				: url(../images/open.png) no-repeat;
	background-position		: center;
	cursor					: pointer;
}

div.slide_panel div.button div.close {
	display					: none;
	float					: right;
	width					: 38px;
	height					: 39px;
	text-align				: center;
	background				: url(../images/close.png) no-repeat;
	background-position		: center;
	cursor					: pointer;
}

div.slide_panel div.panel {
	display					: none;
}
/*END - SLIDE PANEL*/




/*BEGIN - CONTACTS FORM*/
form#contacts_form {
	margin					: 0 auto;
	padding					: 0 0 20px 0;
	width					: 500px;
}

form#contacts_form div.row {
	padding					: 3px 0px;
}

form#contacts_form div.buttons_row {
	padding					: 0 0 0 120px;
	text-align				: center;
}

form#contacts_form div.supplement_row {
	padding					: 7px 10px;
	text-align				: right;
}

form#contacts_form div.supplement_row span {
	color					: #000;
	font-size				: 9px;
}

form#contacts_form div#result {
	padding					: 7px 0 0 150px;
}

form#contacts_form div#result span.success {
	color					: #FFFFFF;
	font-size				: 11px;
}

form#contacts_form div#result span.error {
	color					: #FFFFFF;
	font-size				: 11px;
}

form#contacts_form div#result span.loading {
	color					: #FFFFFF;
	font-size				: 11px;
}

form#contacts_form label {
	display					: inline-block;
	padding					: 2px 4px 0 0;
	width					: 130px;
	color					: #000;
	font-size				: 12px;
	font-weight				: normal;
	text-align				: right;
	vertical-align			: top;
}

form#contacts_form label.error {
	display					: inline-block;
	margin					: 0 0 0 145px;
	padding					: 3px 4px 0 0;
	width					: 200px;
	color					: #FFFFFF;
	font-size				: 10px;
	font-weight				: normal;
	text-align				: left;
	vertical-align			: top;
}

form#contacts_form input.textbox, form#contacts_form textarea.textarea {
	display					: inline-block;
	padding					: 4px 4px 2px 4px;
	width					: 330px;
	color					: #FFFFFF;
	font-size				: 11px;
	border					: 1px solid #FFFFFF;
	-moz-border-radius		: 4px;
	-webkit-border-radius	: 4px;
	background				: url(../images/textbox_bg.jpg) repeat-x;
	background-position		: top left;
	background-color		: #C7D0B1;
}

form#contacts_form textarea.textarea {
	width					: 330px;
	height					: 110px;
}
	

form#contacts_form input.button {
	margin					: 0 10px 0 0;
	padding					: 0 0 2px 0;
	width					: 95px;
	height					: 30px;
	color					: #000;
	font-size				: 11px;
	text-align				: center;
	text-transform			: uppercase;
	vertical-align			: middle;
	cursor					: pointer;
	background				: none;
	background-position		: bottom;
	border					: none;
}
/*END - CONTACTS FORM*/


/*BEGIN - SCROLLABLE*/
div.scrollable {
    position				: relative; 
    margin					: 0 auto;
	overflow				: hidden; 
    width					: 900px; 
    height					: 435px;
} 

div.scrollable div.items { 
    position				: absolute; 
	width					: 20000em; 
} 
 
div.scrollable div.items div { 
    float					: left; 
}

div.scrollable div.item {
	padding					: 0 14px;
}

div.scrollable a {
	display					: block;
  	float					: left;
	width					: 273px;
  	height					: 405px;
	background				: url(../images/photo_frame.jpg) no-repeat 0 0;
	text-decoration			: none;
}

div.scrollable a div {
	text-decoration			: none;
}

div.scrollable a img {
	background				: url(../images/loader.gif) no-repeat center center;
	display					: block;
 	margin					: 7px 0 0 7px;
	width					: 258px;
  	height					: 390px;
}
 
div.scrollable div.items div.active { 
    /*border					: 1px inset #CCC;*/ 
}

a.browse {
  	position				: absolute;
  	top						: 140px;
	/*display					: block;*/
  	width					: 50px;
	height					: 60px;
  	background				: url(../images/arrow.jpg) no-repeat 0 0;
  	text-indent				: -9999px;
  	cursor					: pointer;
	z-index					: 29;
}

a.nextPage {
  	background-position		: 0 0;
  	right					: -20px;
}

a.prevPage {
  	background-position		: 0 -119px;
  	left					: -20px;
}

a.nextPage:hover {
 	background-position		: 0 -61px;
}

a.prevPage:hover {
  	background-position		: 0 -180px;
}

div.navi {
	position				: relative;
	top						: -16px;
	margin					: 0 auto;
	text-align				: center;
	z-index					: 28;
}

div.navi a {
	display					: inline-block;
	margin					: 0 3px;
	width					: 7px;
	height					: 7px;
	background-color		: #858482;
	border					: 1px solid #FFFFFF;
	-moz-border-radius		: 7px;
	-webkit-border-radius	: 7px;
}

div.navi a.active {
	background-color		: #FFFFFF;
	border					: 1px solid #FFFFFF;
}
/*END - SCROLLABLE*/


/*BEGIN - TOOTIP*/
/*div.tooltip {
	display					: none; 
    color					: #333300;
    font-size				: 11px;
	line-height				: 11px;
    padding					: 44px 19px 25px 19px;  
    width					: 171px; 
    height					: 61px;
	background				: url(../images/tooltip.png) no-repeat;
	background-position		: top center;
	text-decoration			: none;
	text-transform			: uppercase;
}*/

div.item {
	position				: relative;
}

div.tooltip {
	display					: none;
	position				: absolute;
	bottom					: 10px;
	left					: 21px;
	padding					: 10px;
	width					: 238px;
	color					: #000;
	font-size				: 10px;
	background-image		: url(../images/white.png);
}
/*END - TOOLTIP*/

#loader {
	text-align: center;
	margin-top: -25px;
}

#loader p {
	margin-top: 5px;
	text-align: center;
}