/* ## LAYOUT START ## */

body {
	background-color: #ffffff;
	margin:0px;
	padding:0px;
}
#main {
	width:999px;
	height: 545px;
	margin: 0px auto 0px auto;
	border: 0px solid #fff;

}
#header {
	margin:0px 0px 73px 0px;
	width:999px;
	height:253px;
	float:left;
	display:inline;

}
#logo {
	margin:0px;
	width:580px;
	height:253px;
	float:left;
	display:inline;

}
#portfolio {
	margin:0px;
	padding-top: 73px;
	width:258px;
	height:253px;
	float:right;
	display:inline;
	position:relative;

}
#contact_btn a {
	margin:0px;
	padding: 0px;
	width:80px;
	height:25px;
	position:absolute;
	top: 138px;
	left: 140px;
}
#contact_btn a:hover {
	background:url(/images/gfx-portfolio-over.gif) no-repeat;
	background-position:-140px -65px;
}
.details h2 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:40px;
	font-weight:bold;
	color:#666;
	padding: 0px 20px 0px 20px;
}
.details #address {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 14px;
	color:#666;
	line-height: 20px;
	padding:0px 20px 20px 20px;
	width:200px;
	float:left;
	display:inline;
}
.details #phone {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 14px;
	color:#666;
	line-height: 20px;
	padding:0px 20px 20px 20px;
	width:260px;
	float:right;
	display:inline;
}
.details #phone a {
	color: #fff;
	text-decoration: underline;
}
.details #phone a:hover, .details #phone a:active {
	color: #A6323F;
	text-decoration: none;
}
.details #spod_map {
	padding:0px 20px 20px 60px;
	width: 450px;
	height: 400px;
}
#content {
	margin:0px;
	width:999px;
	height:292px;
	float:left;
	display:inline;

}
#nav {
	width:214px;
	float:left;
	display:inline;

}
#nav_image {
	margin:0px;
	width:23px;
	float:left;
	display:inline;

}
#nav_links {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#666;
	padding-top: 20px;
	width:180px;
	float:right;
	display:inline;

}
#nav_links .link, #nav_links .link a {
	padding-bottom: 2px;
	cursor:pointer;
	text-decoration: none;
}
#nav_links .link a:link, #nav_links .link a:visited {
	color: #666;
}
#nav_links .link a:hover, #nav_links .link a:active {
	color: #A6323F;
}

/* -------------------------------------------------------------------------- */



/* ## GOOGLE MAPS START ## */

#gmapmarker, #gmapDirHeadTo, #gmapDirHeadFrom, #gmapDirLabelTo, #gmapDirLabelFrom, #gmapDirHead, #gmapDirHead a {
	font-size:12px;
}

/* -------------------------------------------------------------------------- */



/* ## MAIN SCROLLER START ## */

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
#main_scroll {
	margin:0px;
	padding-top: 56px;
	float:right;
	display:inline;

	/* required settings */
	position:relative;
	overflow:hidden;
	width:720px;
	height:150px;

	/* custom decorations */
	border:0px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
#main_scroll #scroll_pages {
	/* this cannot be too large */
	width:4000px;
	height:150px;
	position:absolute;
	clear:both;
}

#main_scroll #scroll_pages .thumb {
	float:left;
	margin:0px;
	padding:0px;
	border:0px;
	width:180px;
	height:150px;
}
#main_scroll #scroll_pages .thumb_img  {
	float:left;
	margin:0px;
	padding:0px;
	border:0px;
	cursor:pointer;
	width:180px;
	height:100px;
	/*
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	*/
}

/* active item */
#main_scroll .active {
	border:0px;
	z-index:9999;
	position:relative;
}

/* this makes it possible to add next button beside scrollable */
#main_scroll {
	float:left;	
}

/* image scroller nav */
.largeImg {
	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	display:block;
	width:28px;
	height:30px;
	float:left;
	margin:100px 0px 0px 0px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right { 
	background:url(/images/gfx-right-arrow.png) no-repeat;
}
a.right:hover {
	background:url(/images/gfx-right-arrow-over.png) no-repeat;
}
a.right:active {
	background:url(/images/gfx-right-arrow-over.png) no-repeat;
} 

/* left */
a.left {
	background:url(/images/gfx-left-arrow.png) no-repeat;
	margin-left: 0px;
} 
a.left:hover {
	background:url(/images/gfx-left-arrow-over.png) no-repeat;
}
a.left:active {
	background:url(/images/gfx-left-arrow-over.png) no-repeat;
}

/* up and down */
a.up, a.down		{ 
	background:url(../img/scrollable/arrow/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	

/* -------------------------------------------------------------------------- */



/* ## SUB SCROLLER START ## */

/* root element for single scroll */
.scroll {
	position:relative;
	overflow:hidden;
	width: 500px;
	height: 380px;
	float:left;
}

/* root element for the scroll pics */
.scroll .pics {
	width:20000em;
	position:absolute;
	clear:both;
}

#preloader_wrapper {
	position:relative;
}
#preloader {
	position:absolute;
	top: 50px;
	left: 223px;
	width: 61px;
	height: 54px;
	background:url(/images/preloader-images.gif) no-repeat;
}

/* single scroll item */
.pics img {
	float:left;
	cursor:pointer;
	width:500px;
	margin:0px;
}

/* possible settings for the active scroll */
.scroll.active {

}

/* -------------------------------------------------------------------------- */



/* ## NAV SCROLLER START ## */

/* root element for single scroll */
.nav_scroller {
	position:relative;
	overflow:hidden;
	width:180px;
	float:right;
	height: 195px;
	padding-top:13px;
}

/* root element for the scroll pics */
.nav_scroller .nav_links {
	height:20000px;
	position:absolute;
}

.nav_links ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

/* single scroll item */
.nav_links li {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#666;
	float:left;
	cursor:pointer;
	width:180px;
	height:24px;
	margin:0px;
}

/* possible settings for the active scroll */
#nav_scroller.active {

}

/* -------------------------------------------------------------------------- */




/* ## OVERLAY START ## */

/*# the main overlayed element #*/
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(/images/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:550px;		
	
	/* some padding to layout nested elements nicely  */
	padding:0px 35px 35px 35px;
	margin-top:-10px;

	/* a little styling */	
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	color:#666;
}

/* default close button positioned on upper right corner */
.apple_overlay div.close {
	background-image:url(/images/close.png);
	position:absolute; right: 10px; top: -15px;
	cursor:pointer;
	height:35px;
	width:35px;
	margin-top:10px;
}

/*# the sub overlayed element #*/
.apple_overlay_sub {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(/images/white-540x500.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:540px;
	
	/* some padding to layout nested elements nicely  */
	padding:40px;

	/* a little styling */	
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#666;
}

/* default close button positioned on upper right corner */
.apple_overlay_sub div.close {
	background-image:url(/images/close.png);
	position:absolute; right: 15px; top: -10px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* -------------------------------------------------------------------------- */


/* ## GALLERY START ## */

/* when there is no next or previous link available this class is added */
.disabled {
	visibility:hidden;		
}

/* the "information box" */
.info {
	display: block;
	padding:10px 15px;
	font-size:14px;
	width: 465px;
}
.info a {
	color: #fff;
	text-decoration: none;
}
.info a:hover, .info a:active {
	color: #A6323F;
	text-decoration: none;
}
.info h1 {
	font-size:16px;
	font-weight:bold;
}
.info strong {
	display:block;	
}

/* progress indicator (animated gif). should be initially hidden */
.progress {
	position:absolute;
	top:45%;
	left:50%;
	display:none;
}


/* -------------------------------------------------------------------------- */



/* ## CURSOR MESSAGE START ## */

p#vtip { 
	display: none; 
	position: absolute;
	z-index: 99999;
	margin-top: -20px;
	margin-left: 20px;
	background:url(/images/cursor-message.png) no-repeat;
	width: 186px;
	height: 45px;
}


/* -------------------------------------------------------------------------- */