@import "reset.css";

body {font:12px/1.4 "Trebuchet MS", Arial, sans-serif;color:#0f1658;background:#c2b7a4 url("../img/bg.jpg") repeat top left;}
a:link, a:active, a:visited {text-decoration:none;color:#0000cc;}
a:hover {text-decoration:underline;color:#cc0000;}
p {margin-bottom:0.7em;}

.funcsia, a.funcsia:link, a.funcsia:active, a.funcsia:visited {text-decoration:none;color:#632450;}
a.funcsia:hover {text-decoration:underline;color:#632450;}
.blue, a.blue:link, a.blue:active, a.blue:visited {text-decoration:none;color:#0f1658;}
a.blue:hover {text-decoration:underline;color:#0f1658;}
.arrow, a.arrow:link, a.arrow:active, a.arrow:visited {text-decoration:none;color:#0f1658;background:url("../img/arrow.png") no-repeat center left;padding-left:12px;font-weight:bold;}
a.arrow:hover {text-decoration:underline;color:#0f1658;}
.prev, a.prev:link, a.prev:active, a.prev:visited {text-decoration:none;color:#0f1658;background:url("../img/arrow1.png") no-repeat center left;padding-left:12px;font-weight:bold;}
a.prev:hover {text-decoration:underline;color:#0f1658;}
.next, a.next:link, a.next:active, a.next:visited {text-decoration:none;color:#0f1658;background:url("../img/arrow.png") no-repeat center right;padding-right:12px;font-weight:bold;}
a.next:hover {text-decoration:underline;color:#0f1658;}

.txtl {text-align:left !important;}
.txtc {text-align:center !important;}
.txtr {text-align:right !important;}
.txtj {text-align:justify !important;}
.center {display:block;margin-left:auto !important;margin-right:auto !important;}
table.center {display:table;}
.vtop {vertical-align:top !important;}
.vmiddle {vertical-align:middle !important;}
.vbottom {vertical-align:bottom !important;}
.p2 {padding:2px !important;}
.p5 {padding:5px !important;}
.p10 {padding:10px !important;}
.m5 {margin:5px !important;}
.m3 {margin:3px !important;}
.m10 {margin:10px !important;}
.mbt10 {margin:10px 0px !important;}
.mlr10 {margin:0px 10px !important;}
.mt10 {margin-top:10px !important;}
.mb10 {margin-bottom:10px !important;}
.ml10 {margin-left:10px !important;}
.mr10 {margin-right:10px !important;}
.block {display:block !important;}
.inline {display:inline !important;}
.rel {position:relative !important;z-index:1 !important;;}
.abs {position:absolute !important;}
.bold {font-weight:bold !important;}
.italic {font-style:italic !important;}
.nonitalic {font-style:normal !important;}
.float_l {float:left !important;}
.float_r {float:right !important;}
.clear {clear:both !important;}

/** Form styles **/
label {font-weight:bold;}
fieldset {padding:1em;margin:0 0 1em 0;border:1px solid #ded3c5;}
legend {font-weight:bold;font-size:1.2em;padding:0 0.3em;}
input.text, input.title, textarea, select {margin:0;border:1px solid #ded3c5;padding:4px;font-size:13px;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #a49468;background:#f7f2d0;}
textarea {padding:5px;}
form ol {margin:0 !important;padding:0 !important;list-style:none !important;}
form li {margin:0;padding:5px 0;clear:both;}
form li.submit {text-align:center;}
form ol label {display:block;float:left;width:117px;margin-right:5px;padding-top:4px;text-align:right;font-size:14px;font-weight:normal;}
form ol label img {display:block;float:right;margin-top:4px;}
form ol input.text {width:240px;}
form ol textarea {width:235px;height:230px;}

/** Structure styles **/
#wrapper {width:1204px;margin:0 auto;overflow:hidden;}
#copyright {width:1204px;margin:0 auto;padding:20px 0;text-align:center;font-size:11px;}
#links {width:900px;margin:10px auto 0 auto;text-align:center;}
#links a {white-space:nowrap;}

#side-left {width:151px;min-height:700px;height:auto !important;height:700px;float:left;background:url('../img/bg-panorama-left.jpg') no-repeat 0px 88px;display:inline;}
#side-right {width:146px;min-height:700px;height:auto !important;height:700px;float:right;background:url('../img/bg-panorama-right.jpg') no-repeat 0px 86px;display:inline;}
.side {margin-top:86px;}
.side img {display:block;margin:0 auto;}
#side-left .identify {height:88px;margin-bottom:445px;background:#0f1658 url('../img/established.png') no-repeat 27px 69px;overflow:auto;}
#side-right .identify {height:86px;margin-bottom:450px;background:#0f1658 url('../img/austin.png') no-repeat 37px 69px;overflow:auto;}

#page {padding:0 23px;margin:0 123px 0 128px;background:url('../img/bg-repeat.png') repeat-y 0 0;position:relative;z-index:2;}
#header {height:98px;background:#0f1658 url('../img/bg-header.jpg') no-repeat center bottom;}
#nav {height:72px;background:#d7c9b7 url('../img/bg-nav.png') no-repeat 13px 44px;position:relative;}
#shadow {height:29px;margin:0 0 0 128px;background:url('../img/shadow.png') no-repeat 0 0;}
#page ul, #page ol {margin:10px 10px 10px 50px;}

#nav img {position:absolute;top:-79px;left:293px;z-index:1;}
#nav ul {margin:0;padding:0;list-style:none;position:absolute;top:23px;left:17px;z-index:2;}
#nav li {float:left;margin:0;padding:0;}
#nav li span {display:none;}
#nav li a {display:block;height:12px;color:#0f1658;}
#nav-01 {width:34px;background:url("../img/nav/nav-01-off.gif") no-repeat 0 1px;margin-right:12px;}
#nav-01:hover {background:url("../img/nav/nav-01-on.gif") no-repeat 0 0;}
#nav-02 {width:48px;background:url("../img/nav/nav-02-off.gif") no-repeat 0 1px;margin-right:12px;}
#nav-02:hover {background:url("../img/nav/nav-02-on.gif") no-repeat 0 0;}
#nav-03 {width:62px;background:url("../img/nav/nav-03-off.gif") no-repeat 0 1px;margin-right:12px;}
#nav-03:hover {background:url("../img/nav/nav-03-on.gif") no-repeat 0 0;}
#nav-04 {width:55px;background:url("../img/nav/nav-04-off.gif") no-repeat 0 1px;margin-right:12px;}
#nav-04:hover {background:url("../img/nav/nav-04-on.gif") no-repeat 0 0;}
#nav-05 {width:26px;background:url("../img/nav/nav-05-off.gif") no-repeat 0 1px;margin-right:322px;}
#nav-05:hover {background:url("../img/nav/nav-05-on.gif") no-repeat 0 0;}
#nav-06 {width:44px;background:url("../img/nav/nav-06-off.gif") no-repeat 0 2px;margin-right:12px;}
#nav-06:hover {background:url("../img/nav/nav-06-on.gif") no-repeat 0 0;}
#nav-07 {width:26px;background:url("../img/nav/nav-07-off.gif") no-repeat 0 0;margin-right:12px;}
#nav-07:hover {background:url("../img/nav/nav-07-on.gif") no-repeat 0 0;}
#nav-08 {width:47px;background:url("../img/nav/nav-08-off.gif") no-repeat 0 1px;margin-right:12px;}
#nav-08:hover {background:url("../img/nav/nav-08-on.gif") no-repeat 0 0;}
#nav-09 {width:52px;background:url("../img/nav/nav-09-off.gif") no-repeat 0 1px;margin-right:12px;}
#nav-09:hover {background:url("../img/nav/nav-09-on.gif") no-repeat 0 0;}
#nav-10 {width:62px;background:url("../img/nav/nav-10-off.gif") no-repeat 0 1px;}
#nav-10:hover {background:url("../img/nav/nav-10-on.gif") no-repeat 0 0;}

#home {height:374px;padding:69px 0 0 332px;background:#d7c9b7 url('../img/bg-panorama-middle.jpg') no-repeat 16px 0px;}
#sec {min-height:720px;height:auto !important;height:720px;padding:20px;background:#d7c9b7;}

#sections {height:294px;padding:10px 0 0 12px;background:#d7c9b7;overflow:hidden;}
#section-01 {width:201px;float:left;display:inline;}
#section-02 {width:242px;float:left;margin:0 11px 0 0;padding-top:9px;display:inline;}
#section-03 {float:left;display:inline;}

.frame-home {width:447px;height:309px;background:url("../img/frame-home.png") no-repeat top left;overflow:hidden;}
.frame-home .frame-head {height:27px;padding-top:29px;text-align:center;}
.frame-home .frame-content {height:197px;margin:10px 20px;overflow:hidden;}

.frame-top {width:458px;height:309px;background:url("../img/frame-top.jpg") no-repeat top left;overflow:hidden;}
.frame-top .frame-head {height:27px;padding-top:29px;padding-left:27px;}
.frame-top .frame-content {height:197px;margin:10px 25px 10px 20px;}

.frame-bottom {width:468px;height:315px;margin-left:27px;background:url("../img/frame-bottom.jpg") no-repeat top left;overflow:hidden;}
.frame-bottom .frame-head {height:35px;}
.frame-bottom .frame-content {height:218px;margin:10px 25px 10px 30px;}

.frame-form {width:449px;height:536px;background:url("../img/frame-form.jpg") no-repeat top left;}
.frame-form .frame-head {height:60px;position:relative;}
.frame-form .frame-content {margin:20px 25px 10px 25px;overflow:hidden;}

.frame-spacer {height:28px;padding-top:7px;text-align:center;position:relative;}
.frame-spacer #img-philosophy {position:absolute;top:13px;left:320px;}
.frame-spacer #img-gilbert {position:absolute;top:25px;left:340px;}
.frame-spacer #img-lillie {position:absolute;top:25px;left:355px;}

#img-art-01 {position:absolute;top:-38px;left:356px;}
#img-art-02 {position:absolute;top:-27px;left:193px;}
#img-art-03 {position:absolute;top:-65px;left:328px;}
#img-art-04 {position:absolute;top:219px;left:475px;}
#img-art-05 {position:absolute;top:-22px;left:388px;}
#img-art-06 {position:absolute;top:-10px;left:233px;}
#img-art-07 {position:absolute;top:-40px;left:337px;}
#img-art-08 {position:absolute;top:242px;left:222px;z-index:2;}

.columns-tbl {width:100%;}
.columns-td-left {width:341px;}
.columns-td-right {padding-top:25px;}

.clients-tbl {margin:0 0 0 30px;}
.clients-td-left {width:310px;text-align:center;}
.clients-td-right {padding:25px 0 0 60px;}
.clients-td-left .border {border:6px solid #c1b3a1;display:block;margin:0 auto 30px auto;}

.quote-tbl {margin:0;}
.quote-td-left {width:360px;}
.quote-td-right {}

.sidenote {height:200px;position:relative;}
.sidenote #tagline-history {position:absolute;top:38px;left:20px;}
.sidenote #img-egg {position:absolute;top:-85px;left:170px;}
.sidenote #tagline-talent {position:absolute;top:45px;left:45px;}
.sidenote #img-crayons {position:absolute;top:-61px;left:172px;}
.sidenote #img-flowers {position:absolute;top:-72px;left:85px;}
.sidenote #img-email {position:absolute;top:133px;left:24px;}
.sidenote #img-lady {position:absolute;top:0px;left:-171px;}
.sidenote #tagline-quote {position:absolute;top:405px;left:60px;}
.sidenote #img-palette {position:absolute;top:20px;left:10px;}
.sidenote #img-trianon {position:absolute;top:-470px;left:-65px;}
.sidenote #frame-lillie {position:absolute;top:-22px;left:6px;margin-left:0;}
.sidenote #img-lillie {position:absolute;top:-65px;left:-38px;z-index:2;}
.sidenote #img-gilbert {position:absolute;top:-65px;left:-38px;z-index:2;}

.headline {text-align:center;margin-bottom:20px;}
.headline img {display:block;margin:0 auto;}

.qa {width:795px;margin:0 auto 10px auto;background:#ded3c5;border:5px solid #edddc8;}
.qa .q {width:40px;padding:5px;text-align:center;font-size:16px;color:#632450;}
.qa .a {width:40px;padding:5px;text-align:center;font-size:16px;}
.qa .question {padding:5px 15px 5px 5px;font-size:14px;color:#632450;vertical-align:middle;}
.qa .answer {padding:5px 15px 5px 5px;}

.tips {width:795px;margin:0 auto;background:#ded3c5;border:5px solid #edddc8;}
.tips .title {padding:5px 15px;font-size:14px;color:#632450;}
.tips .text {padding:5px 15px 5px 30px;}
.tips .graphic {width:145px;padding:0;}
.tips .graphic div {position:relative;}
.tips .graphic img {position:absolute;}
.tips-spacer {width:100px;height:42px;margin:20px auto;}
.tips-spacer img {width:100px;height:42px;display:block;}
.tips-spacer-blank {height:60px;}

.portfolio {margin:0 auto;}
.portfolio .portfolio-col {width:350px;background:#ebe0d1;}
.portfolio .portfolio-spacer {width:35px;}
.portfolio .portfolio-cat {height:17px;padding-top:10px;margin:0;text-align:center;background:url("../img/bg-cat.jpg") no-repeat top left;}
.portfolio .portfolio-cat img {display:block;margin:0 auto;}
.portfolio ul {margin: 15px 25px 15px 45px;padding:0;list-style:none;}
.portfolio li {margin:0;padding:3px 0;}
#portfolio-nav {margin:10px 0 0 0;}

.portfolio-tbl {margin:0;}
.portfolio-td-left {width:450px;text-align:center;}
.portfolio-td-right {padding:25px 0 0 25px;}
.portfolio-td-left .border {border:6px solid #c1b3a1;display:block;margin:0 auto 10px auto;}

#portfolio-title {width:343px;height:39px;margin:15px auto;padding:38px 125px 0 125px;text-align:center;background:url("../img/bg-site.png") no-repeat top left;color:#ffffff;font-size:12px;font-family:Verdana,Arial, sans-serif;}

.services {margin:0 auto;}
.services .services-cnt {width:720px;height:350px;padding:35px 40px;background:#d2c5b1 url("../img/bg-pattern.jpg") no-repeat top left;border:3px solid #a49468;font-size:13px;}
.services .services-wrapper {overflow:hidden;}
.services .services-title {font-weight:bold;font-size:15px;}
.services .services-more {font-weight:bold;margin:5px 0 0 0;clear:both;}
.services .services-spacer {height:45px;overflow:hidden;}
.services .services-spacer img {width:70px;height:8px;display:block;margin:18px auto;}

#footer {width:911px;height:35px;margin-left:151px;background:url('../img/footer.png') no-repeat top left;}
#footer ul {margin:0;padding:7px 0 0 0;list-style:none;text-align:center;}
#footer li {margin:0 11px;padding:0;display:inline;font-size:13px;}
#footer a:link, #footer a:active, #footer a:visited {text-decoration:none;color:#101b6c;}
#footer a:hover {text-decoration:none;color:#ffffff;}