/* CSS Document */

/*INCLUDE CSS FILES*/
@import url("reset.css");
@import url("menu.css");
@import url("cms.css");
@import url("lightbox.css");

/*GLOBAL*/
html{margin:0px; padding:0px; width:100%; height:100%; font:62.5% Helvetica, Arial, sans-serif; color:#FFFFFF;}
body{margin:0px; padding:0px; width:100%; height:100%;  min-width:960px; text-align:center; background:url(../gui/bg.gif);}

a, a:visited{text-decoration:none;}

/* ETC */
#etc{width:100%; height:313px; background:url(../gui/bg_etc.gif) repeat-x; overflow:hidden;}
#etc_container{margin:auto; width:960px; height:313px; position:relative; text-align:left;}

	#new #etc { position: absolute; top: 0px; left: 0px; }
		#new #etc_container { position: absolute; margin-left: -480px; left: 50%; }

#etc_highlight{width:528px; height:267px; position:absolute; top:45px; left:350px; background:url(../gui/highlight_etc.gif) no-repeat;}
#etc_secret{width:276px; height:273px; position:absolute; top:0px; left:-4px; background:url(../gui/secret.gif) no-repeat; text-indent:-9999px;}
#etc_tweet_title{text-indent:-9999px;}
#tweets{width:238px; height:170px; position:absolute; top:0px; left:0px; padding:140px 18px 0px 16px; background:url(../gui/twitter.gif) no-repeat;}
#tweets li{color:#403F41; font-size:1.4em; line-height:1.5em;}
#tweets li a{font-size:1em; text-transform:none; padding:0px; display:inline; border-bottom:1px dashed #2A2B2C;}
#tweets li a:hover{border-bottom:1px dashed #2A2B2C; color:#403F41; background:none;}
#tweets li .timePosted{color:#6c6d70;}
#tweets .user { display:none; }
#etc a#etc_tweet_link{display:block; color:#CFE795; font-size:1.4em; position:absolute; top:272px; /*default: 264px*/ left:16px; background:#414143 url(../gui/bg_link2.gif) no-repeat top right; text-transform:lowercase; padding:6px 10px 7px 10px;}
#etc a#etc_tweet_link:hover{background:#28282a url(../gui/bg_link2.gif) no-repeat right -50px;}
#etc_love{width:142px; position:absolute; top:68px; left:346px;}
#etc_love h3{width:88px; height:35px; background:url(../gui/title_love.gif) no-repeat top right; text-indent:-9999px;}
#etc_learn{width:152px; position:absolute; top:68px; left:516px;}
#etc_learn h3{width:152px; height:35px; background:url(../gui/title_learn.gif) no-repeat top right; text-indent:-9999px;}
#etc_inspired{width:180px; position:absolute; top:68px; left:704px;}
#etc_inspired h3{width:180px; height:35px; background:url(../gui/title_inspired.gif) no-repeat top right; text-indent:-9999px;}
#etc a{display:block; height:14px; color:#403F41; font-size:1.4em; text-transform:lowercase; padding:4px 8px 5px 8px;}
#etc a:hover{color:#FFFFFF; background-color:#565656; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
#etc_btn{display:block; width:45px; height:35px; position:absolute; top:-1px; right:30px; background:url(../gui/btn_etc.gif) no-repeat; text-indent:-9999px; cursor:pointer;}

#background{margin:auto; width:100%; height:100%; background:url(../gui/bg_header.gif) repeat-x 0px 67px; position:relative;}
#highlight{margin:auto; width:100%; height:514px; background:url(../gui/highlight.gif) no-repeat center top; position:absolute; top:0px; left:-80px;}
#lines{margin:auto; width:100%; height:2349px; background:url(../gui/lines_ver2.gif) no-repeat center top; position:absolute; top:0px; left:0px;}
#line_left{display:block; width:1px; height:1807px; position:absolute; top:21px; left:0px; background:url(../gui/line_left.gif) no-repeat;}
#line_touch{display:block; width:1px; height:567px; position:absolute; top:1302px; left:35px; background:url(../gui/line_touch.gif) no-repeat;}
#line_middle{display:block; width:1px; height:2056px; position:absolute; top:187px; right:273px; background:url(../gui/line_middle.gif) no-repeat;}
#line_right{display:block; width:1px; height:2019px; position:absolute; top:170px; right:0px; background:url(../gui/line_right_2.gif) no-repeat;}
#container{margin:0px auto; width:960px; min-height:100%; height:auto !important; height:100%; position:relative; text-align:left; background:none; overflow:visible;}
#logo{display:block; width:270px; height:68px; position:absolute; top:68px; left:1px; z-index:20; background:url(../gui/logo.gif) no-repeat; text-indent:-9999px;}
#logo a{display:block; width:270px; height:68px;}
#tagline{display:block; width:165px; height:29px; position:absolute; top:138px; left:106px; background:url(../gui/tagline.gif) no-repeat; text-indent:-9999px;}
#menu{display:block; width:670px; height:47px; padding-left:15px; position:absolute; top:188px; left:1px; z-index:20; background:url(../gui/bg_menu.jpg) no-repeat;}

#top{position:absolute; top:0px; left:0px;}
#arrow1{display:block; width:106px; height:25px; position:absolute; top:928px; left:694px; background:url(../gui/arrow_top.gif) no-repeat; text-indent:-9999px;}
#arrow2{display:block; width:106px; height:25px; position:absolute; top:1836px; left:568px; background:url(../gui/arrow_top.gif) no-repeat; text-indent:-9999px;}
#arrow1:hover, #arrow2:hover{background:url(../gui/arrow_top.gif) no-repeat 0px -25px;}

#work{display:block; width:685px; height:541px; position:absolute; top:257px; left:1px; background:url(../gui/bg_work.jpg) no-repeat;}
#work_title{display:block; width:392px; height:46px; position:absolute; top:20px; left:26px; background:url(../gui/title_work.gif) no-repeat; text-indent:-9999px;}
#work_web, #work_print, #work_interactive{display:block; width:685px; height:480px; position:absolute; top:80px; left:0px; overflow:auto;}
#work_web{z-index:50;}
#work_print{z-index:40;}
#work_interactive{z-index:40;}
#web{display:block; width:26754px;}/*WIDTH VALUE SHOULD CHANGE BASED ON NUMBER OF ITEMS IN PORTFOLIO (686 x Number of Items)*/
#print{display:none; width:10290px;}
#interactive{display:none; width:10000px;}
#work_web li, #work_print li, #work_interactive li{display:block; width:686px; height:460px; float:left; position:relative;}
#work_web li a, #work_print li a, #work_interactive li a{display:block; color:#CFE795; font-size:1.6em; position:absolute; top:416px; left:14px; background:#28292a url(../gui/bg_link.gif) no-repeat top right; text-transform:lowercase; padding:8px 12px 9px 12px;}
#work_web li a:hover, #work_print li a:hover, #work_interactive li a:hover{background:#101011 url(../gui/bg_link.gif) no-repeat right -50px;}
#work_menu{display:block; width:293px; height:33px; position:absolute; top:496px; right:0px; background:url(../gui/bg_workmenu.jpg) no-repeat right; z-index:60;}
#arrow_left{display:block; width:76px; height:143px; position:absolute; top:500px; left:-39px; background:url(../gui/arrow_left.gif) no-repeat; cursor:pointer; z-index:70; display:none;}
#arrow_right{display:block; width:77px; height:117px; position:absolute; top:460px; left:647px; background:url(../gui/arrow_right.gif) no-repeat; cursor:pointer; z-index:70; display:none;}

#story{display:block; width:273px; height:732px; position:absolute; top:188px; left:686px; background:url(../gui/bg_story.jpg) no-repeat; overflow:hidden;}
#story_title{display:block; width:177px; height:86px; position:absolute; top:21px; left:18px; background:url(../gui/title_story.gif) no-repeat; text-indent:-9999px;}
#story_text{display:block; width:206px; height:604px; position:absolute; top:104px; left:46px; font-size:1.4em; line-height:1.52em; z-index:20;}

#clients{display:block; width:685px; height:449px; position:absolute; top:824px; left:1px; background:url(../gui/bg_clients.jpg) no-repeat; overflow:hidden; z-index: 999;}
#clients_helped{display:block; width:285px; height:71px; position:absolute; top:20px; left:26px; background:url(../gui/title_helped.gif) no-repeat; text-indent:-9999px;}
#clients_column1{width:155px; position:absolute; top:104px; left:22px;}
#clients_column2{width:165px; position:absolute; top:104px; left:194px;}
#clients_column1 a, #clients_column2 a{display:block; height:14px; color:#ffffff; font-size:1.4em; padding:4px 8px 4px 8px;}
#clients_column1 a:hover, #clients_column2 a:hover{background-color:#34373b; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
#clients_saying{display:block; width:219px; height:34px; position:absolute; top:57px; left:407px; background:url(../gui/title_saying.gif) no-repeat; text-indent:-9999px;}
#clients_quotes{display:block; width:289px; height:301px; position:absolute; top:95px; left:381px; background:url(../gui/bg_saying.gif) no-repeat left bottom; overflow:hidden; font-size:1.6em; line-height:1.46em;}
blockquote{display:block; width:247px; height:264px; padding:16px 24px 20px 24px; position:absolute; top:0px; left:1px; background:url(../gui/bg_quotes.jpg) no-repeat; overflow:hidden;}
.credit{display:block; color:#CFE795; padding-top:12px; line-height:1.36em;}
#clients_numbers{display:block; width:176px; height:29px; position:absolute; top:395px; left:408px;}
a#clients_more{display:block; width:58px; height:29px; position:absolute; top:395px; right:34px; background:url(../gui/more.gif) no-repeat; text-indent:-9999px;}
a#clients_more:hover{background:url(../gui/more.gif) no-repeat 0px -29px;}

#process{display:block; width:273px; height:1006px; position:absolute; top:1145px; left:686px; background:url(../gui/bg_process_2.jpg) no-repeat; overflow:hidden; z-index: 999;}
#process_title{display:block; width:192px; height:65px; position:absolute; top:21px; left:18px; background:url(../gui/title_process.gif) no-repeat; text-indent:-9999px;}
#process_text{display:block; width:210px; height:604px; position:absolute; top:108px; left:41px; font-size:1.4em; line-height:1.52em; z-index:20;}
#process a{color:#CFE795;}
#process a:hover{border-bottom:1px dashed #CFE795; cursor:pointer;}

#touch{display:block; width:650px; height:526px; position:absolute; top:1301px; left:36px; background:url(../gui/bg_touch.jpg) no-repeat;}
#touch_visit{display:block; width:168px; height:77px; position:absolute; top:20px; left:26px; background:url(../gui/title_visit.gif) no-repeat; text-indent:-9999px;}
#touch_address{display:block; width:228px; position:absolute; top:110px; left:46px; font-size:1.5em; line-height:1.6em;}
#touch a#map{display:block; margin:8px 0px 0px -2px; width:228px; height:185px; background:url(../gui/map.gif) no-repeat; text-indent:-9999px;}
#touch a#map:hover{background:url(../gui/map.gif) no-repeat 0px -185px;}
a#touch_request{display:block; width:316px; height:62px; position:absolute; top:450px; left:-19px; background:url(../gui/btn_request.gif) no-repeat; text-indent:-9999px; z-index:10;}
A#touch_request:hover{background:url(../gui/btn_request.gif) no-repeat 0px -62px;}
#touch_phone{display:block; width:163px; height:19px; position:absolute; top:378px; left:46px; background:url(../gui/title_phone.gif) no-repeat; text-indent:-9999px;}
#touch_numbers{display:block; width:228px; position:absolute; top:400px; left:46px; font-size:1.6em; line-height:1.5em;}
#touch_email{display:block; width:127px; height:15px; position:absolute; top:78px; left:372px; background:url(../gui/title_email.gif) no-repeat; text-indent:-9999px;}
#touch_emailaddress{font-size:1.6em; color:#FFFFFF; position:absolute; top:105px; left:354px; text-indent:20px; line-height:1.66em;}
#touch #form{display:block; width:127px; height:15px; position:absolute; top:102px; left:350px; display:none;}
#touch #form input, #touch #form textarea, div.mc-field-group input{display:block; width:218px; border:1px solid #c3c3c3; margin:11px 0px 0px 22px; padding:4px 4px 4px 6px; border-top:2px solid #999999; border-bottom:1px solid #dddddd; font-family:Helvetica, Arial, sans-serif;  font-size:1.5em; line-height:1.18em; color:#8FBC40;}
#touch #message{height:176px;}
#touch input#submit{background:url(../gui/submit.gif) no-repeat; width:76px; height:33px; border:none; margin:14px 0px 0px 22px; padding:0px;}
#touch input#submit:hover, #touch input#submit.over{background:url(../gui/submit.gif) no-repeat 0px -33px;}

#touch_human{display:block; width:227px; height:237px; position:absolute; top:114px; left:373px; background:url(../gui/human.gif) no-repeat; display:none;}
#touch_human p{text-indent:-9999px;}
#touch #validation{display:block; width:127px; height:15px; position:absolute; top:120px; left:16px;}
#touch #validation input{display:block; width:178px; border:1px solid #c3c3c3; margin:6px 0px 0px 0px; padding:4px 4px 4px 6px; border-top:2px solid #999999; border-bottom:1px solid #dddddd; font-family:Helvetica, Arial, sans-serif;  font-size:1.5em; line-height:1.18em; color:#8FBC40;}
#touch input#submit2{background:url(../gui/submit.gif) no-repeat; width:76px; height:33px; border:none; margin:34px 0px 0px 0px; padding:0px;}
#touch input#submit2:hover, #touch input#submit2.over{background:url(../gui/submit.gif) no-repeat 0px -33px;}
#touch_loader{width:24px; height:24px; position:absolute; top:307px; left:476px; background:url(../gui/loader.gif) no-repeat; display:none;}
#touch_thanks{display:block; width:227px; height:147px; position:absolute; top:114px; left:373px; background:url(../gui/thanks.gif) no-repeat; text-indent:-9999px; display:none;}

#submenu{position:absolute; top:1838px; left:52px; color:#898B8C; font-size:1.4em; line-height:1.52em;}
#submenu a{color:#898B8C;}
/*
#submenu a:last-child{display:none;}
*/
#submenu a:hover{border-bottom:1px dashed #898B8C;}
#copyright{position:absolute; top:2159px; left:697px; color:#898B8C; font-size:1.2em; line-height:1.52em;}

#lightbox, #lightbox2{min-width:720px; width:auto !important; width:720px;}
#lightbox2{background:#32580d;}

#cost{margin:20px !important; margin:19px 19px;  display:block; width:685px; position:relative; border:1px dashed #323335; overflow:hidden;}
#cost a{color:#CFE795;}
#cost a:hover{border-bottom:1px dashed #CFE795; cursor:pointer;}
#cost_factors{display:block; width:241px; height:70px; position:absolute; top:20px; left:26px; background:url(../gui/title_cost.gif) no-repeat; text-indent:-9999px; z-index:20;}
#cost_factors_interior{display:block; width:241px; height:70px; position:absolute; top:24px; right:46px; background:url(../gui/title_cost.gif) no-repeat; text-indent:-9999px; z-index:20;}
#cost_text{display:block; width:605px; padding:116px 40px 60px 40px; position:relative; font-size:1.4em; line-height:1.52em; text-align:left; background:#515153;}

#request{margin:20px !important; margin:19px 19px; display:block; width:685px; position:relative; border:1px dashed #323335; overflow:hidden;}
#request_quote{display:block; width:241px; height:47px; position:absolute; top:20px; left:26px; background:url(../gui/title_request.gif) no-repeat; text-indent:-9999px; z-index:20;}
#request_text{display:block; width:605px; min-height:540px; padding:86px 30px 60px 50px; position:relative; font-size:1.4em; line-height:1.52em; text-align:left; background:#91BF47; color:#32580D;}
#request_form{display:block; width:625px; margin-left:-22px; padding:14px 0px 20px 0px; display:none; font-size:10px; border-top:1px dashed #32580D; border-bottom:1px dashed #32580D;}
#request_form_left{width:270px; padding-right:40px; float:left;}
#request_form_right{width:230px; float:left}
#request_form_center{clear:both; width:625px; padding-top:14px;  border-top:1px dashed #32580D;}
#request_form #radios, #request_form #checkboxes{padding:20px 0px 20px 22px; font-size:1.4em; line-height:1.8em;}
#request_form input:focus{outline-width:0px;}
#request_form input, #request_form textarea{display:block; width:230px; border:1px solid #c3c3c3; margin:11px 0px 0px 22px; padding:4px 4px 4px 6px; border-top:2px solid #999999; border-bottom:1px solid #dddddd; font-family:Helvetica, Arial, sans-serif;  font-size:1.5em; line-height:1.18em; color:#84B538;}
#request_form #radios input, #request_form #checkboxes input{display:inline; margin:0px; margin-left:-6px; padding:0px; width:26px;}
#request_form #message{width:532px; height:220px; padding:8px 8px 8px 10px;}
#request_form input#submit{background:url(../gui/submit.gif) no-repeat; width:76px; height:33px; border:none; margin:14px 0px 0px 22px; padding:0px;}
#request_form input#submit:hover, #request_form input#submit.over{background:url(../gui/submit.gif) no-repeat 0px -33px;}
#request_human{display:block; width:227px; height:237px; position:absolute; top:220px; left:50px; background:url(../gui/human.gif) no-repeat; font-size:10px; display:none;}
#request_human p{text-indent:-9999px;}
#request_human #validation{display:block; width:127px; height:15px; position:absolute; top:118px; left:18px;}
#request_human #validation input{display:block; width:178px; border:1px solid #c3c3c3; margin:6px 0px 0px 0px; padding:4px 4px 4px 6px; border-top:2px solid #999999; border-bottom:1px solid #dddddd; font-family:Helvetica, Arial, sans-serif;  font-size:1.5em; line-height:1.18em; color:#8FBC40;}
#request_human input#submit2{background:url(../gui/submit.gif) no-repeat; width:76px; height:33px; border:none; margin:34px 0px 0px 0px; padding:0px;}
#request_human input#submit2:hover, #request_form input#submit2.over{background:url(../gui/submit.gif) no-repeat 0px -33px;}
#request_loader{width:24px; height:24px; position:absolute; top:412px; left:156px; background:url(../gui/loader.gif) no-repeat; display:none;}
#request_thanks{display:block; width:227px; height:147px; position:relative; background:url(../gui/thanks.gif) no-repeat; text-indent:-9999px; display:none;}
#request a{color:#32580D; font-weight:bold;}
#request a:hover{border-bottom:1px dashed #32580D; cursor:pointer;}

#seo{margin:20px !important; margin:19px 19px; display:block; width:685px; position:relative; border:1px dashed #323335; overflow:hidden;}
#seo a{color:#CFE795;}
#seo a:hover{border-bottom:1px dashed #CFE795; cursor:pointer;}
#seo_title{display:block; width:292px; height:70px; position:absolute; top:20px; left:26px; background:url(../gui/title_seo.gif) no-repeat; text-indent:-9999px; z-index:20;}
#seo_title_interior{display:block; width:292px; height:70px; position:absolute; top:24px; right:46px; background:url(../gui/title_seo.gif) no-repeat; text-indent:-9999px; z-index:20;}
#seo_text{display:block; width:605px; padding:116px 40px 60px 40px; position:relative; font-size:1.4em; line-height:1.52em; text-align:left; background:#515153;}

.green{color:#CFE795;}
.lightgreen{color:#e2ebd2;}
.asterisk{display:block; background:url(../gui/asterisk.gif) no-repeat left 4px;}
.asterisk2{display:block; background:url(../gui/asterisk2.gif) no-repeat left 4px;}
.smallText{font-size:.8em;}

a#interior_logo { position: absolute; top: 22px; left: 30px; background: url(../gui/logo.gif) no-repeat; width: 270px; height: 68px; z-index: 90; text-indent: -9999px; }
a#interior_logo:hover { border-bottom: none; }

/* Mail Chimp Styles */


#mc_embed_signup { position: absolute; width: 243px; /*border: 1px solid black;*/ left: 686px; top: 975px; z-index: 20; padding: 0 0 0 20px; }
#mc_embed_signup p {color:#7e7e7e; font-size:1.2em; line-height:1.42em; margin: 0 0 11px 0;}
#mc_embed_signup h3 { width: 135px; height: 15px; position: relative; display: block; text-indent: -9999px; background: transparent url(../gui/embed_h3.gif) left top no-repeat; margin: 2px 0 5px 0; }
#mc_embed_signup label { display: none; }
div.mc-field-group input { margin: 7px 0 0 0; }
#mc_embed_signup #mc-embedded-subscribe { background: transparent url(../gui/btn_subscribe.gif) no-repeat left top; width: 93px; height: 28px; position: relative; border: none; font-size: 0; display:block; line-height: 0; margin: 10px 0 0 0;  }
#mc_embed_signup #mc-embedded-subscribe:hover, #mc_embed_signup #mc-embedded-subscribe.over { background: transparent url(../gui/btn_subscribe.gif) no-repeat left -28px; cursor: pointer; }
#mce-responses { position: absolute; white-space: 243px; top: 0; color:#666; font-size:1.2em; line-height:1.52em; z-index: 30; background:url(../gui/bg.gif);  }

/* HIDDEN ELEMENTS */
hr{display:none;}
.clear{clear:both; height:0px;}



/* Good Fit Page */
body.goodfit { color: #666; }

/* Good Fit Typography */
.goodfit p, .goodfit #content ul, .goodfit h3 { font-size: 15px; margin-bottom: 1em; font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2", Helvetica, Arial, sans-serif; line-height: 1.3em; clear: left; }
.goodfit h1, .goodfit h2, .goodfit h3 { font-family: "proxima-nova-1","proxima-nova-2", Helvetica, Arial, sans-serif; padding-bottom: 0.4em;}
.goodfit h1 { font-size: 4em; }
.goodfit h2 { font-size: 3em; }
	.goodfit ul.whatToExpect h2 { font-size: 2em; }
.goodfit h3 { color: #000; font-weight: normal; }
.goodfit p.callout { font-size: 2em; width: 650px; float: left; }


/* Good Fit Structure */

.goodfit #menu { top: 78px; left: 290px; }
.goodfit #content { top: 230px; position: relative; overflow: hidden; width: 660px; }
.goodfit .column { width: 300px; padding: 0 40px 0 0; float: left; }

ul.whatToExpect { width: 200px;  position: absolute; right: 40px; font-size: 13px; }
.goodfit .section { position: relative; float: left; padding-top: 40px; }
.goodfit dl { float: left; width: 300px; }
.goodfit #mc_embed_signup { left: 716px; top: 235px; }

.addthis { margin-top: 10px; }
.addthis p {float: left; margin-right: 5px;}

/*"HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeueLTStd-Lt", "Helvetica Neue", */