/*
SAM Mediadesign
Ontwikkeld door: 	Sead Memic
Project:			Aphrodite Marble Centre
Website:			www.aphroditemarble.nl
*/

/*Padding and margin reset*/
	html, body, p, dl, dt, dd, h1, h2, h3, h4, h5, h6, blockquote, address, form, fieldset { margin:0; padding:0; list-style:none; font-style:normal; border:none;}
	img 	{ border:none;}
	a 		{ text-decoration:none;}
	a:hover { text-decoration: underline;}
	
/*General*/
	body 					{ background: #4A8AA6; color: #333; font-family: Georgia, Arial, Helvetica, sans-serif;}
	h1, h2, h3, h4, h5, h6 	{ font-size: 1.5em; }
	p						{ margin-top: 10px;}
	#content p a			{ text-decoration: none; color: #4A8AA6; border-bottom: 1px dashed #333;}
	#content p a:hover		{ text-decoration: none; border-bottom: 1px solid #333;}
	#content p a:visited	{ text-decoration: none; color: #4A8AA6; border-bottom: 1px dashed #333;}
	
/*Layout*/
	#site					{ margin: 0 auto; width: 884px; min-height:560px; height:auto !important; height:560px; margin-top: 10px; background: #fff url(images/meandros.gif) top left no-repeat; padding: 25px 10px 15px 10px; overflow:auto;}
	
	#logo					{ float:left;}
	#credo					{ float:left; width:560px; color:#5E9BB7; font-size:25px; text-align:right;}
	#credo p				{ margin:0;}
	
	#menu					{ clear:both;}
	
	#left					{ clear:both; float:left; }
		#header				{ width:675px; height:148px; border:1px solid #407287; margin-top:12px; *margin-top:-13px;}
		#breadcrumb			{ font-size:11px; color:#333; margin-top:12px; margin-left:5px; font-family:Arial, Helvetica, sans-serif; letter-spacing:0.05em;}
		#content			{ width: 645px; padding: 15px; border: 1px solid #C5D4DB; float: left; letter-spacing: 0.08em; line-height: 1.8em; font-size: 0.78em; background-color: #fff; margin-top:12px;}
	
	#right					{ float:left; width:180px;  margin-top:8px; margin-left:15px; *margin-top:-15px;}
		#news				{ height:112px; border:1px solid #87B4C9; padding:5px 12px; font-family:Arial, Helvetica, sans-serif; letter-spacing:0.05em; overflow:hidden;}
		#search				{ margin:8px 0px;}		
		#right p			{ width: 178px; border: 1px solid #87B4C9; clear:both; margin-top:39px;}
		
	
	#footer					{ margin: 0 auto; width: 904px; text-align:center; color: #fff; letter-spacing: 0.1em; font-size: 0.75em; clear: both;}
		#footer-menu		{ height: 85px; padding-top: 25px; background: #4A8AA6 url(images/meandros.gif) top left no-repeat;}
		#footer-contact		{ height: 35px; background: #4A8AA6 url(images/meandros.gif) top left no-repeat; padding-top: 20px;}
		#footer-text		{ border-top: 1px solid #BBD4E0; padding-top: 4px;}	


/*Links*/
	#menu ul				{ list-style:none; margin:0; padding:0;}
	#menu li				{ margin-right:8px; margin-top:15px; *margin-top:0px; font-size: 0.75em; text-align: right; float: left;}
	#menu li a				{ padding-right: 10px; color: #fff; display: block; background: url(images/menu-link.gif); width: 83px; height: 30px;  font-family: Georgia , Arial, Helvetica, Times, serif; text-transform: capitalize;}
	#menu li a:hover,
	#menu li a.current		{ color: #fff; text-decoration:none; background: url(images/menu-hover.gif);}
	
	#menu li ul 			{ display: none; width: 107px;}
	#menu li ul li			{ margin:0;}
	#menu li:hover ul		{ display: block; position: absolute; padding: 0; margin: 0; }
	#menu li ul li a 		{ padding-right:10px; padding-top:8px; width: 80px; height:35px; _width: 79px; font-weight: normal; font-size: 11px; background-image: none; background-color: #5E9BB7; text-align: right; border-top: 1px solid #fff; letter-spacing: 0px;}
	#menu li ul li a:hover	{ text-decoration: underline; background:#666; color:#fff; border-top: 1px solid #fff;}	
	
	#menu li:hover ul ul	{ display:none; }
	
	#footer-menu ul			{ list-style:none; margin:0; padding:0;}
	#footer-menu li			{ margin: 0 0 0 10px; font-size: 1.6em; text-align: right; float: left; text-transform: uppercase; font-style: italic; font-weight: 900;}
	#footer-menu li a		{ padding: 10px 6px 0 0; color: #fff; display: block; width: 158px; height: 60px; border: 2px solid #fff; font-family: Georgia, Arial, Helvetica, Times, serif;}
	
	#footer-menu li a:hover,
	#footer-menu li a.current	{ color: #333; text-decoration:none; border: 2px solid #333;}
	
	#article ul				{ list-style:none; margin:0; padding:0;}
	#article li				{ margin: 8px 0 0 6px; font-size: 0.8em; text-align: right; float: left; text-transform: uppercase; font-style: normal; font-weight: normal;}
	#article li a			{ padding: 10px 6px 0 0; color: #fff; display: block; width: 155px; height: 28px; border: 2px solid #fff; background: #5898B4;}
	
	#article li a:hover,
	#article li a.current	{ color: #333; text-decoration:none; border: 2px solid #333;}
	
	#breadcrumb a			{ color:#333; text-decoration:underline;}		
	#breadcrumb a:hover		{ color:#000;}		

	#news h3 a				{ color:#333; text-decoration:underline; font-weight:normal;}		
	#news h3 a:hover		{ color:#000;}		
	
	#footer a				{ text-decoration: none; color: #fff; }
	#footer a:hover			{ text-decoration: none; color: #333333;}
	#footer a:visited		{ text-decoration: none; color: #fff;}
	
	#content a				{ text-decoration:none; color:#5898B4; border-bottom:1px dotted #333;}
	#content a:hover		{ text-decoration:none; color:#333; border-bottom:1px solid #333;}
	
	#content table a		{ text-decoration:none; color:#5898B4; border-bottom:none;}
	#content table a:hover	{ text-decoration:none; color:#333; border-bottom:none;}
		
	#content a img			{ border:1px solid #ccc; padding:2px;}
	#content a:hover img	{ border:1px solid #000; padding:2px;}

/*News*/
	#right h2				{ font-size:24px; color:#5E9BB7; font-weight:normal;}
	#news h3				{ font-size:11px; text-decoration:underline; color:#333; margin:2px 0px;}
	.news-date				{ font-size:11px; color:#5E9BB7; font-weight:bold; display:block; margin-top:4px; *margin-top:7px;}
	
/*Search*/
	#string					{ width:130px; height:15px; border:1px solid #87B4C9; padding:2px; color:#333; font-size:11px; float:left;}
	#button					{ width:40px; height:21px; background-color:#5E9BB7; color:#fff; border:none; float:left; margin-left:4px;}
	#button:hover			{ cursor:pointer;}

/*Various*/
	#vloeren				{ background: url(http://www.aphroditemarble.nl/media/footer/vloeren.jpg);}
	#mozaik					{ background: url(http://www.aphroditemarble.nl/media/footer/mozaik.jpg);}
	#badkamer				{ background: url(http://www.aphroditemarble.nl/media/footer/badkamer.jpg);}
	#zwembad				{ background: url(http://www.aphroditemarble.nl/media/footer/zwembad.jpg);}
	#tuinen					{ background: url(http://www.aphroditemarble.nl/media/footer/wand.jpg); }
	
	.bold					{ font-weight: bold;}
	.vloeren img			{ border: 1px solid #ccc;}
	
	#content table			{ }
	#content img		{ padding:2px; border:1px solid #ccc; max-width:640px;}

/*Vloeren*/
.menu-top {
	list-style-type:none;
	margin-left:0;
	margin-top:30px;
	padding:0;
	clear:right;
	overflow:hidden;
}

.menu-top li {
	float:left;
	margin-right:22px;
	margin-bottom:22px;
	list-style:none;
}

#content .menu-top li a {
	display:block;
	font-size:25px;
	color:#294F5F;
	min-width:150px;
	background:#4A8AA6 url(images/vloeren_bg_hover.png) left top repeat-x;
	padding:8px 20px;
	font-weight:normal;	
	border-bottom:none;
	text-align:center;
}

#content .menu-top li a:hover {	
	background:#4A8AA6 url(images/vloeren_bg.png) left top repeat-x;
	color:#fff;
}

#content .menu-top li a span {
	display:block;
	font-size:11px;
	font-weight:normal;
	font-style:italic;
	text-align:center;
	margin-top:5px;
	color:#fff;
}

/* Highslide */
.highslide .thumbnail {
	width:150px;
	height:150px;
}