html { padding:0; margin:0;}
body {
	margin: 0;
	padding: 0;
	line-height: 1.7em;
	letter-spacing: 1px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #161d1e;
	background-color:#FFF;
	background: url(images/main-bg2.jpg)0 0 repeat-x;
	background-image:url(images/main-bg2.jpg);
	background-repeat:repeat-x;
   }

#all{
	width: 1000px;
	height: auto;
	background-color:#FFFFFF;
/*	border:1px solid #ffF;
	border-top:none;*/
	padding:0; margin:0 auto;
}
		
a:link, a:visited { color: #073475; text-decoration: none; font-weight: normal;} 
a:active, a:hover { color: #996600; text-decoration: underline; }

p { margin: 0px; padding: 0px; }

img { margin: 0px; padding: 0px; border: none; }

.float_l {
	float: left;
}

.float_r {
	float: right;
}

.divider {
	background: url(images/divider.jpg) repeat-x bottom;
}

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }

.cleaner_h10 { clear: both; width:100px; height: 10px; }
.cleaner_h20 { clear: both; width:100%; height: 20px; }
.cleaner_h30 { clear: both; width:100%; height: 30px; }
.cleaner_h40 { clear: both; width:100%; height: 40px; }
.cleaner_h50 { clear: both; width:100%; height: 50px; }
.cleaner_h60 { clear: both; width:100%; height: 60px; }

.margin_r60 { margin-right: 60px; }

.button_01 a {
	display: block;
	width: 94px;
	height: 28px;
	padding: 6px 5px 4px 5px;
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background: url(images/mat_button_01.png) no-repeat;
}

.button_01 a:hover {
	color: #ffffff;
	background: url(images/mat_button_01_hover.png) no-repeat;
}

h2 {
	margin: 0 0 5px 0;
	padding: 10px 0;
	font-size: 24px;
	font-weight: normal;
	color: #073475;
}

h3 {
	margin: 40px;
	padding: 10px 38px;
	font-size: 14px;
	font-weight: normal;
	color: #F60;
	line-height: normal;
}
.3{color: #F60;}
/* menu */



#mat_menu {
	top:312px;
	left:600px;
	width: auto;
	height: 59px;
	position:absolute;
}

#menu {
	float:left;
	width:100%;
	font-size:93%;
	line-height:normal;
	/*border-bottom:2px solid #ff6600;*/
	}
#menu ul {
	margin:0;
	padding:10px 10px 0 50px;
	list-style:none;
	}
#menu li {
	display:inline;
	margin:0;
	padding:0;
	}
#menu a {
	float:left;
	background:url(images/tableftf2.png) no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	}
#menu a span {
	float:left;
	display:block;
	background:url(images/tabrightf.png) no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#FFF;
	}
	
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span {float:none;}
/* End IE5-Mac hack */
#menu a:hover span {
	color:#000000;
}
#menu a:hover {background-position:0% -42px;}
#menu a:hover span {background-position:100% -42px;}
/* end of menu */
/**/
/* site title */

#mat_site_title_bar_wrapper {
	width: 100%;
	height: 530px;
	margin: 0 0;
	}

#mat_site_title_bar {
	position: relative;
	width: auto;
	height: auto;
	margin: 0 auto;
	padding: 6px 0px;
	
}

#mat_site_title_bar .site_title_left {
	float: left;
	width: 400px;
}

#mat_site_title_bar .site_title_right {
	float: right;
	width: 380px;
	margin-top: 2px;
	text-align: right;
}

.site_title_right h2 a {
	color: #63b5dc;
	font-style: normal;
}

.site_title_right p {
	color: #3a8fb8;
}

#mat_site_title_bar  #site_title {
	float: left;
	padding: 0 0 0 0;
}

#site_title h1 a {
	margin: 0px;
	padding: 0px;
	font-size: 30px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

#site_title h1 a:hover {
	font-weight: bold;	
	text-decoration: none;
}

#site_title h1 a span {
	display: block;
	margin-top: 10px;
	margin-left: 0px;
	font-size: 14px;
	color: #f1f2f2;
	font-weight: bold;
	letter-spacing: 4px;
}

/* end of site title */

#mat_content {
	clear: both;
	width: 620px;
	padding: 5px 5px;
	/*margin: 0 auto;
	top:-100px;*/
	top:-200px;
	margin-left:363px;
	position:relative;
	color:#004C7D;	
}
.container{
	margin-left:1px;
	margin-right:1px;
	text-align: justify;
	top:-180px;
	position:relative;
}
.container2{
	margin-left:1px;
	margin-right:1px;
	text-align: justify;
	top:-160px;
	position:relative;
}
.container3{
	margin-left:10px;
	width:980px;
	margin-right:1px;
	text-align: justify;
	top:-40px;
	position:relative;
}
/* footer */

#mat_footer_wrapper {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background-color: #FF6600;
	margin-top:-210px;
}
#mat_footer_wrapper-c {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background-color: #FF6600;
	margin-top:-110px;
}
#mat_footer_wrapper3 {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	background-color: #FF6600;
	margin-top:10px;
	position:absolute;
	margin-top:0px;
}
#mat_footer3 {
	width: 1000px;
	margin:  auto 18%;
	padding: 16px 40px;
	color: #333333;
}

#mat_footer3  a {
	color: #ffffff;
}

#mat_footer3 .section_w280 {
	float: left;
	width: auto;
	padding-right: 40px;
}

#mat_footer3 .section_w280 h3 {
	width: auto;
	height: auto;
	font-size:14px;
	font-weight: bold;
	color: #ffffff;
	
}

#mat_footer3 .footer_list {
	margin: 0px;
	padding: 0px;
	list-style: none;
}


#mat_footer3 .footer_list li {
	margin: 0px;
	padding: 3px 0;
}

#mat_footer3 .footer_list li a {
	color: #cccccc;
}

#mat_footer3 .footer_list li a:hover {
	color: #ffffff;
	text-decoration: none;
}

/**/
#mat_footer {
	width: auto;
	margin:  auto 18%;
	padding: 16px 40px;
	color: #333333;
}

#mat_footer  a {
	color: #ffffff;
}

#mat_footer .section_w280 {
	float: left;
	width: auto;
	padding-right: 40px;
}

#mat_footer .section_w280 h3 {
	width: auto;
	height: auto;
	font-size:14px;
	font-weight: bold;
	color: #ffffff;
	
}

#mat_footer .footer_list {
	margin: 0px;
	padding: 0px;
	list-style: none;
}


#mat_footer .footer_list li {
	margin: 0px;
	padding: 3px 0;
}

#mat_footer .footer_list li a {
	color: #cccccc;
}

#mat_footer .footer_list li a:hover {
	color: #ffffff;
	text-decoration: none;
}

/* end of footer */

.gallery {
	float:right;
	width:337px;
	height:299px;
	margin:0 25px 0 0;
}
#slider {
	margin:0;
	padding:0;
	list-style:none;
}
#slider ul, #slider li {
	margin:0;
	padding:0;
	height: auto;
	list-style:none;
}
/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#slider li {
	width:400px;
	height:auto;
	overflow:hidden;
}

#name{
	width:400px;
	height: auto;
	position: absolute;
	margin-top:210px;
	margin-left:410px;
	z-index:3;
}
#name ul, #name li {
	margin:0;
	padding:0;
	height: auto;
	list-style:none;
}
#name li {
	width:400px;
	height:auto;
	overflow:hidden;
}
/**/
/* block header */
.block_header {
	margin:0 auto 10px auto;
	width:1002px;
	height:300px;
	padding:0;
/*	background-color: #426fae;*/
}


/* title header */
.title_header { background:url(images/title_bg.jpg); height:163px;}
.title_header h2 { float:left; width:400px;}
.title_header p { float:left; width:340px; padding:45px 10px 10px 10px;}
.title_header img { float:left;}

/* header panel */
.header_panel { background:url(images/sl_bot.png) no-repeat bottom; padding:10px 0 10px 10px;}
.header_panel h2 { color:#426fae; font:normal 24px Arial, Helvetica, sans-serif; margin:0; padding:10px 0 10px 50px;}
.header_panel p { font:normal 12px Arial, Helvetica, sans-serif; color:#426fae; line-height:1.8em; padding:5px; margin:0;}
.header_panel a { font:normal 12px Arial, Helvetica, sans-serif; color:#2bb9c5; line-height:1.8em;}
.header_panel ul { padding:5px; margin:0; list-style:none;}
.header_panel ul li { font:normal 12px Arial, Helvetica, sans-serif; color:#426fae; line-height:1.8em; padding:0 5px 0 15px; margin:0; background:url(images/icon_1.png) no-repeat left center;}

.panel_left { float:left; padding:5px; margin:0 5px; width:300px; border-right:1px solid #4f4f4f;}
.panel_left h2 { background:url(images/title_1.jpg) no-repeat left;}
.panel_center { float:left; padding:5px; margin:0 5px; width:300px; border-right:1px solid #4f4f4f;}
.panel_center h2 { background:url(images/title_2.jpg) no-repeat left;}
.panel_right { float:left; padding:5px; width:300px;}
.panel_right h2 { background:url(images/title_3.jpg) no-repeat left;}

/**/
.panel_center-2 { float:left; padding:10px; margin:0 5px; width:760px; }
.panel_center-2 h2 { background:url(images/title_2.jpg) no-repeat left;}
/**/

/** Portfolio **/

#full-width {height:auto; position:relative; }

.portfolio-item {
	float:left;
	width:160px;
	border:#d0d0d0 1px solid;
	background:#f7f7f7;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	margin:0 27px 27px 0;
	height:120px;
	padding:20px;
	font-size: 9px;
}
.port-box {float:left; position:relative;}
.port-box .portfolio-zoom {position:absolute; cursor:pointer; height:120px; top:0; left:0; display:none; width:160px;}
.portfolio-item .port-img {background:url(images/port-bg.png) no-repeat center top; border:none; margin:0 0 5px 0; padding:0;padding-bottom:15px;}
#content #full-width .portfolio-item h3 {margin-bottom:5px;}
#content #full-width .portfolio-item p {margin-bottom:0;}
/**miniportfolio**/

#full-width2 {
	height: 500px;
	width: 700px;
	position:relative;
	margin-left: 15%;
}
.style1 {font-size: 14px}

/**/

legend          {color:#333;padding:0 10px;margin:0;font-size:1.5em;font-weight:400;}
/* * User feedback
 -----------------------*/
.yay, .oops     {font-size:.8em;text-align:center;padding:10px;color:#fff;font-weight:700;}
.yay            {
		background: #999;
}
.oops           {
	background: #800000;

}
div.error       {font-size:.8em;font-weight:700;padding:5px 0 0;color:#f30;margin:0 0 0 90px;}

/*
 * Captcha
 -----------------------*/
left .img            {border:1px solid #777;margin:0 0 0 90px;display:block;}
h3             {font-size:1.2em;font-weight:400;margin:10px 0 1px 2px; color: #800000;}