/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

	
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


body { 
	font-size:100%;
	font-family: "Arial", Helvetica, sans-serif;
	margin-top:100px;
	}

p {
	color:#6d6e71;
	font:normal .74em "Arial", Helvetica, sans-serif;
	line-height:1.35em;
	margin-bottom:8px;
	}

#wrapper {
	margin:20px auto;
	text-align:left;
	width:616px;
	}
	
#cWrap {
	border:1px solid #bfc0c2;
	padding:4px 4px 3px 4px;
	}

#header {
	float:right;
	width:245px;
	}
		
	#subHead {
		float:right;
		}

	#header h1 {
		background:#fff url(images/ripple_design.jpg) 0 0 no-repeat;
		height:301px;
		width:66px;
		}
		
	#header h1 a {
		background-color:transparent;
		border:0;
		float:right;
		height:301px;
		text-indent:-9999px;
		width:66px;
		}
		
	#header img {float:left;}
	
	
	#boxNav {
		margin-top:4px;
		padding-top:8px;
		background-color:#456c95;
		width:66px;
		height:52px;
		}
		
		#boxNav li {
			list-style:none;
			text-align:center;
			padding-top:3px;
			letter-spacing:2px;
			}
		
		html>body #boxNav li {
			list-style:none;
			text-align:center;
			padding-top:2px;
			}
			
		#boxNav li a {
			color:#fbf7c2;
			font:normal 0.6em "Century Gothic", Helvetica, sans-serif;
			text-decoration:none;
			text-transform: uppercase;
			}
	
	
		#boxNav li a:hover {
			color:#26405c;
			font:normal .6em "Century Gothic", Helvetica, sans-serif;
			text-decoration:none;
			text-transform: uppercase;
			}
	
#header2 {
	float:right;
	width:66px;
	}
	
	#header2 h1 {
		background:#fff url(images/ripple_design.jpg) 0 0 no-repeat;
		height:301px;
		width:66px;
		}
		
	#header2 h1 a {
		background-color:transparent;
		border:0;
		float:right;
		height:301px;
		text-indent:-9999px;
		width:66px;
		}
		
	#header2 img {float:left;}
	

#preambul {
	float:left;
	padding:16px 25px 0 25px;
	width:300px;
	}
	a { text-decoration:none; }
	.subTitle {
		color:#92a061;
		font-size:1.1em;
		
		}
	a .subTitle:hover, a:hover .subTitle { text-decoration:underline; }
	#preambul p { line-height:1.30em; }
	
	
	
#imgGallery{ 
	float:left;
	width:540px;
	}

	#viewer {
		float:left;
		width:357px;
		}
	
	#thumb {
		float:right;
		width:175px;
		padding:0 4px;
		margin:0;
		}
	
		#top-right {margin-bottom:1px;}
	
		html>body #top-right {margin-bottom:4px;}
		
		#bottom-right {margin-bottom:0;}
		
		#imgGallery .subTitle { font-size:1.2em; letter-spacing:1px; }
		
		
		
#detail {
	margin-left:25px;
	margin-top:20px;
	width:200px;
	}
	
	#detail li {
		color:#6d6e71;
		list-style:none;
		font-size:.7em;
		padding-top:2px;
		}
		
#slider {
	color:#6D6E71;
	float:right;
	font-size:.85em;
	margin-right:20px;
	margin-top:-15px;
	width:120px;
	text-align:center;
	}
	
html>body #slider {
	color:#6D6E71;
	float:right;
	font-size:.8em;
	margin-right:20px;
	margin-top:-13px;
	width:120px;
	text-align:center;
	}
	
	#slider p, 
	#slider p a {
		color:#6D6E71;
		text-decoration:none;
		margin-bottom:0;
		font-size:0.9em;

		}
	
	html> body #slider p, 
			#slider p a {
		color:#6D6E71;
		text-decoration:none;
		margin-bottom:0;
		font-size:0.9em;
		}
		
	#slider ul {}
	
	#slider ul li {
		display:inline;
		list-style-type:disc;
		}
	
	#slider ul li a {
		text-decoration:none;
		border:0;
		}
	html> body #slider p a:hover, #slider p a:hover { color:#3A3B40; }
	
#footer {
	clear:both;
	margin-top:20px;
	}
	
#footer p {
	font:.7em "Century Gothic", Helvetica, sans-serif;
	text-align:center;
	letter-spacing:1px;
	}
	
	.subFoot {font-size:.85em; }
	
#footer p a {
	color:#6d6e71;
	text-decoration:none;
	}
#footer p .subFoot { letter-spacing:1px; }

/* NEW STYLE */
#bottomUnder { background:#CDD7BE url(images/under-bg.jpg) no-repeat; height:102px; width:536px; }
#bottomUnder #detail { margin-top:4px; padding-top:31px; width:190px; }
#bottomUnder #detail .subTitle { color:#92a061; }
#bottomUnder #slider { padding-right:179px; }
a.subtitle { color:#92A061; text-decoration:none; font-size:0.6em; }
a.subtitle:hover { text-decoration:underline; }