/*
-------------------
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; margin:0; padding:0; line-height:0;}


/*
-------------------
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, #menu li.mn_aboutus a.down, #menu li.mn_services a.down, #menu li.mn_portfolio a.down, 
		#menu li.mn_blog a.down, #menu li.mn_reachus a.down { 
			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;}


		#img_page {
			width: 900px; height:170px; margin: 0; padding:0; position:relative;
			background:  url(../../img/bg_img_page.jpg) bottom right no-repeat;
			}
			#img_page .content {padding:120px 0 0 700px; position:relative;
				}
				#img_page img{position:relative;}
/*
-------------------
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 0; 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 */	
	
	
	#breadcrumb {
		background: url(../../img/bg_breadcrumb.jpg)top left no-repeat;
		color: #FFFFFF;
		padding: 10px 0 0 10px;
		margin: 0;
		font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 12px;
		height:20px; letter-spacing:1px;
		}
	
	#breadcrumb ul {
		margin: 0;
		padding: 0;
		display: inline;
		border: none;
		} 
	
	#breadcrumb ul li {
		margin-left: 0;
		padding-left: 2px;
		border: none;
		list-style: none;
		display: inline;
		}		
		#breadcrumb a:link, #breadcrumb a:visited { color:#CCCCCC; text-decoration: none;}
		#breadcrumb a.self:link, #breadcrumb a.self:visited { color:#CCCCCC; text-decoration: none;}
		#breadcrumb a:hover, #breadcrumb a:active { color:#FFFFF; text-decoration: underline;}	

	
	#LeftBar {
		float: left; 
		width: 250px; 
		margin: 0; padding: 10px; text-align: left;
		font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size:12px; color: #FFFFFF;
		background: url(../../img/bg_leftbar.jpg) 0 0 no-repeat;
		}
			#LeftBar h1 {
				font-size: 20px; font-family:"Trebuchet MS", Verdana, Arial, sans-serif; font-weight:bold;
				color:#666666; padding: 10px 0 30px 10px;  letter-spacing: 2px;
				}		
			ul#services  {
				padding: 0 0 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;}		
				

	
	#RightBar {
		width: 610px; margin: 0; padding: 20px 10px 10px 10px; float: right; text-align: left;
		background: url(../../img/bg_rightbar.jpg) top right no-repeat;
		}
			#RightBar h1 {
				font-family:"Trebuchet MS", Verdana, Arial, sans-serif;font-size: 20px; color:#0098FF; 
				font-weight:normal;	font-style:italic;
				line-height: 40px;
				}	
			#RightBar h1.main {
				background: url(../../img/bllt_arrow_2.gif) top left no-repeat;
				font-size: 40px; font-style:normal;
				padding: 15px 0 20px 50px;  letter-spacing: 2px; line-height:0;				
				}
			#RightBar h2 {
				font-family:"Trebuchet MS", Verdana, Arial, sans-serif;font-size: 20px; color:#FFFFFF; 
				font-weight:normal;	font-style:italic;
				line-height: 30px; padding-bottom:10px;
				}
		#content {
			padding: 20px 10px 0 50px; margin: 0;  
			font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#CCCCCC; line-height: 18px;	
			text-align: justify;		
			}
			#content p{ padding-bottom: 10px;}

			#content .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;
				} 	
			#content .highlight1 {
				font-size:11px; color: #FFFFFF; word-spacing:1px;
				border-bottom: 1px solid #333333; line-height:18px; margin-bottom: 20px;
				} 
			#content .highlight2 {
				font-family: Georgia, "Times New Roman", Times, serif; font-size:12px; color: #FFFFFF; font-style: italic; word-spacing:1px;
				letter-spacing: 1px; border-bottom: 1px solid #333333; line-height:30px;
				} 
			#content .highlight3 {
				color: #FFFFFF; font-style: normal; 
				border: 1px solid #333333; line-height:30px;
				padding: 10px; margin: 10px 0 20px 0;
				} 

				a:link, a:visited { color:#CCCCCC; text-decoration: none;}
				a:hover, a:active { color:#FFFFFF; text-decoration: none;}		
				

				#content ol {
					margin: 0;
					padding: 0 0 0 30px;
					border: none;
					} 				
					#content ol li {
						margin-left: 0; padding: 0 0 10px 0;
						border: none; list-style-position: outside; list-style-image: none; list-style-type: upper-roman;
						}	
				#content ul {
					margin: 0;
					padding: 0 0 0 30px;
					border: none;
					} 				
					#content ul li {
						margin-left: 0; padding: 0 0 5px 0;
						border: none; list-style-position: outside; list-style-image: none; list-style-type: square;
						}	

		#content a.button:link, #content a.button: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 0; display:inline-block;
			text-align:left; line-height:22px; letter-spacing:1px;
			}
		#content a.button:hover, #content a.button:active {
			text-decoration:none; color: #FFFFFF; background-position:0 -22px; 
			}					
				
		a.ReturnTop:link, a.ReturnTop:visited { 
			color:#000000; text-decoration: none; float:right; margin: 3px 0; display:block; width:100%;
			text-align: right; font-size:12px; color:#0098FF !important; font-weight:bold; clear:both;}
		a.ReturnTop:hover, a.ReturnTop:active { color:#CCCCCC !important; text-decoration: none;}	

		#content img.left { text-align: left; padding: 0 10px 10px 0; }
		
		

/*
-------------------
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}	
	.padding10{padding:10px 10px 0;}