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

/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	background: white;
}

ol, ul {
	list-style: none;
}

p{
	margin-top: .5em;
	margin-bottom: .3em;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}




/*
-------------------
BODY ELEMENTS
-------------------
*/

	body {
		margin: 0; padding: 0; text-align: left; background: #000000 url(../../img/bg_page.gif) left top repeat; 
		}

	#wrapper {
		width: 900px;
		margin-left:auto; margin-right:auto;
		margin-top: 10px;
		text-align: left;
		}	
	#content_wrapper {
		width: 900px;
		margin: 1px 0 0 0; padding:0;
		text-align: left;
		}				
		p.clear {clear:both;}


/*
-------------------
HEADER ELEMENTS
-------------------
*/


	/* Header Layout */
	
	#header{
		margin: 0;
		padding: 0;
		text-align: left;
		width: 900px; height: 100px;
		}

	/* Logo */
	
	#logo{
		position: absolute;
		margin-left:350px;
		width:200px; height:100px;
		z-index: 10;
		}
		
		
	#logo h1 a{
		position:absolute;
		display:block;
		float:left;
		text-indent:-5000em;
		background:url(../../img/logo.jpg) left top no-repeat;
		width:200px; height:100px;
		}

	/* Menu */

			
	#menu {
		position:relative;
		height: 43px; width:900px; padding-top: 57px;

		}
		#menu li { display: inline; text-align:left;}
		#menu li a { color: #000000; height:43px; padding:0; margin:0; display:block; float:left; text-indent:-5000em;}
		#menu li.mn_home a {background: url(../../img/mn_home.gif) 0 0 no-repeat; width:110px;}
		#menu li.mn_aboutus a {background: url(../../img/mn_aboutus.gif) 0 0 no-repeat; width:110px;}
		#menu li.mn_services a {background: url(../../img/mn_services.gif) 0 0 no-repeat; width:110px;}
		#menu li.mn_blank {background: url(../../img/mn_blank.gif) 0 0 no-repeat; width:240px; height:43px; padding:0; margin:0; display:block; float:left; text-indent:-5000em;}
		#menu li.mn_portfolio a {background: url(../../img/mn_portfolio.gif) 0 0 no-repeat; width:110px;}
		#menu li.mn_blog a {background: url(../../img/mn_blog.gif) 0 0 no-repeat; width:110px;}
		#menu li.mn_reachus a {background: url(../../img/mn_reachus.gif) 0 0 no-repeat; width:110px;}
		#menu li.mn_home a:hover, #menu	li.mn_aboutus a:hover, #menu li.mn_services a:hover, #menu li.mn_portfolio a:hover, #menu li.mn_blog a:hover, #menu li.mn_reachus a:hover{
		background-position:0 -43px;
		}
		#menu li.mn_home a.down, 
		body#gallery #menu li.gallery a, 
		body#products #menu li.products a, 
		body#news #menu li.news a, 
		body#contactus #menu li.contactus a { 
			background-position:0 -86px; 
			}

		#img_home {
			width: 900px; height:240px; margin: 0; padding:0; position:relative;
			background:  url(../../img/bg_img_home.jpg) bottom right no-repeat;
			}
			#img_home .content {padding:170px 0 0 700px;}
/*
-------------------
CONTENT ELEMENTS
-------------------
*/

	#main_wrapper {
		width: 900px; padding: 0; margin: 0;
		}

		a.button_1:link, a.button_1:visited {			
			font-family:"Trebuchet MS", Verdana, Arial, sans-serif; font-size:12px; color:#000000; text-decoration:none;
			background: url(../../img/btt_style_1.gif) 0 0 no-repeat; 
			width:131px; height:22px; padding:0 0 0 10px; margin:10px 10px; display:inline-block;
			text-align:left; line-height:22px;
			letter-spacing:1px;
			}
		a.button_1:hover, a.button_1:active {
			text-decoration:none; color: #FFFFFF; background-position:0 -22px; 
			}		
/* Sidebar */	
	
	#LeftBar {
		float: left; 
		width: 270px; 
		margin: 0; padding: 0; text-align: left;
		font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size:12px; color: #FFFFFF;
		}
			#LeftBar h1 {
				font-size: 20px; font-family:"Trebuchet MS", Verdana, Arial, sans-serif; font-weight:bold;
				color:#FFFFFF; padding: 0 0 10px 10px;  line-height:40px; letter-spacing: 2px;
				background: url(../../img/bg_leftbar_home.jpg) top left no-repeat;
				}		
			ul#services  {
				padding: 0 10px 0 5px; text-align:left; margin: 0 0 15px 30px;
				} 			
			ul#services li {
				list-style-image: url(../../img/bllt_arrow_1.gif); list-style-position: outside; list-style-type: none;
				font-size:12px; line-height:20px;
				border-bottom: 1px solid #333333;
				}		
				ul#services a:link, ul#services a:visited { color:#999999; text-decoration: none; padding-top:5px; display:block;}
				ul#services a:hover, ul#services a:active { color:#FFFFFF; text-decoration: none;}		
				
	#CenterBar {
		float: left; 
		width: 360px; 
		margin: 0; padding: 0; text-align: left;
		}
			#CenterBar h1 {
				font-size: 20px; font-family:"Trebuchet MS", Verdana, Arial, sans-serif; font-weight:bold;
				color:#FFFFFF; padding: 0 0 10px 10px;  line-height:40px; letter-spacing: 2px;
				background: url(../../img/bg_centerbar_home.jpg) top left no-repeat;
				}		
			#slider {
				width: 318px;
				margin: 0 auto;
				text-align:center;
				position: relative;
				border: 1px solid #000000; 
				}
			.scroll {
				height: 150px; width: 280px; overflow: auto; overflow-x: hidden;
				position: relative; clear: left; padding:10px 0;
				margin:0 19px;				
				}
			.scrollContainer div.panel {
				margin:0 auto; 	width: 280px; 
				}
			.scrollButtons {
				position: absolute; top: 60px; cursor: pointer;
				z-index: 100;
				}
			.scrollButtons.left {
				left: -15px;
				}			
			.scrollButtons.right {
				right: -15px;
				}			
			.hide {
				display: none;
				}	
			
			
	
	#RightBar {
		float: right; 
		width: 270px; 
		margin: 0; padding: 0 0 0 0; text-align: left;
		font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color: #CCCCCC; line-height:17px;
		}
			#RightBar h1 {
				font-size: 20px; font-family:"Trebuchet MS", Verdana, Arial, sans-serif; font-weight:bold;
				color:#FFFFFF; padding: 0 0 10px 10px;  line-height:40px; letter-spacing: 2px;
				background: url(../../img/bg_rightbar_home.jpg) top right no-repeat;
				}		
		#news {
			padding: 0 10px 0 10px; margin: 0; text-align: left;			
			}
			#news p{ padding-bottom: 10px;}

			#news .date {
				font-family:"Trebuchet MS", Verdana, Arial, sans-serif; font-size:10px; color: #FFFFFF; word-spacing:1px;
				letter-spacing: 1px; border-bottom: 1px solid #333333;
				} 	
				#news a:link, #news a:visited { color:#CCCCCC; text-decoration: none;}
				#news a:hover, #news a:active { color:#FFFFFF; text-decoration: none;}		
				
				
				

	
/*
-------------------
FOOTER ELEMENTS
-------------------
*/

/* footer Starts */
	
	#footer_wrapper {
		width: 900px;	
		background: url(../../img/bg_footer.jpg) top left no-repeat;
		clear:both;
		margin: 10px 0;
		}
	#footer_menu {
		font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 11px; color: #FFFFFF;
		line-height: 30px; text-align:center; word-spacing: 2px; letter-spacing:1px;
		}
		#footer_menu a:link, #footer_menu a:visited {
			text-decoration:none; color: #FFFFFF;
			}
		#footer_menu a:hover, #footer_menu a:active {
			text-decoration:none; color: #CCCCCC;
			}				
	#footer {			
		font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 14px;
		padding: 20px 10px 80px 10px;
		}		
		#footer a:link, #footer a:visited {
			text-decoration:none; color: #CCCCCC;
			}
		#footer a:hover, #footer a:active {
			text-decoration:underline; color: #FFFFFF;
			}
				
		#footer #copyright {
			float:left;
			color: #CCCCCC; text-align: left;
			width: 290px;
			}
		#footer #links {
			float:left;
			color: #CCCCCC; text-align: center;
			width: 300px;
			}
		#footer #branding {
			float:left; width: 290px;
			color: #CCCCCC; text-align: right;
			font-size: 10px;
			}
			.valid { color: #CCCCCC;}

		#do_logo {position:relative; margin-left: 20px; width:31px; height:30px; position:relative; display:block; float:right;}		
		
		a.do_logo:link, a.do_logo:visited {
			position:relative; display:block;	
			text-indent:-5000em; text-align:left;
			background: url(../../img/logo_do.gif) 0 0 no-repeat; width:31px; height:30px;	 
			}
		
		a.do_logo:hover, a.do_logo:active {
			background-position:0 -30px;
			}				
		
/* Footer Ends */

/*  Begin Footer */

	/* Miscellaneous */
	.floatleft{ float:left !important; }
	.floatright{ float:right !important; }
	.left{ text-align:left !important; }
	.right{ text-align:right !important; }