@charset "utf-8";
/*
Theme Name: CyanSys
Theme URI: http://mountmandalay.net/
Description: The Wordpress Version of CyanSys Web site by MountMandalay
Author: Myo Kyaw Htun and Myo Han Htun
Author URI: http://mountmandalay.net/
Tags: blue, custom header, fixed width, two columns
*/

/* CSS Document */
body{
	margin:0px auto;
	text-align:center;
	background:#fff url(main-bg.png) left top repeat-x;	
}
/* body layout */
#outer-wrapper{
	width:960px;
	margin:0px auto;
}
/* Heading */
#header-wrapper{
	text-align:left;
	padding:20px 0px 10px 0px;
}
	#logo-wrapper{
		width:240px;
		float:left;
	}
	#header-wrapper img{
		border:none;	
	}
	/* Menu Navigation */
	#navigation-wrapper{
		width:680px;
		float:right;
		padding:10px 0px 0px 0px;
	}
	
	#navigation-wrapper ul{
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		list-style:none;
	}
	
	#navigation-wrapper	li{
		font:14px Arial, Helvetica, sans-serif;
		margin:0px 0px 0px 0px;	
		padding:0px 0px 0px 10px;
		float:left;
	}

	#navigation-wrapper li.current_page{
		background:url(mnu-bg-left.png) left top no-repeat;	
	}

	#navigation-wrapper li a{
		padding:3px 10px 3px 0px;
		display:block;
		height:16px;
		color:#737373;
		text-decoration:none;
	}
	#navigation-wrapper li.current_page a{
		color:#fff;
		background:#59c9e6 url(mnu-bg-right.png) right top no-repeat;	
	}
	/* end of Menu Navagition */
/* Product images */
#product-wrapper{
	margin:0px auto;
	width:934px;
	padding:0px 0px 12px 0px;
	background:#000 url(product_bg.png) bottom left no-repeat;	
	
}
	
	#product-images{
		font-size:0px;	
		position:relative;
		height:293px;
		width:934px;
		left:0;
		top:0;
		margin-left:0px;
		margin-top:0px;
	}
	#product-images img{
		position:absolute;
		top:0;
		left:0;
		height:293px;
		width:934px;
		margin-top:0;
		margin-left:0;
	}
	#product-menu {
		background: url(product-menu-bg.png) left top repeat-x;
		height:31px;
	}
	
		#product-menu ul{
			margin:0px 0px 0px 2px;
			padding:0px 0px 0px 0px;
			background: url(product-menu-bg.png) left top repeat-x;
			list-style:none;
			font:13px Arial, Helvetica, sans-serif;
		}

		#product-menu ul li{
			float:left;
			padding:0px 2px 0px 0px;
			margin:0px 0px 0px 0px;
			background:url(product-menu-sep.png) right top repeat-y;
		}
		
		#product-menu ul li a{
			display:block;
			text-decoration:none;
			padding:11px 0px 4px 0px;
			width:231px;
			color:#777;
			text-shadow:-1px 1px 1px #fff;
			text-align:center;
			background:url(product-menu-bg.png) left top repeat-x;	
		}
		
		#product-menu ul li.far-right{
			background:none;
		}
		#product-menu ul li.far-right a{
			
		}
/* End of Product Images */
		.read-more{
			padding:5px 0px 5px 0px;
			text-align:right;
		}
		.read-more img{
			border:none;	
		}
		
/* The Content */
#content-wrapper{
	margin:0px auto;
	width:935px;
	background:#fff url(content-wrapper-bg.png) top right no-repeat;	
}		
	#main-content{
		margin:0px 20px 0px 20px;
		padding:10px 0px 0px 0px;
		text-align:left;
	}
		#main-content h1, #main-content h1 a.blue {
			margin:5px 0px 10px 0px;
			font:16px Arial, Helvetica, sans-serif;
			font-weight:bold;
			color:#1a8bc5;
			text-decoration:none;
		}
		.blue{
			color:#1a8bc5;	
		}
		#left-sidebar{
			width:690px;
			float:left;
		}
		#right-sidebar{
			width:180px;
			float:right;
		}
		.content{
			padding:5px 9px 10px 8px;	
			font:12px Arial, Helvetica, sans-serif;
			color:#666;
		}
		.content a{
			color:#1a8bc5;
		}
		#main-content h3{
			font:13px Arial, Helvetica, sans-serif;
			font-weight:bold;
			color:#888;
		}
		.orange{
			color:#ffa200;
		}
		.gray{
			color:#666;	
		}
		.green{
			color:#8ba72b;
		}
		.content ul{
			margin:5px 0px 10px 10px;
			padding:0px 0px 0px 10px;
		}
		
	.show-casing {
		
		padding:0px 0px 0px 2px;
	}
	
	.left-rounded{
		background:url(left-rounded.png) left top repeat-y;
		padding:0px 0px 0px 2px;
	}
		.right-rounded{
			background:url(right-rounded.png) right top repeat-y;
			padding:0px 2px 0px 0px;
		}
		
		.rows{
			background:url(dotted.png) bottom left repeat-x;
			padding:0px 0px 3px 0px;
			line-height:1.5em;
		}
		
		.left-columns{
			
			padding:5px 10px 5px 10px;
			width:230px;
			float:left;
		}
		.main-right-columns{
			width:420px;
			float:right;
			
		}
		.right-columns{
			background:url(dotted.png) left top repeat-y;
			width:600px;
			padding:5px 10px 5px 10px;
			float:right;
		}
		.right-columns-no{
			width:600px;
			padding:5px 10px 5px 10px;
			float:right;
		}
		
		.rows-nobottom{
			background:none;
			padding:0px 0px 3px 0px;
		}
		
		.product-title{
			display:block;
			font:13px Arial, Helvetica, sans-serif;
			margin:0px 0px 5px 0px;
			color:#1a8bc5;
			font-weight:bold;
		}
		.logo-columns{
			width:215px;
			padding:5px 0px 5px 0px;
			text-align:center;
			float:left;
			background:url(dotted.png) right top repeat-y;
		}
		.logo-columns-right{
			width:215px;
			padding:5px 0px 5px 0px;
			text-align:center;
			float:left;
			
		}
	.centered{
		text-align:center;
	}
	
	table{
		width:800px;
		margin:0px auto;
		text-align:left;
		
	}
	table th{
		background:#d6f0ff;
		padding:5px 10px 5px 10px;
	}
	table tr{
		
	}
	table td{
		padding:10px 10px 10px 10px;
		border:1px solid #d6f0ff;
	}
	.green{
		color:#accb31;
		display:block;
		margin:3px 0px 5px 0px;
	}
	.float-right{
		float:right;
		margin:10px 20px 10px 20px;
	}
	#navigation {
		padding:5px 0px 5px 0px;
	}
	#prev-nav{
		float:left;
		width:200px;
	}
	#next-nav{
		float:right;
		width:200px;
		text-align:right;
	}
	
	/* contact form */
	#comment-form-wrapper {
						
					}
						
						#comment-form-wrapper input.textbox {
							background:#fafafa;
							border:1px solid #ddd;
							font:11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
							padding:2px 2px 2px 2px;
							height:16px;
							width:200px;
						}
							#comment-form-wrapper input.button{
								background:#f9f9f9;
								border:1px solid #ddd;
								font:11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
								padding:3px 5px 3px 5px;
							}
							#comment-form-wrapper textarea{
								background:#fafafa repeat left top;
								border:1px solid #ddd;
								
								font:11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
								padding:2px 2px 2px 2px;
								width:500px;
							}
							
							#comment-form-wrapper input#author {
								background:#fafafa url(vcard.png) no-repeat 2px 1px;
								padding-left:22px;
							}	
								
							#comment-form-wrapper input#email {
								background:#fafafa url(email.png) no-repeat 2px 2px;
								padding-left:22px;
							}
							#comment-form-wrapper input#url {
								background:#fafafa url(world_link.png) no-repeat 2px 2px;
								padding-left:22px;
							}	
							
							#message-sent{
								background:#d6f0ff;
								padding:10px 10px 10px 10px;
							}
	
/* The Footer */
	#footer-wrapper{
		background:#d2edf5;	
		text-align:center;
	}
	
	#footer{
		margin:0px auto;
		width:900px;
		padding:10px 20px 30px 20px;
		text-align:left;
		font-family: Arial, Helvetica, sans-serif;
		color:#8a8a8a;
	}
	#footer ul{
		margin:0px 0px 20px 0px;
		padding:0px 0px 0px 0px;
		font-size:13px;
		font-weight:bold;
		list-style:none;
	}
	#footer ul li{
		margin:0px 10px 0px 0px;
		padding:0px 0px 0px 0px;
		float:left;
	}
		#footer li a{
			text-decoration:none;
			color:#5aa5cc;
		}
		.credit{
			font-size:12px;
			padding:0px 0px 0px 0px;	
		}
		.credit a{
			color:#8a8a8a;
			text-decoration:none;
		}
	.clear{
		clear:both;
	}