/* 
	CSS Settings for Nusamandala
	©2009 NCT
	Author: Kohee 
*/

/* HEADER/MENU LAYOUT SETTINGS */

#header {
	width: 1000px;
	height: 120px;
	background: url(images/bg_header.jpg) #00c6ff;
	}

#menu {
	width: 998px;
	height: 30px;
	background-color: #c0c0c0;
	border: 1px solid #c0c0c0;
	}
	
	.menu_spacer {
		width: 15px;
		height: 30px;
		float: left;
		}	
	
	.menu_left {
		width: 224px;
		height: 23px;
		float: left;
		background-color: #dfdfdf;
		padding-top: 7px;
		}		
	
	.menu_center {
		width: 505px;
		height: 30px;
		float: left;
		font: normal 11px/15px arial, helvetica, sans-serif;
		color: #707070;
		display: inline;
		}
		
		.menu_home {
			width: 100px; height: 30px; float: left; border-right: 1px solid #c0c0c0; overflow: hidden;
			background: url(images/btn_home.gif) top left no-repeat; display: block;
			}
			.menu_home:hover { background-position: bottom left; }
		.menu_profile {
			width: 100px; height: 30px; float: left; border-right: 1px solid #c0c0c0; overflow: hidden;
			background: url(images/btn_profile.gif) top left no-repeat; display: block;
			}
			.menu_profile:hover { background-position: bottom left; }
		.menu_products {
			width: 100px; height: 30px; float: left; border-right: 1px solid #c0c0c0; overflow: hidden;
			background: url(images/btn_products.gif) top left no-repeat; display: block;
			}
			.menu_products:hover { background-position: bottom left; }
		.menu_services {
			width: 100px; height: 30px; float: left; border-right: 1px solid #c0c0c0; overflow: hidden;
			background: url(images/btn_services.gif) top left no-repeat; display: block;
			}
			.menu_services:hover { background-position: bottom left; }
		.menu_contact {
			width: 100px; height: 30px; float: left; border-right: 1px solid #c0c0c0; overflow: hidden;
			background: url(images/btn_contact.gif) top left no-repeat; display: block;
			}
			.menu_contact:hover { background-position: bottom left; }
			
	.menu_right {
		width: 239px;
		height: 23px;
		float: left;
		background-color: #dfdfdf;
		padding-top: 7px;
		}	
		
/* FOOTER SETTINGS */
#footer {
	width: 1000px;
	height: 60px;
	float: left;
	background: #00c6ff;
	text-align: left;
	}

	.footer_content {
		width: 980px;
		padding: 10px;
		font: normal 11px/11px arial, helvetica, sans-serif;
		color: #555;
		}

/* HOME LAYOUT SETTINGS */

#content {
	width: 100%;
	background: #fff; 
	text-align: left;
	}
	
	.content_spacer {
		width: 14px;
		float: left;
		}
	
	.left_column {
		width: 224px;
		height: 450px;
		float: left;
		border: 1px solid #c0c0c0;
		background: #dedede;
		}
		
	.mid_column {
		width: 503px;
		height: 450px;
		float: left;
		border: 1px solid #c0c0c0;
		}
		
		.mid_content {
			padding: 20px 5px 5px 5px;
			float: left;
			}
		
		.mid_column_l {
			width: 200px;
			float: left;
			}
			
		.mid_column_r {
			width: 200px;
			float: left;
			}
		
	.sidebar {
		width: 238px;
		height: 450px;
		float: right;
		background: #fff;
		border: 1px solid #c0c0c0;
		}
		
		.sidebar_content {
			padding: 20px 5px 5px 5px;
			float: left;
			}
		
	.subtitle {
		width: 98%;
		height: 25px;
		float: left;
		background: #00c6ff;
		padding: 5px 0 0 5px;
		font: 12px/17px arial, helvetica, sans-serif;
		font-weight: bold;
		color: #fff;
		}
		
	.subtitle_mid {
		width: 99%;
		height: 25px;
		float: left;
		background: #00c6ff;
		padding: 5px 0 0 5px;
		font: 12px/17px arial, helvetica, sans-serif;
		font-weight: bold;
		color: #fff;
		}
		
/* PRODUCTS INFO DETAILS */
	
#product_icon_placement {
	width: 214px;
	}
	
	.product_icon_blower {
		width: 50px; height: 50px; float: left; margin: 5px 10px 5px 0; overflow: hidden; float: left;
		background: url(images/icon_blower.gif) #fff top left no-repeat; display: block;	}
		.product_icon_blower:hover { background-position: bottom left; }
		
		.product_icon_axial {
			width: 50px; height: 50px; float: left; margin: 5px 10px 5px 0; overflow: hidden; float: left;
			background: url(images/icon_axial.gif) #fff top left no-repeat; display: block;	}
			.product_icon_axial:hover { background-position: bottom left; }
			
		.product_icon_centrifugal {
			width: 50px; height: 50px; float: left; margin: 5px 10px 5px 0; overflow: hidden; float: left;
			background: url(images/icon_centrifugal.gif) #fff top left no-repeat; display: block;	}
			.product_icon_centrifugal:hover { background-position: bottom left; }
			
		.product_icon_roof {
			width: 50px; height: 50px; float: left; margin: 5px 10px 5px 0; overflow: hidden; float: left;
			background: url(images/icon_roof.gif) #fff top left no-repeat; display: block;	}
			.product_icon_roof:hover { background-position: bottom left; }
		
	.product_icon_compressor {
		width: 50px; height: 50px; float: left;	margin: 5px 10px 5px 0; overflow: hidden; float: left;
		background: url(images/icon_compressor.gif) #fff top left no-repeat; display: block;	}
		.product_icon_compressor:hover { background-position: bottom left; }
		
	.product_icon_hydraulic {
		width: 50px; height: 50px; float: left;	margin: 5px 10px 5px 0; overflow: hidden; float: left;
		background: url(images/icon_hydraulic.gif) #fff top left no-repeat; display: block;	}
		.product_icon_hydraulic:hover { background-position: bottom left; }
		
	.product_icon_pump {
		width: 50px; height: 50px; float: left; margin: 5px 10px 5px 0; overflow: hidden; float: left;
		background: url(images/icon_pump.gif) #fff top left no-repeat; display: block;	}
		.product_icon_pump:hover { background-position: bottom left; }
		
	.product_icon_boiler {
		width: 50px; height: 50px; float: left; margin: 5px 10px 5px 0; overflow: hidden; float: left;
		background: url(images/icon_boiler.gif) #fff top left no-repeat; display: block;	}
		.product_icon_boiler:hover { background-position: bottom left; }
	
	.product_icon_text {
		width: 50px;
		float: left;
		margin: 0 10px 5px 0;
		text-align: center;
		}
		
#products_details {
	width: 560px;
	height: 100%;
	background: #fff;
	}
	
	.products_details_title_placement {
		width: 560px;
		height: 20px;
		background-color: #00c6ff;
		font: bold 11px/15px arial, helvetica, sans-serif;
		color: #fff;
		}
	
	.products_details_image_placeholder {
		width: 175px;
		float: left;
		padding: 0px 5px 0px 5px;
		background-color: #fff;
		overflow: hidden;
		}
	
	.products_details_content_placement {
		width: 175px;
		float: left;
		padding: 0px 5px 0px 5px;
		background-color: #fff;
		font: normal 11px/15px arial, helvetica, sans-serif;
		color: #707070;
		}
	
	.products_details_dropdown {
		width: 580px;
		}

/* BASIC SETTINGS */

html, body {
	background: #fff;
	width: 1000px;
	height: 100%;
	min-height: 100%;	
	margin: 0 auto;
	font: 11px/15px arial, helvetica, sans-serif;
	color: #555;
	text-align: center;
	}
	
a:link {
	font: 11px/15px arial, helvetica, sans-serif;
	text-decoration: none;
	color: #0088d5;
	}

	a:visited {
		text-decoration: none;
		color: #0088d5;
		}

	a:hover {
		text-decoration: none;
		color: #00c6ff;
		}

ul {
	padding-left: 18px;
	margin: 0px;
	list-style: url("images/icon_gear.gif");
	}

li {
	padding: 2px 0px 2px 0px;
	font: normal 11px/15px arial, helvetica, sans-serif;
	color: #707070;
	text-align: left;
	}
	
br {
	clear: both;
	}

.horiz_line {
	border: 1px solid #888;
	}
	
/* STANDARD FONT SETTINGS */

font.default {
	font: normal 11px/15px arial, helvetica, sans-serif;
	color: #707070;
	}