/*STYLE RESET*/
body,div,h1,h2,h3,h4,h5,h6,p,ul,li,ol,dl,dt,dd,img,form,fieldset,blockquote { margin: 0; padding: 0; border: 0; }

/* Body */
body { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 62.5%; background: #6d6750 url(../images/bg-body.jpg); }

p { font-size: 1.3em; line-height: 1.5em; color: #777; margin: 0 0 15px 0; }
a { color: #154b80; text-decoration: none; }
a:hover { color: #000; text-decoration: none; }

/* Layout */
.container { width: 880px; margin: 0 auto; }
.title { overflow: hidden; }
.title h1, .title h2, .title h3, .title h4, .title h5, .title p { padding: 0 0 0 1000px; }
.clear { clear: both;} 
.yellow { color: #faec0b; }

/* Header */
#header { }
#header_content { height: 152px; position: relative; background: url(../images/bg-header.png) no-repeat bottom; }
#header_content #logo { width: 170px; height: 300px; background: url(../images/img-logo.png) no-repeat; position: absolute; left: 40px; top: 35px; z-index: 100; }
#header_content #contact-number { width: 290px; height: 63px; background: url(../images/title-phone.png) no-repeat; position: absolute; right: 20px; top: 40px; }
#header_content #navi { margin: 69px 30px 0 0; width: 300px; height: 49px; float: right; background: url(../images/bg-menu2.png) no-repeat bottom right;}

/* Menu */
#menu { width: 550px; margin: 0 0 0 20px; padding: 0; }
#menu li { margin: 0; padding: 0; }
#menu li { display: inline; height: 100px; }
#menu li a { display: block; width: 135px; float: left; margin: 15px 0 0 2px; text-align: center; }
#menu li a h3 { font-size: 18px; font-weight: normal; color: #fff; }
#menu li a:hover h3 { color: #f37221; }


/* Intro */
#intro { background: #4b4405 url(../images/bg-intro01.jpg) repeat-x; }
#intro_content01 { height: 252px; overflow: hidden; background: #55431f url(../images/bg-intro02.jpg) no-repeat; }
#intro_content02 { overflow: hidden; }

#about-text { width: 440px; margin: 20px 0 20px 0; float: left; }
#about-text2 { width: 440px; margin: 20px 0 20px 50px; float: left; }
#about-text h3, #about-text2 h3 { font-size: 1.6em; line-height: 1.5em; color: #faec0b; margin: 0 0 10px 0; }
#about-text h4, #about-text2 h4 { font-size: 1.2em; line-height: 1.5em; color: #fff; margin: 0 0 10px 0; }
#about-text h5, #about-text2 h5 { font-size: 1.2em; line-height: 1.2em; color: #fff; margin: 0 0 10px 0; }
#about-text h5 a, #about-text2 h5 a { color: #faec0b; }
#about-text p, #about-text2 p { font-size: 1.1em; line-height: 1.2em; color: #fff; margin: 0 0 8px 0; }
#about-text p a, #about-text2 p a { color: #faec0b; }
#about-title { width: 400px; height: 73px; background: url(../images/title-intro.png) no-repeat; margin: 0 0 12px 0; }

/* Content */
#content { padding: 0; background: url(../images/bg-content01.jpg) repeat-x; }
#content02 { background: url(../images/bg-content02.jpg) repeat-y; padding: 20px 0 0px 0; }
.content-height { height: 348px; }

#content-box01 { width: 240px; float: left; margin: 0 20px 0 30px; position: relative; }
#content-box02 { width: 555px; float: left; margin: 0 0 0 0; position: relative; }
#content-box02 p { color: #333; line-height: 1.2em; }
#content-box02 h2 { font-size: 1.8em; color: #333; line-height: 1.2em; margin: 0 0 10px 0; }
#content-box03 { width: 408px; float: left; padding: 0 0 0 20px; position: relative; }
#content-box03 p { color: #333; line-height: 1.2em; }
#content-box03 h2 { font-size: 1.8em; color: #333; line-height: 1.2em; margin: 0 0 10px 0; }
#content-box03 h3 { font-size: 1.6em; color: #333; line-height: 1.1em; margin: 0 0 10px 0; }
#content-box03 img { float: left; margin: 0 5px; 0 0; }
.content-box04 { width: 820px; float: left; margin: 20px 0 0 30px; padding: 10px 0 0 0; border-top: 2px solid #9f9d8c; position: relative; }
.content-box04 p { color: #333; line-height: 1.2em; }
.content-box04 h2 { font-size: 1.8em; color: #333; line-height: 1.2em; margin: 0 0 10px 0; }
.content-box04 h3 { font-size: 1.6em; color: #333; line-height: 1.1em; margin: 0 0 10px 0; }
.content-box04 img { float: left; margin: 0 5px; 0 0; }
.text-float { float: left; width: 275px; }

img.content01 { float: left; margin: 0 20px 0 0; }
img.content02 { float: right; margin: 0 0 0 20px; }

#welcome-title { width: 455px; height: 30px; margin: 0 0 20px 0; background: url(../images/title-welcome.png) no-repeat; }
#products-title { width: 128px; height: 30px; margin: 0 0 20px 0; background: url(../images/title-products.png) no-repeat; }
#a3posters-title { width: 230px; height: 38px; margin: 15px 0 10px 0; background: url(../images/title-a3posters.png) no-repeat; }
#a5flyers-title { width: 230px; height: 43px; margin: 15px 0 5px 0; background: url(../images/title-a5flyers.png) no-repeat; }
#artwork-title { width: 230px; height: 35px; margin: 5px 0 5px 0; background: url(../images/title-artwork.png) no-repeat; }
#delivery-title { width: 230px; height: 43px; margin: 5px 0 5px 0; background: url(../images/title-delivery.png) no-repeat; }

#splash { margin: 0 0 0 23px; z-index: 99; }
#page01 { width: 880px; height: 673px; background: #900 url(../images/index.jpg) no-repeat; position: absolute; left: 0; top: 120px; z-index: 98; }
#page02 { width: 880px; height: 673px; background: #900 url(../images/services.jpg) no-repeat; position: absolute; left: 0; top: 120px; z-index: 98; }

a.menu-box1 { height: 102px; width: 182px; margin: 0 12px 0 0; float: left; background: #fff; display: block; }
a.menu-box2 { height: 102px; width: 182px; margin: 0 0 0 0; float: left; background: #fff; display: block; }
a.menu-box1:hover, a.menu-box2:hover { background: #174c88; }
a.menu-box1 img, a.menu-box2 img { border: 0; }
a.menu-box1 h3, a.menu-box2 h3 { color: #174c88; font-size: 1.2em; text-transform: uppercase; margin: 0 0 0 3px; }
a.menu-box1:hover h3, a.menu-box2:hover h3 { color: #fff; }

a.gallery-btn1 { height: 49px; width: 182px; margin: 0 12px 0 0; float: left; background: url(../images/btn-galleries.png) no-repeat 0px 0px; display: block; text-align: center; }
a.gallery-btn2  { height: 49px; width: 182px; margin: 0 0 0 0; float: left; background: url(../images/btn-galleries.png) no-repeat 0px 0px; display: block; text-align: center; }
a.gallery-btn1:hover, a.gallery-btn2:hover { background-position: 0px -49px; }
a.gallery-btn1 h3, a.gallery-btn2 h3 { color: #fff; font-size: 1.1em; text-transform: uppercase; margin: 16px 0 0 0; }
a.gallery-btn1 h4, a.gallery-btn2 h4 { color: #fff; font-size: 1.0em; text-transform: uppercase; margin: 16px 0 0 0; }
a.gallery-btn1:hover h3, a.gallery-btn2:hover h3, a.gallery-btn1:hover h4, a.gallery-btn2:hover h4 { color: #faec0b; }

.box-clear { width: 880px; height: 10px; clear: both; }

/* Form */

.form-block { background: #159d9a; padding: 15px; margin: 0 0 20px 0;  }
#personaldetails-title { width: 152px; height: 27px; background: url(../images/title-personaldetails.png) no-repeat; margin: 0 0 12px; }
#propertydetails-title { width: 140px; height: 27px; background: url(../images/title-propertydetails.png) no-repeat; margin: 0 0 12px; }

label { font-size: 1.3em; margin: 0 8px 0 0; color: #fff; font-weight: bold; }
label em { color: #C00; }
input { font-size: 1.3em; border: 1px solid #d2d6d8; padding: 5px; background: #fff; }
input:focus { border: 1px solid #009e9a; }
textarea { font-size: 1.3em; border: 1px solid #d2d6d8; padding: 5px; background: #fff; }
textarea:focus { border: 1px solid #009e9a; }

.field01 { clear: both; height: 34px; text-align: right; }
.field01 input { width: 360px; }
.field02 { height: 34px; width: 240px; text-align: right; float: right; }
.field02 input { width: 120px; }
.field03 { clear: both; height: 34px; text-align: right; }
.field03 input { width: 320px; }
.field04 { clear: both; height: 34px; text-align: right; }
.field04 input { width: 280px; }
.field05 { clear: both; text-align: right;  position: relative; height: 102px; }
.field05 label { position: absolute; top: 4px; left: 30px; }
.field05 textarea { clear: both; width: 320px; height: 80px; margin: 0 0 6px 0; position: absolute; top: 4px; right: 0px; }

.sendform-btn { display: block; width: 153px; height: 44px; background: url(../images/btn-sendform.png) no-repeat 0px 0px; margin: 6px 6px 0 0; border: 0; cursor: pointer; }
.sendform-btn:hover { background: url(../images/btn-sendform.png) no-repeat 0px -44px; }

/* Footer */

#footer { clear: both; }
#footer_content { clear: both; width: 880px; height: 90px; margin: 0 auto; padding: 15px 0 5px 0; text-align: center; background: url(../images/bg-footer.png) repeat-x; }
#footer_content h1 { font-size: 2.0em; line-height: 1.2em; color: #fff; margin: 25px 0 0 200px; padding: 0; font-weight: normal; }
#footer_content h1 a { color: #f27220; }
#footer_content02 { clear: both; width: 880px; height: 50px; margin: 0 auto; padding: 0; }
#footer_content02 p { font-size: 1.1em; line-height: 1.3em; color: #2b271a; margin: 0; }
#footer_content02 p a { color: #f27220; text-decoration: none; }
#footer_content02 p a:hover { color: #fff; text-decoration: underline; }
#footer_content02 p span.left { float: left; margin: 5px 0 0 55px; text-align: left; }
#footer_content02 p span.right { float: right; margin: 5px 55px 0 0; text-align: right; }