@charset "utf-8";
body { margin:0; padding:0; width:100%; background: #869da6 url(images/unic_bg.jpg) repeat-x top}
html { padding:0;
}

.clr { clear:both;}

/* main */
.main {width:100%; padding:0; margin:0 auto; }

/* header */
.header { width:1024px; margin:0 auto; padding:0; height:143px; background:url(Images/index_02.jpg) repeat-x;}
.logo { margin:0; padding:0; float:left;}

/* menu */
.menu {
	width:380px;
	margin: 30px 10px 0px 20px;
	padding:0;
	float: right;
	font: 12px Arial, Helvetica, sans-serif;
	background-color: #869DA6;
	background-image: url(Images/unic__nav_bg.jpg);
	right: 200px;}

.menu ul {
	float:inherit;
	margin:0;
	padding:0;
	list-style:none;
}
.menu li { float:left; margin:0 1px; padding:0; font:bold 12px Arial, Helvetica, sans-serif; color:#fff; float:left;}
.menu a { line-height:16px; float:left; font: normal 12px Arial, Helvetica, sans-serif; color:#fff; padding:10px; margin:0; text-decoration:none;	}
.menu a:hover  {color:#fff; background: #663333 top left no-repeat;  }
.menu a:hover div  {background: #663333 top right no-repeat;  } 
.menu a.active {color:#fff; background: #663333 top left no-repeat; }
.menu a.active div {background: #663333  top right no-repeat;  } 

/* menu2 */	
.menu2 {
	width:1024px;
	margin: 0px 0px 0px;
	float: right;
	font: 12px Arial, Helvetica, sans-serif;
	background-color: #f5f5f5; 
	}
.menu2 ul { padding:0; margin:0; list-style:none; border:0;}
.menu2 ul li { float:inherit; margin:0; padding:0; border:0;}
.menu2 ul li a { float:left; margin:0; padding:5px 10px; color:#660000; font:normal 14px Arial, Helvetica, sans-serif; text-decoration:none;}
.menu2 ul li a:hover { color: #993366;}
.menu2 ul li a.active { color: #660000; font-weight: bolder;}


/* scroller */
.scroller { background: url(Images/unic_tree_bg.jpg) no-repeat fixed; padding:0 20px;}
.text_left { width:0px; margin:0 auto; float:left; font: 12px Georgia, "Times New Roman", Times, serif; color:#fff;}
.text_left h1 { font:italic bold 29px Georgia, "Times New Roman", Times, serif; color:#fff;}
.text_left p { font:italic 13px Georgia, "Times New Roman", Times, serif; color: #ffffff;}
.text_left img { padding-right:20px; padding-top:15px;}
.img_right {
	width:850px;
	padding:0px 80px;
	float:none;
}
.img_right img { }

/* tree */
.tree { width:1024px; float:left; margin:0 auto; padding:0; font: 12px Georgia, "Times New Roman", Times, serif; background: url(Images/unic_tree_bg.jpg); height: 266px;}
.tree .left { width:600px; float:left; margin:0 auto; padding:30px; color:#ffffff;}
.tree .left h3 { font:italic bold 24px Georgia, "Times New Roman", Times, serif; color:#2d5a65;
background-repeat: repeat;}
.tree .left h5 { font:italic 12px Georgia, "Times New Roman", Times, serif; color:#bbbaba;}
.tree .left a { color: #ffffff}
.tree .right { width:360px; float:right;}
.tree .right div { width:230px; padding:15px; border:13px solid #e7e7e7; margin:30px auto; background:#f6f6f6; color:#999999;}
.tree .right h2 { color:#7c7c7c; border-bottom:1px solid #dadada; padding:5px 0 20px 0; margin:0;}
.tree .right h4{ color:#6d6d6d; font:bold 12px Arial, Helvetica, sans-serif;}
.treesmall { width:150px; margin:0; padding:0; float:left;}

/* white */
.white { width:1024px; float:left; margin:0 auto; padding:0; font: 12px Georgia, "Times New Roman", Times, serif; background:#f5f5f5; line-height:1.6em;}
.white .left {
	width:600px;
	float:left;
	margin:0 auto;
	padding:5px 0px 0px 20px;
	color:#6f6f6f;
}
.white .left h3 { font:italic bold 24px Georgia, "Times New Roman", Times, serif; color:#2d5a65;}
.white .left h5 { font:italic 12px Georgia, "Times New Roman", Times, serif; color:#bbbaba;}
.white .left a { color:#6f6f6f; text-decoration:none;}
.white .right { width:360px; float:right;}
.white .right div { width:230px; padding:15px; border:13px solid #e7e7e7; margin:30px auto; background:#f6f6f6; color:#999999;}
.white .right h2 { color:#7c7c7c; border-bottom:1px solid #dadada; padding:5px 0 20px 0; margin:0;}
.white .right h4{ color:#6d6d6d; font:bold 12px Arial, Helvetica, sans-serif;}

/* grey*/
.grey {
	width:1024px;
	float:left;
	margin:0 auto;
	padding:0;
	background:#656565;
	border-top: 10px solid #5a5a5a;
	font: 12px Georgia, "Times New Roman", Times, serif;
	color:#fff;
	line-height:1.2em;
	vertical-align: top;
}
.grey h3 {font: italic bold 18px Georgia, "Times New Roman", Times, serif;}
.grey a { color:#fff; text-decoration:none;}
.grey a:hover{ color:#663333; text-decoration:underline;}
.grey p { border-top: 1px solid #9e9e9e; padding-top:10px;}
.grey .left {float:left; width:270px; margin:20px; padding:10px 10px !important; padding:0px 20px 10px 30px; vertical-align: top;}
.grey .center {float:left; width:260px; margin:0px; padding:0px 50px !important; padding:0px 0px 10px 20px; vertical-align: top;}
.grey .right {float:right; width:265px; margin:00px; padding:0px 30px !important; padding:0px 30px 10px 0px; vertical-align: top;}

/* portfolio*/
.portfolio { width:1024px; float:left; margin:0 auto; padding:0; background:#212121; font: 12px Georgia, "Times New Roman", Times, serif; color:#fff;}
.portfolio .left {width:400px; float:left; margin:0 auto; padding:0; color:#6f6f6f;}
.portfolio .right {width:500px; float:right; margin:0 auto; padding:50px 15px 5px 15px;}
.portfolio h1 {font: italic bold 35px Georgia, "Times New Roman", Times, serif; color:#e5e5e5; padding:45px 0 45px 90px; margin:0;}
.portfolio p {font: italic 16px Georgia, "Times New Roman", Times, serif; color:#a1a1a1; padding:0; margin:0;}

/* blog*/
.blog { width:1024px; float:left; margin:0 auto; padding:0; background:#212121; font: 12px Georgia, "Times New Roman", Times, serif; color:#fff;}
.blog .left {width:400px; float:left; margin:0 auto; padding:0; color:#6f6f6f;}
.blog .right {width:500px; float:right; margin:0 auto; padding:50px 15px 5px 15px;}
.blog h1 {font: italic bold 35px Georgia, "Times New Roman", Times, serif; color:#e5e5e5; padding:45px 0 45px 90px; margin:0;}
.blog p {font: italic 16px Georgia, "Times New Roman", Times, serif; color:#a1a1a1; padding:0; margin:0;}

/* about*/
.about { width:1024px; float:left; margin:0 auto; padding:0; background: url(Images/unic_bar_bg.jpg); font: 12px Georgia, "Times New Roman", Times, serif; color:#fff;}
.about .left {width:400px; float:left; margin:0 auto; padding:0; color:#6f6f6f;}
.about .right {width:400px; float:right; margin:0 auto; padding:50px 15px 5px 15px; color:#ffffff;}
.about h1 {font: 45px "Times New Roman", Times, serif; color:#ffffff; padding:45px 0 45px 90px; margin:0;}
.about p {font: italic 16px Georgia, "Times New Roman", Times, serif; color:#ffffff; padding:0; margin:0;}

/* contacts*/
.contacts { width:1024px; float:left; margin:0 auto; padding:0; background:#212121; font: 12px Georgia, "Times New Roman", Times, serif; color:#fff;}
.contacts .left {width:400px; float:left; margin:0 auto; padding:0; color:#6f6f6f;}
.contacts .right {width:500px; float:right; margin:0 auto; padding:50px 15px 5px 15px;}
.contacts h1 {font: italic bold 35px Georgia, "Times New Roman", Times, serif; color:#e5e5e5; padding:45px 0 45px 90px; margin:0;}
.contacts p {font: italic 16px Georgia, "Times New Roman", Times, serif; color:#a1a1a1; padding:0; margin:0;}

/* columns_a*/
.columns_a { width:1024px; float:left; margin:0 auto; padding:0; background:#fff; font: 12px Georgia, "Times New Roman", Times, serif; color:#6f6f6f;}
.columns_a ul { list-style:none; padding:5px 20px; margin:0;}
.columns_a li { background:url(images/ul.gif) no-repeat left top; padding:0 0 0 20px;}
.columns_a a {
	color:#30606c;
	text-decoration:underline;
	border: 0;
}
.columns_a h1 {font: italic bold 24px Georgia, "Times New Roman", Times, serif; color:#305f6b; line-height:0.5em;}
.columns_a .all_a { width:1024px; float:left; margin:0 auto; padding-top:15px; }
.columns_a .all_a .text { width:550px; float:left; margin:0 auto; padding:20px; }
.columns_a .all_a  p {padding-top:20px;}
.columns_a .all_a .left_a {width:660px; float:left; margin-top:0px; margin-right:10px; margin-bottom:15px; margin-left:10px; background:#fff; color:#6f6f6f; }
.columns_a .all_a .left_ab {width:600px; float:left; margin-top:10px; margin-right:10px; margin-bottom:15px; margin-left:20px; background:#fff; color:#6f6f6f; }
.columns_a h2 { font:bold 18px Arial, Helvetica, sans-serif; color:#3b3b3b; padding:10px 0 10px 10px; margin:0; background:#e5e4e0;}
.columns_a h4 { font: italic 11px Georgia, "Times New Roman", Times, serif; color:#bbbaba;}
.columns_a .all_a .left_a .name_l {
	width:330px;
	float:left;
	margin:5px;
}
.columns_a .all_a .left_a .name_r {
	width:300px;
	float:right;
	margin:20px 0px 0px 0px;
	font: 12px Georgia, "Times New Roman", Times, serif;
	color:#6f6f6f;
	vertical-align: top;
}
.columns_a .all_a .right_a div { padding:15px; border:13px solid #e7e7e7; background:#f6f6f6; color:#999999;}
.columns_a .all_a .right_a { width:270px; float:right; margin-top:0px; margin-right:30px; margin-bottom:15px; padding:10px;}
.columns_a .all_a .right_a a { font:bold 12px Georgia, "Times New Roman", Times, serif; color:#30606c; text-decoration:none;}
.columns_a .all_a .right_a a:hover { text-decoration:underline; color:#663333;}
.columns_a .all_a .right_a a.active { text-decoration:underline; color:#663333;}
.columns_a .right_a ul { list-style:none; padding:5px 20px; margin:0;}
.columns_a .right_a li { border-bottom:1px solid #e7e7e7; line-height:2.5em; background:url(images/ul.gif) no-repeat left center; padding:0 0 0 20px;}

/* columns*/
.columns { width:1024px; float:left; margin:0 auto; padding:0; background:#fff; font: 12px Georgia, "Times New Roman", Times, serif; color:#6f6f6f;}
.c_text {width:1004px; float:left; margin:0 auto; padding-left:20px; padding-top:20px; color:#4a4a4a; padding-bottom:20px;}
.c_text_r { float:right; padding:20px;}
.c_text_r div { float:right; width:100px; height:20px; background:#242424 url(cleanfolio/cleanfolio/xhtml/images/2_portfolio_top_right.gif) top right no-repeat;}
.c_text_r div div {width:100px; height:20px; background: url(cleanfolio/cleanfolio/xhtml/images/2_portfolio_top_left.gif) top left no-repeat;}
.c_text_r div div div {width:100px; height:20px;  background: url(cleanfolio/cleanfolio/xhtml/images/2_portfolio_bottom_left.gif) bottom left no-repeat;}
.c_text_r div div div div {width:100px; height:20px;  background: url(cleanfolio/cleanfolio/xhtml/images/2_portfolio_bottom_right.gif) bottom right no-repeat;}
.c_text_r a { font:12px Georgia, "Times New Roman", Times, serif; color:#fff; text-decoration:none; line-height:1.6em;}
.c_text_r a:hover { text-decoration:underline;}
.columns .all { width:1024px; float:left; margin:0 auto; border-bottom:1px solid #dfdfdf;  }
.columns h3 {font: italic bold 18px Georgia, "Times New Roman", Times, serif; color:#2f2f2f;}
.columns .all .left {width:500px; height:170px; float:left; margin:20px 10px 15px 20px !important; margin:20px 10px 15px 10px; background:#dfdfdf; color:#999999; border:1px solid #d1d1d1;}
.columns .all .right {width:430px; float:right; height:200px; padding:10px 25px 10px 0;}
.columns ul { list-style:none; padding: 10px; margin:5px;}
.columns li { padding:0 0 0 20px;}


/* columns_b*/
.columns_b { width:1024px; float:left; margin:0 auto; padding:0; background:#fff; font: 12px Georgia, "Times New Roman", Times, serif; color:#6f6f6f;}
.columns_b ul { list-style:none; padding:0 20px; margin:0;}
.columns_b li { border-bottom:1px solid #e7e7e7; line-height:2.5em; background:url(cleanfolio/cleanfolio/xhtml/images/ul.gif) no-repeat left center; padding:0 0 0 20px;}
.columns_b a {color:#969696; text-decoration:underline;}
.columns_b h1 {font: italic bold 24px Georgia, "Times New Roman", Times, serif; color:#2f2f2f;}
.columns_b .all_b { width:1024px; float:left; margin:0 auto; }
.columns_b .all_b .left_b {width:600px; float:left; margin-top:20px; margin-right:10px; margin-bottom:15px; margin-left:20px; background:#fff; color:#999999; }
.columns_b .all_b .left_b .name_l { width:500px; float:left; font: 11px Georgia, "Times New Roman", Times, serif; color:#505050; }
.columns_b .all_b .left_b .name_r { width:150px; float:right; font: italic 11px Georgia, "Times New Roman", Times, serif; color:#505050; }
.columns_b .all_b a { text-decoration:none;}
.columns_b .all_b a:hover { text-decoration:underline;}
.columns_b .all_b .right_b { width:250px; float:right; margin-top:20px; margin-right:10px; margin-bottom:15px; padding:10px;}

/* button */
.button { width:100px; height:20px; background: #663333 url(images/top_right.gif) no-repeat top right}
.button div { width:100px; height:20px; background:url(images/top_left.gif) top left no-repeat;}
.button div div { width:100px; height:20px; background:url(images/bottom_left.gif) bottom left no-repeat;}
.button div div div { width:100px; height:20px; background:url(images/bottom_right.gif) bottom right no-repeat;}
.button a { font: 12px Georgia, "Times New Roman", Times, serif; color:#fff; line-height:1.6em; text-decoration:none;}
.button a:hover {text-decoration:underline;}

#contactform { margin:0; padding:5px;}
#contactform * { font-family: Arial, Helvetica, sans-serif;; font-size:12px; color:#6f6f6f;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0 0 5px 0; padding:10px; background:none; border:none;}
#contactform li.buttons { margin:0; overflow:hidden;}
#contactform label { margin:0; width:150px; display:block; float:left; padding:2px 0; font:bold 12px Arial, Helvetica, sans-serif; color:#6f6f6f;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif; color:#afafaf; margin:0; padding:0;}
#contactform input.text { width:280px; border:1px solid #dcdcdc; margin-bottom:15px; padding:5px 2px; height:16px; background:#f5f5f5;}
#contactform textarea { width:280px; border:1px solid #dcdcdc; padding:2px; background:#f5f5f5;}
#contactform li.buttons input { padding:3px 10px; margin:0 0 0 150px; background:#9f3700; border:1px solid #9f3700; color:#FFF; float:left;}
/* form style*/
.form_style { padding:0; margin:0;}
.form_style .text { font:bold 14px   Arial, Helvetica, sans-serif; color:#6f6f6f; padding:10px 0 10px 40px; margin:0; width:150px; float:left;}
.form_style .form { width:380px; float:left; margin:0; padding:10px 0;}
.form_style .label2 { padding:0; margin:20px 0 20px 190px;}
.form_style .input2 { width:375px; border:1px solid #d6d6d6; background:#fff;}

/* footer*/
.footer { width:1024px; float:left; margin:0 auto; padding:0; background:#1a1a1a; font: 12px Georgia, "Times New Roman", Times, serif; line-height:1.6em;}
.footer .l { width:452px; float:left; margin:0 auto; padding:30px; color:#989898;}
.footer a { font: 12px Georgia, "Times New Roman", Times, serif; color:#989898; text-decoration:none;}
.footer a:hover { text-decoration:underline;}

/********** block index **********/
.body { margin:0 auto; padding:0px 0 0 0; background:#f5f5f5;}
.body h2 { font:bold 18px Arial, Helvetica, sans-serif; color:#3b3b3b; padding:10px 0 10px 10px; margin:0; background:#e5e4e0;}
.body h3 { font:bold 18px Arial, Helvetica, sans-serif; color:#3b3b3b; padding:10px 0 10px 10px; margin:0;}
.body h4 { font:bold 18px Arial, Helvetica, sans-serif; color:#3b3b3b; padding:10px 0 10px 10px; margin:0; background:#e5e4e0;}
.body h4 span { float:right; color:#cf562c; font: normal 11px Arial, Helvetica, sans-serif; padding:5px 0 0 0; margin:0;}
.body p { font:normal 12px Arial, Helvetica, sans-serif; color:#5f5f5f; padding:10px 0 10px 10px; margin:0; line-height:1.8em;}
.body p span { font: normal 11px Arial, Helvetica, sans-serif; line-height:1.8em; color:#a5a5a5;}
.body a { color:#3b3b3b; text-decoration:underline; font: bold 18px Arial, Helvetica, sans-serif;}
.body img { float:left; margin:5px 5px; padding:0 0 0 0; background-color:#FFF}
.body_left { width:390px; float:left; padding:0; margin:0;}
.body_right { width:343px; float:right; padding:0; margin:0;}
.body_work { width:235px; float:left; margin:5px; padding:5px 5px; background-color:#FFF}
.body_work img { margin:5px auto 0 auto; padding:0; background-color:#FFF}
.body_work p { background:#eeedea; font: normal 12px Arial, Helvetica, sans-serif; color:#5f5f5f; padding:5px 5px; margin:0;}
.body ul { padding:0; margin:0; list-style:none; border:0;}
.body ul li { float:left; margin:0; padding:0; border:0;}
.body ul li a { float:left; margin:0; padding:5px 10px; color:#660000; font:normal 14px Arial, Helvetica, sans-serif; text-decoration:none;}
.body ul li a:hover { color: #993366;}
.body ul li a.active { color: #660000; font-weight: bolder;}