/*
Theme Name: Top Solution Inc.
Theme URI: http://www.iconvex.com/
Description: The Top Solution Inc. theme was designed by <a href="http://www.iconvex.com/">ICONVEX, Inc.</a>.
Version: 1.0
Author: ICONVEX, Inc.
Author URI: http://www.iconvex.com/
*/

@charset "utf-8";
/* CSS Document */

	#wrapper{
		background:url(images/bg.jpg) repeat-x;
	}
	
/* ===============================
   Masthead
   =============================== */	
	#masthead{
		height:110px;
		min-height:110px;
	}
	
	#logo{
		float:left;
		display:inline;
		background:url(images/logo.jpg) no-repeat;
		margin:0px 0 0 10px;
	}
	#logo a{
		display:block;
		height:85px;
		width:150px;
	}
	#masthead #right{
		float:right;
		margin:20px 10px 0 0;
		display:inline;
	}
	#smallmenu {
		color:#ccc;
		font-size:11px;
		float:left;
		margin:3px 10px 0 0;
	}
	#smallmenu a, #smallmenu a:visited{
		color:#333;
	}
	#smallmenu a:hover{
		color:#933;
	}
	#search{
		background:url(images/search_bg.gif) no-repeat;
		padding:4px 10px 4px 7px;
		border:0;
		height:14px;
		width:132px;
		color:#666;
	}
	#search_button{
		background:url(images/search_button.gif) no-repeat;
		height:22px;
		width:35px;
		float: left;
		cursor: pointer;
	}
/* ===============================
   Menu Item
   =============================== */	
	
	#menubar{
		height:35px;
		text-align: left;
		background:url(images/menu_bg.gif) repeat-x;
		width:940px;
	}
	
	#menu_item{
		float:left;
		width:940px;
		background-color:#fff;
		background:url(images/menu_bg.gif) repeat-x;
	}
	#menu_item ul li,#menu_item ul li a{
		display:inline-block;
		border: 0;
		float: left;
		height:35px;
		margin:0 1px 0 0;
	}
	
	/*home*/
	#menu_item ul li.home a{
		background: url(images/nav_home.gif) left top;
		width: 110px;
	}
	#menu_item ul li.home a:hover, #menu_item ul li.home a.active{
		background:url(images/nav_home.gif) left bottom;
	}

	/*products*/
	#menu_item ul li.products a{
		background: url(images/nav_products.gif) left top;
		width: 130px;
	}
	#menu_item ul li.products a:hover, #menu_item ul li.products a.active{
		background:url(images/nav_products.gif) left bottom;
	}
	
	/*our_customers*/
	#menu_item ul li.our_customers a{
		background: url(images/nav_ourcustomers.gif) left top;
		width: 178px;
	}
	#menu_item ul li.our_customers a:hover, #menu_item ul li.our_customers a.active{
		background:url(images/nav_ourcustomers.gif) left bottom;
	}

	/*showcase*/
	#menu_item ul li.showcase a{
		background: url(images/nav_showcase.gif) left top;
		width: 135px;
	}
	#menu_item ul li.showcase a:hover, #menu_item ul li.showcase a.active{
		background:url(images/nav_showcase.gif) left bottom;
	}

	/*why_choose_us*/
	#menu_item ul li.why_choose_us a{
		background: url(images/nav_whychooseus.gif) left top;
		width: 185px;
	}
	#menu_item ul li.why_choose_us a:hover, #menu_item ul li.why_choose_us a.active{
		background:url(images/nav_whychooseus.gif) left bottom;
	}

	/*contact_us*/
	#menu_item ul li.contact_us a{
		background: url(images/nav_contactus.gif) left top;
		width: 150px;
	}
	#menu_item ul li.contact_us a:hover, #menu_item ul li.contact_us a.active{
		background:url(images/nav_contactus.gif) left bottom;
	}


/* ===============================
   Banner
   =============================== */	
	#banner_home{
		width:1060px;
		margin:45px auto 0 auto;
	}
   
	#screen{
		height:372px;
		background:url(images/banner_bg.jpg) no-repeat 20px bottom;
	}
	#screen .imagearea{
		float:left;
		overflow: hidden;
		visibility: visible;
		position: relative;
		z-index: 2;
		left: 0px;
	}
	
	#screen .imagearea ul{
		position: relative;
		z-index: 1;
		width: 940px;
	}
	#screen .imagearea ul li{
		overflow: hidden;
		float: left;
		width: 940px;
		height: 340px;
	}
	#screen .imagearea ul li img{
		width: 940px;
		height: 340px;
	}
	.prev, .next {
		display:inline-block;
		width:40px;
		height:40px;
		border:0;
		float:left;
		margin-top:150px;
	}
	.prev {
		background:url(images/leftarrow_out.gif) no-repeat;
		margin-right:20px;
		}
	.prev_hover{
		background:url(images/leftarrow_over.gif) no-repeat;
	}
	
	.next {
		background:url(images/rightarrow_out.gif) no-repeat;
		margin-left:20px;
	}
	
	.next_hover {
		background:url(images/rightarrow_over.gif) no-repeat;
	}

	
/* ===============================
   Main Content
   =============================== */		
	
	#mainContent{
		margin-top:25px;
	}
	
	.ColorsEdges_button{
		margin-bottom:25px;
		text-align:center;
	}
	
	.home_section{
		border:solid 1px #ccc;
		width:262px;
		padding:18px;
		margin:0px 10px 40px 10px;
		display:inline;
		float:left;
		line-height:20px;
		color:#333;
	}
	
	.home_section p img{
		margin-bottom:15px;
	}

	.home_section h1 img{
		margin-bottom:10px;
	}
	
	.visit a, .visit a:visited{
		text-decoration:underline;
		color:#666;
		display:inline-block;
		margin:20px 0px 0px 0px;
	}
	
	.visit a:hover{
		color:#933;
		text-decoration:none;
	}
	
	#foot_section{
		border:solid 1px #ccc;
		width:898px;
		padding:20px;
		margin:0 10px;
	}	
	
	#foot_section .content{
		width:610px;
		float:left;
		margin-left:20px;
		line-height:22px;
		font-size:13px;
		letter-spacing:1px;
	}
	
	#foot_section .content h1{
		margin-bottom:10px;
	}
	
/* ===============================
   Footer
   =============================== */		
   
   #footer{
   		clear:both;
   		background:url(images/footer_bg.jpg) repeat-x left 10px;
		background-color:#fff;
		margin-top:50px;
		text-align:center;
		height:217px;
	}
	#foot_menu {
		width:940px;
		margin:15px auto 15px auto;
	}
	
	#foot_menu a, #foot_menu a:visited{
		display:inline-block;
		margin:0 10px;
		text-transform:uppercase;
		text-decoration:none;
		color:#ccc;
		text-align:center;
	}
	
	#foot_menu a:hover{
		color:#901C25;
	}
	
	#copyright{
		clear:both;	
		font-size:11px;
		color:#666;
	}
/* ===============================
   sitemap
   =============================== */
	ul#sitemap{
		margin-left:0px;
	}
	
	ul#sitemap li{
		padding:10px 0;
		color:#933;
		font-size:13px;
	}
	
	ul#sitemap li a,ul#sitemap li a:visited {
		color:#933;
		display:inline-block;
		line-height:20px;
		text-decoration:none;
		text-transform:none;
		font-size:15px;
		font-weight:normal;
		font-family:Helvetica,Arial,  sans-serif;
	}	
	
	ul#sitemap li a:hover{
		color:#333;
	}
	ul#sitemap li ul {
		margin-left:25px;
		margin-bottom:5px;
		margin-top:5px;
	}
	
	ul#sitemap li ul li{
		padding:0px 0;
		color:#666;
	}
	
	ul#sitemap li ul li a, ul#sitemap li ul li a:visited{
		color:#333;
		display:inline-block;
		line-height:15px;
		text-decoration:none;
		text-transform:none;
		background:url(images/bullet.gif) no-repeat left 9px;
		padding:5px 15px;
		font-size:13px;
		font-weight:normal;
	}
	
	ul#sitemap li ul li a:hover{
		color:#933;
	}