/*------------------------- CSS Reset -------------------------*/  
html, body, div, dl, dt, dd, ul,  h1, h2, h3,  pre, form, label, fieldset, input, p, blockquote, th, td, *{ margin:0; padding:0;}  
table { border-collapse:collapse; border-spacing:0; }  
fieldset, img { border:0; }  
ul { list-style:none; } 
.clr{ clear:both;}
body{background-color:#F9F7E4;}

/*-------------------------Tab CSS -------------------------*/  
p,h2,h3,h4,h5,h6 { color:#5a5648;}
h1 {}
h2 {}

h4 { color:#72a641;}
h5 { color:#373636;}
h6 { color:#353535;}
p { font: normal 14px/1.4em Arial, sans-serif; text-align:justify;}
.red { color:#e23f1e;}
.green { color:#79a148;}


/*-------------------- Content -----------------*/ 
#container { width:100%; margin:0 auto; background-color:#F9F7E4; background-position:225px top; background-image: url(../images/bg_top.jpg); background-repeat: repeat-x;}
#container-center { width:999px; margin:0 auto; height:430px; background:url(../images/bg_center.png) no-repeat; background-position:0px 120px;}
#container-top { width:100%; height:425px;}
#container-inner { width:940px; margin:0 auto;}


/*-------------------- Header CSS -----------------*/ 
#header { width:940px; float:left;}
#logo { width:313px; height:92px; float:left; padding:30px 0 0 0;}
#header-right-side { width:357px; float:right; padding:16px 0 0 0; margin:0 10px 0 0;}
#tel-nos { width:280px; float:right; background-color:#f0e3b3; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; position:relative; z-index:1; border:solid 1px #e6d28a; behavior:url('css/PIE.htc');}

#tel-no-left { background-attachment:scroll; background-position:0 0; float:left; height:38px; width:44px;}
#tel-no-left ul { display:inline;}
#tel-no-left li { display:inline; list-style-image: none; list-style-position:outside; list-style-type:none;}
#tel-no-left li a { background-image:url(../images/tel-no.png); display:block; float:left; height:38px; margin:3px 0 0 0; text-indent:-999999px; background-repeat: repeat-y;}
#tel-no-left li.no a { background-position:3px 2px; width:44px;}
#tel-no-left li.no a:hover { background-position:2px 36px;}

#tel-nos-right { width:231px; padding:4px 0 0 0; float:right;}
#tel-nos-right h2{ font:bold 27px Adore; color:#111111; text-decoration:none; text-align:left; padding:1px 0 0 0;} 


/*-------------------- Navigation CSS -----------------*/ 
#navigation { background-attachment:scroll; background-position:0 0; float:left; height:68px; width:357px; margin:20px 0 0 0;}
#navigation ul { display:inline;}
#navigation li { display:inline; list-style-image: none; list-style-position:outside; list-style-type:none;}
#navigation li a { background-image:url(../images/nav.png); display:block; float:left; height:68px; text-indent:-999999px;}

#navigation li.home a { background-position:1px -136px; width:77px;}
#navigation li.home a:hover { background-position:2px 6px;}
#navigation li.home a.selected { background-position:2px -50px;}

#navigation li.about a { background-position:-82px -136px; width:92px;}
#navigation li.about a:hover { background-position:-81px 6px;}
#navigation li.about a.selected { background-position:-82px -50px;}

#navigation li.portfolio a { background-position:-178px -136px; width:90px;}
#navigation li.portfolio a:hover { background-position:-177px 6px;}
#navigation li.portfolio a.selected { background-position:-169px -50px;}

#navigation li.contact a { background-position:-266px -136px; width:98px;}
#navigation li.contact a:hover { background-position:-265px 6px;}
#navigation li.contact a.selected { background-position:-262px -50px;}

/*-------------------- Profile Block CSS -----------------*/ 
#slogan-box{ width:940px; float:left; margin:18px 0 23px 0;}
#slogan-box01{ width:860px; margin:0 auto;}
#slogan-box01 h1{font:italic bold 38px/42px 'Annual-Normal'; color:#1f1f1f; text-align:center; letter-spacing:0.049em;}
#about-panel { width:940px; float:left; padding:65px 0 0 0;}
#pic-img { width:171px; height:149px; float:left;}
#pic-text-box { width:748px; float:right;}
#pic-text-box01 { width:200px; float:left;}
#pic-text-box01 h2{ font:normal 44px/1.4em Adore; color:#111111;}


#pic-text-box02 { width:748px; float:left;}
#pic-text-box03 { width:30px; float:left;}
#pic-text-box04 { width:711px; float:right; padding:13px 0 0 0;}
#pic-text-box05 { width:748px; float:right; padding:0 0 0 5px;}
#pic-text-box06 { width:22%; float:right; padding:0% 40% 0% 0%;}
#pic-text-box06 h2{ font: normal normal 12px/1.4em Array-Condensed; color:#444443; word-spacing:0.2em;}
#pic-line { width:940px; height:9px; float:left; margin:12px 0 0 0; background:url(../images/pic-line.jpg) repeat-x;}

/*-------------------- Index CSS -----------------*/ 
#body-content { width:940px; margin:0 auto;}
.body-leftside { width:319px; float:left; padding:22px 0 0 0;}
.home_left_box01 { width:143px; float:left; padding:0 0 5px 0;}
.home_left_box01 h3{ color:#444443; font-family:'Clarissa'; font-weight:Bold; font-size:24px; line-height:1.5em; font-style:normal;}
.home_left_box02 { width:319px; float:left; padding:0 0 6px 0;}
.home_left_box02 h4 { font-size:13px; font-weight:bold; color:#72a641; line-height:1.5em;}
.home_left_box03 { width:295px; float:left;}
.home_left_box03 p { font:12px/1.5em Arial, sans-serif; }
.home_left_box04 { width:319px; float:left;}
.home_left_box04_img { width:138px; height:132px; float:left; padding:10px 13px 0 0;}
.home_left_box05 { width:319px; height:12px; float:left; margin:5px 0 15px 0;}
.body-centerside { width:22px; height:564px; float:left; background:url(../images/body-line.jpg) repeat-y;}

.body-rightside { width:579px; float:left; padding:22px 0 0 20px;}
.home_right_box01 { width:auto; float:left; padding:0 5px 0 0;}
.home_right_box01 h2{ font: normal 45px/1.4em 'Adore'; color:#444443;}
.home_right_box02 { width:31px; height:55px; float:left;}
.home_right_box03 { width:570px; float:left; padding:10px 0 0 9px;}
.home_right_box03 p { text-indent:30px; font:12px/1.5em Arial, sans-serif; }
.home_right_box04 { width:579px; float:left; padding:10px 0 0 20px;}
.home_right_box05 { width:579px; float:left;}
.home_right_box05a { width:19px; height:28px; float:right; margin:5px 0 0 0;}
.home_right_box05b { width:142px; float:right;}
.home_right_box05b ul {}
.home_right_box05b li {}
.home_right_box05b li a{ font:bold normal 20px 'Clarissa'; color:#de431c; text-decoration:none;}
.home_right_box05b a:hover { color:#444443; font:bold normal 20px 'Clarissa';}

.home_right_box06 { width:579px; height:237px; float:left; padding:7px 0 0 0;}
.home_right_box07 { width:570px; float:left; padding:10px 0 0 9px;}
.home_right_box07 p { text-indent:30px; font:12px/1.5em Arial, sans-serif; }

/*-------------------- Footer CSS -----------------*/ 
#footer-bg { width:100%; float:left; position:relative; background-image: url(../images/bg_bottom.jpg); background-repeat: repeat-x; background-position:500px bottom;}
#footer-line { width:940px; height:9px; padding:2px 0 0 0; margin:0px auto; background:url(../images/footer_line.jpg) repeat-x;}
#footer { width:940px; margin:0 auto; }
#footer-box_left { width:323px; float:left;}
#footer-box_left h5 { color:#72a641; font: normal 18px/1.4em Arial, sans-serif; padding:10px 0 0 0;}
#footer-box_left h6 { color:#363636; font: bold 12px/1.4em Arial, sans-serif; padding:5px 0;}



#footer-box_a_03 { width:275px; float:left; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; position:relative; z-index:1; border:solid 1px #C6C5BC; behavior:url('css/PIE.htc');}
#footer-box_a_03_b-left { width:68px; height:49px; float:left; padding:18px 0 0 10px;}
#footer-box_a_03_b_right { width:187px; float:left; padding:8px 0 10px 0;}
#footer-box_a_03_b_right ul{}
#footer-box_a_03_b_right li{}
#footer-box_a_03_b_right li a{ font: normal 12px/18px Arial, sans-serif; color:#5a5648; text-decoration:none;}
#footer-box_a_03_b_right a:hover { color:#D50000;}
#footer_line_box01 { width:14px; height:155px; float:left; background:url(../images/footer_line_01.jpg) repeat-y;}


.footer_box_b { width:201px; float:left;}
.footer_box_b_1 { width:161px; float:left; padding:13px 0 0 40px;}
.footer_box_b_1  h5 { color:#72a641; font: normal 16px/1.4em Arial, sans-serif;}
.footer_box_b_2 { width:161px; float:left; padding:0 0 0 40px; margin:10px 0 0 0;}
.footer_box_b_2 ul {}
.footer_box_b_2 ul li { background:url(../images/footer_icon.jpg) no-repeat 4px 7px; padding:0 0 2px 20px; line-height:15px;}
.footer_box_b_2 ul li a { font: normal 11px/1.4em Arial, sans-serif; color:#7b7777; text-decoration:none;}
.footer_box_b_2 ul li a:hover { color:#000;}

#footer_icon { width:940px; margin:260px auto 0 auto; position:relative; bottom:0;}


#footer_icon_box01 { width:940px; height:24px; float:left; margin:0 0 5px 0;}
.footer_icon_box02_b { width:24px; height:24px; float:right; padding:0 3px;}


#footer_icon_box01 { background-attachment:scroll; background-position:0 0; float:left; height:24px; width:940px; margin:0 0 5px 0;}
#footer_icon_box01 ul { display:inline;}
#footer_icon_box01 li { display:inline; list-style-image: none; list-style-position:outside; list-style-type:none;}
#footer_icon_box01 li a { background-image:url(../images/social-icon.jpg); display:block; float:right; height:24px; text-indent:-999999px;}

#footer_icon_box01 li.google a { background-position:25px 1px; width:24px; margin:0 4px 0 7px;}
#footer_icon_box01 li.google a:hover { background-position:25px 24px;}
#footer_icon_box01 li.google a.selected { background-position:0 0;}

#footer_icon_box01 li.linkedin a { background-position:53px 0; width:24px; margin:0 0 0 5px;}
#footer_icon_box01 li.linkedin a:hover { background-position:53px 24px;}
#footer_icon_box01 li.linkedin a.selected { background-position:0 0;}

#footer_icon_box01 li.twitter a { background-position:81px 0; width:24px; margin:0 4px 0 6px;}
#footer_icon_box01 li.twitter a:hover { background-position:81px 24px;}
#footer_icon_box01 li.twitter a.selected { background-position:0 0;}

#footer_icon_box01 li.facebook a { background-position:108px 0; width:24px; margin:0 0 0 4px;}
#footer_icon_box01 li.facebook a:hover { background-position:108px 24px;}
#footer_icon_box01 li.facebook a.selected { background-position:0 0;}

#footer_icon_box04 { width:940px; float:left;}
#footer_icon_box04_html { width:88px; float:right; margin:0 0 10px 0;}
#footer_icon_box05 { width:940px; float:left; padding:2px 0 0 0;}
#footer_icon_box05_center { width:230px; margin:0 auto 13px auto;}
#footer_icon_box05 h6 { font:bold 12px/1.4em Arial, sans-serif; color:#1e1e1e;}



/*
==============================================================================================================================================================
								fonts.css
==============================================================================================================================================================
*/

@font-face {
		font-family: 'Adore';
		src: url('adore.eot');
		src: url('adore.eot?#iefix') format('embedded-opentype'),
				 url('adore.woff') format('woff'),
				 url('adore.ttf') format('truetype'),
				 url('adore.svg#adore') format('svg');
		font-weight: normal; font-style: normal;
}
@font-face {
		font-family: 'ALEAWBB';
		src: url('aleawbb.eot');
		src: url('aleawbb.eot?#iefix') format('embedded-opentype'),
				 url('aleawbb.woff') format('woff'),
				 url('aleawbb.ttf') format('truetype'),
				 url('aleawbb.svg#aleawbb') format('svg');
		font-weight: normal; font-style: normal;
}
@font-face {
		font-family: 'Annual-Normal';
		src: url('annualnormal.eot');
		src: url('annualnormal.eot?#iefix') format('embedded-opentype'),
				 url('annualnormal.woff') format('woff'),
				 url('annualnormal.ttf') format('truetype'),
				 url('annualnormal.svg#annualnormal') format('svg');
		font-weight: normal; font-style: normal;
}
@font-face {
		font-family: 'Blew';
		src: url('blew.eot');
		src: url('blew.eot?#iefix') format('embedded-opentype'),
				 url('blew.woff') format('woff'),
				 url('blew.ttf') format('truetype'),
				 url('blew.svg#blew') format('svg');
		font-weight: normal; font-style: normal;
}

@font-face {
		font-family: 'Clarissa';
		src: url('clarissa.eot');
		src: url('clarissa.eot?#iefix') format('embedded-opentype'),
				 url('clarissa.woff') format('woff'),
				 url('clarissa.ttf') format('truetype'),
				 url('clarissa.svg#clarissa') format('svg');
		font-weight: normal; font-style: normal;
}