/*------------------------- 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;}







/*-------------------- About CSS -----------------*/ 

.about_box01 { width:350px; float:left;}

.about_box01 h1{ font: normal 46px/1.4em Adore; color:#111111; padding:0 0 5px 0;}





.about_box02 { width:27px; height:58px; float:left;}

.about_box03 { width:578px; float:left;}

.about_box03 p{ line-height:1.5em; font-size:13px; font-weight:bold; color:#5a5648; text-indent:35px;}

.about_box04 { width:578px; float:left; padding:5px 0 0 0;}

.about_box04 p{ line-height:1.5em; color:#5a5648; font-size:13px;  margin:5px 0;}

.about_box05 { width:578px; float:left; padding:3px 0 0 0;}

.about_box05 p{ line-height:1.5em; color:#5a5648; font-size:13px; }

.about_box06 { width:578px; float:left;}

.about_box06_a { width:105px; height:30px; float:right;}

.about_box06_a h3{ font: normal 22px/1.4em Adore; color:#e23f1e;}



.about_box06_b { width:28px; height:30px; float:right;}

.about_box07 { width:578px; height:11px; float:left;}

.about_box08 { width:578px; float:left; padding:3px 0 0 0;}

.about_box08_a { width:240px; float:left;}

.about_box08_a h1{ font: normal 38px/1.4em Adore; color:#111111; padding:0 0 5px 0;}



.about_box08_b { width:24px; height:47px; float:left;}

.about_box09 { width:578px; float:left; padding:3px 0 8px 0;}

.about_box09 p{ line-height:1.5em; color:#5a5648; text-indent:35px; font-size:13px;}



.about_box010 { width:565px; float:left; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; position:relative; z-index:1; border:solid 1px #cccccb; behavior:url('css/PIE.htc'); background-color:#fefdf1; padding:0 0 10px 10px; margin:0 0 20px 0;}



.about_box010_center_box01 { width:70px; float:left; padding:5px 0 0 0;}

.about_box010_center_box01_img { width:60px; padding:0 0 0 10px;}

.about_box010_center_box01_text { width:70px; float:left;}

.about_box010_center_box01_text p{ color:#5a5648; font-weight:bold; font-size:11px; text-align:center;}

.about_box011_center_box02 { width:9px; float:left; padding:15px 0 0 0;}





/*-------------------- Portfolio CSS -----------------*/ 

.portfolio_box01 { width:940px; float:left; padding:30px 0 0 0;}

.portfolio_box01_text { width:auto; float:left;}

.portfolio_box01_text h1{ font: normal 36px/1.4em Adore; color:#111111; padding:0 0 5px 0;}

.portfolio_close { width:102px; height:41px; float:right;}



.portfolio_box02 { width:940px; float:left; padding:5px 0;}

.portfolio_box02 p{ font: normal 13px/1.4em; color:#5d5d5d; text-indent:35px;}

.portfolio_main_box01 { width:940px; float:left; padding:0 0 15px 0; text-align:center;}

 

.portfolio_big_box01 { width:172px; height:172px; float:left;}

.portfolio_small_box01 { width:20px; height:172px; float:left;}

.portfolio_box03 { width:940px; float:left; padding:0 0 14px 0;}

.portfolio_box03_next { width:103px; height:40px; float:right; margin:0 0 0 10px;}



.portfolio_page { width:940px; float:left;}

.portfolio_main_box01 { width:940px; float:left; padding:17px 0 0 0;}

.portfolio_main_box01_a { width:142px; height:55px; float:left;}

.portfolio_main_box01_a h1{ font: normal 46px/1.4em Adore; color:#111111; padding:0 0 5px 0;}

.portfolio_main_box01_b { width:26px; height:55px; float:left;}

.portfolio_main_box02 { width:940px; float:left; padding:4px 0 10px 0;}

.portfolio_main_box02 p{ font-size:13px; color:#5d5d5d; text-indent:40px; margin:10px 0 0 0;}

.portfolio_main_box03 { width:940px; float:left;}





.portfolio_main_box03_left { width:438px; float:left; padding:49px 0 0 0;}

.portfolio_main_box03_left_box01{width: 438px; float:left;}



#portfolio-after-effect { background-attachment:scroll; float:left; height:77px; width:209px;}

#portfolio-after-effect ul { display:inline;}

#portfolio-after-effect li { display:inline; list-style-image: none; list-style-position:outside; list-style-type:none;}

#portfolio-after-effect li a { background-image:url(../images/profolio-design.png); display:block; float:right; height:77px; text-indent:-999999px;}

#portfolio-after-effect li.after_ffect a { background-position:-6px -9px; width:209px;}

#portfolio-after-effect li.after_ffect a:hover { background-position:-7px -88px;}



#portfolio-flash { background-attachment:scroll; float:left; height:72px; width:163px; padding: 26px 0 0 0; margin: 0 0 0 40px;}

#portfolio-flash ul { display:inline;}

#portfolio-flash li { display:inline; list-style-image: none; list-style-position:outside; list-style-type:none;}

#portfolio-flash li a { background-image:url(../images/profolio-design.png); display:block; float:right; height:72px; text-indent:-999999px;}

#portfolio-flash li.flash a { background-position:210px 0; width:163px;}

#portfolio-flash li.flash a:hover { background-position:207px -82px;}





.portfolio_main_box03_left_box02{width: 438px; height:71px; float:left;}

#portfolio-photoshop { background-attachment:scroll; height:71px; width:181px; margin:0 auto;}

#portfolio-photoshop ul { display:inline;}

#portfolio-photoshop li { display:inline; list-style-image: none; list-style-position:outside; list-style-type:none;}

#portfolio-photoshop li a { background-image:url(../images/profolio-design.png); display:block; float:right; height:72px; text-indent:-999999px;}

#portfolio-photoshop li.photoshop a { background-position:-14px -198px; width:181px;}

#portfolio-photoshop li.photoshop a:hover { background-position:-17px -280px;}





.portfolio_main_box03_left_box03{width: 422px; height:131px; float:left; padding:0 0 0 16px;}

#portfolio-fcp { background-attachment:scroll; float:left; height:74px; width:246px; padding:57px 0 0 0;}

#portfolio-fcp ul { display:inline;}

#portfolio-fcp li { display:inline; list-style-image: none; list-style-position:outside; list-style-type:none; }

#portfolio-fcp li a { background-image:url(../images/profolio-design.png); display:block; float:right; height:74px; text-indent:-999999px;}

#portfolio-fcp li.final-cut-pro a { background-position:-90px 333px; width:246px;}

#portfolio-fcp li.final-cut-pro a:hover { background-position:-93px 254px;}



#portfolio-illustraton { background-attachment:scroll; float:left; height:72px; width:174px;}

#portfolio-illustraton ul { display:inline;}

#portfolio-illustraton li { display:inline; list-style-image: none; list-style-position:outside; list-style-type:none;}

#portfolio-illustraton li a { background-image:url(../images/profolio-design.png); display:block; float:right; height:72px; text-indent:-999999px;}

#portfolio-illustraton li.illustrator a { background-position:207px -193px; width:174px;}

#portfolio-illustraton li.illustrator a:hover { background-position:204px -275px;}





.portfolio_main_box03_left_box04 {width: 438px; float:left;}

#portfolio-dream { background-attachment:scroll; height:74px; width:227px; float:right; margin:0 50px 0 0;}

#portfolio-dream ul { display:inline;}

#portfolio-dream li { display:inline; list-style-image: none; list-style-position:outside; list-style-type:none; margin:0;}

#portfolio-dream li a { background-image:url(../images/profolio-design.png); display:block; float:right; height:74px; text-indent:-999999px;}

#portfolio-dream li.dreamweaver a { background-position:-114px 160px; width:227px;}

#portfolio-dream li.dreamweaver a:hover { background-position:-117px 80px;}







.portfolio_main_box03_left_box04_center {width: 227px; height:74px;float:right; margin-right:37px;}

.portfolio_main_box03_left_box04_center a{background:url(../images/portfolio_dreamweaver_text.jpg) no-repeat; float:left; width:227px; height:74px;}

.portfolio_main_box03_left_box04_center a:hover{background:url(../images/portfolio_dreamweaver_black_text.jpg) no-repeat;}



.portfolio_main_box03_right { width: 502px; float:left;}

.portfolio_main_box03_right_top { width: 502px; float:left; padding:10px 0;}

.portfolio_main_box03_right_top h1{font: bold italic 26px/36px Annualnormal; color:#252525; text-align:center; letter-spacing:0.049em;}



.portfolio_main_box03_right_bottom { width: 502px; height:343px; float:left;}





/*-------------------- Contact Me CSS -----------------*/ 

.contact_box01 { width:193px; float:left;}

.contact_box01 h1{ font: normal 46px/1.4em Adore; color:#111111; padding:0 0 5px 0;}



.contact_box02 { width:23px; height:56px; float:left;}

.contact_box03 { width:579px; float:left; padding:0 0 8px 0;}

.contact_box03 p { line-height:1.5em; color:#5d5d5d; text-indent:38px; font-size:13px;}

.contact_box04 { width:579px; height:10px; float:left;}





/*-------------------- ContactForm CSS -----------------*/ 

.contact_main_box01 { width:577px; float:left; padding:8px 0 10px 0;}

#form1 { width:327px; height:200px; float:left;}

#form1 ul {}

#form1 ul li { list-style-type:none; width:318px; height:30px; margin:0 0 12px 0; padding:5px 0 0 0;}

#form1 ul li span { width:128px; float:left; height:20px; font:12px/1.4em Arial, sans-serif; color:#4f4f4f; text-decoration:none; padding:4px 0 0 0;}

#form1 ul li label { width:190px; height:30px;}

input { width:170px; height:28px; background-color:#f9f8f0; border:1px solid #d8d5bc;}



#form2 { width:232px; height:200px; float:right; margin:0 0 0 18px;}

#form2 ul {}

#form2 ul li { list-style-type:none; width:229px; height:22px;}

#form2 ul li span { width:229px; float:left; font:12px/1.4em Arial, sans-serif; color:#4f4f4f; padding:7px 0 0 0;}

#form2 ul li.textarea { width:229px; height:102px; margin:8px 0 0 0;}

#form2 ul li label { width:190px; height:30px;}

textarea { background-color:#f9f8f0; border:1px solid #d8d5bc; width:226px; height:102px;}

#form2 li.buttons input { font: normal 13px/1.4em Arial, sans-serif; background:#363636; border:1px solid #313131; color:#fff; float:left; width:70px; margin:15px 10px 0 0; padding:2px 10px 3px 10px;}





/*-------------------- Contact Information CSS -----------------*/ 

.contact_information { width:579px; float:left;}

.contact_information_left {width:188px; height:206px; float:left; padding:0 0 0 28px; margin:0 0 10px 0;}

.contact_information_right { width:345px; float:left; padding:34px 0 0 17px; margin:0 0 10px 0;}

.contact_information_right_box01 { width:273px; float:left; border:solid 1px #e2dede; background-color:#fffefb;}

.contact_information_right_box_text { width:263px; float:left; padding:3px 0 3px 10px;}

.contact_information_right_box_text h3 {font: normal 16px/1.4em Blew; color:#C00;}

.contact_information_right_box_line { width:273px; height:4px; float:left;}

.contact_information_right_box02 {width:261px; float:left; padding:5px 0 0 12px;}

.contact_information_right_box02 h4 {font-size:14px; color:#333333; }

.contact_information_right_box03 {width:261px; float:left; padding:5px 0 0 12px;}

.contact_information_right_box03_left { width:55px; float:left;}

.contact_information_right_box03_left h6 { font: 13px/1.4em Arial, sans-serif;}



.contact_information_right_box03_right { width:170px; float:left;}

.contact_information_right_box03_right h6 {font:12px/1.4em normal;}

.contact_information_right_box03_right ul {}

.contact_information_right_box03_right li {}

.contact_information_right_box03_right li a {font:12px/18px normal Arial, sans-serif; color:#5a5648; text-decoration:none;}

.contact_information_right_box03_right a:hover {color:#D50000;}



.contact_information_right_box04 {width:261px; float:left; padding:5px 0 0 12px;}

.contact_information_right_box04_a { width:55px; float:left;}

.contact_information_right_box04_a h6 { font-size:14px;}

.contact_information_right_box04_b{width:150px; float:left; padding:0 0 5px 2px;}

.contact_information_right_box04_b h6 { font:13px/1.4em normal;}

.contact_form ul li{float:left;}