/* GENERAL */
html, body { background: #FFE9B7; color: #4D4026; margin: 0px; padding: 0px;}
body { min-width: 950px; max-width: 1240px; margin: 0 auto; position: relative; padding-bottom: 30px; font-family: Georgia, Times, 'Times New Roman', serif;}
body img { border: none;}

a, a:link { color: #80009e; outline: none;}
a:active { outline: none;}
a:hover { color: #a800d0; text-decoration: none; }
input, textarea { color: #4d4026; border-color: #bfb9ad;}
input:hover, textarea:hover { background-color: #fffecc; color: #555555; border-color: #9a3baf;}
input:focus, textarea:focus { background-color: #ffffff; color: #000000;}


/* LAYOUT */
#Header { position: relative; display: block; font: normal 21px/120% Georgia, Times, 'Times New Roman', serif; margin: 0 15px; height: 4.5em;}	
#Bind { position: relative; background-color: #FFFFFF; height: 20px; display: block; border-top: 1px solid #D4D4D4; margin: 0 15px; }
#BindShade { position: relative; background: #dadada; height: 1px; display: block; margin: 0 15px; }
#Content { position: relative; background: #F7F5F0; display: block; padding-top: 0; border-bottom: 1px solid #F7F5F0; margin: 0 15px; overflow: hidden;}
#Footer { position: relative; height: 70px; display: block; background-color: #dadada; margin: 0 15px 10px; -webkit-border-radius: 20px 20px; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0;  -moz-border-radius: 20px 20px; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; border-radius: 20px 20px;  border-top-left-radius: 0; border-top-right-radius: 0; border-style: solid; border-color: #ffffff; border-width: 0 2px 2px; -webkit-box-shadow: 0 7px 10px #e9cb85; -moz-box-shadow: 0 7px 10px #e9cb85; box-shadow: 0 7px 10px #e9cb85;}
#Policy { position: relative; display: block; margin: 10px 15px 10px; font-size: 12px; padding: 0 40px; text-align: center;}

#Header ul { position: absolute; top: 0px; left: 26%; height: 105px; width: 65%; margin: 0px; padding: 0px; list-style: none;}
#Header ul li { float: left; height: 40px; padding: 32px 0; width: 19%; margin: 0px; text-align: center; color: #666666;}
#Header ul li.last { border-right: 1px solid #ffffff;}
#Header ul li.current { color: #000000; background: #FFDA87 url('/img/common/menu-current-shade.gif') left bottom repeat-x; font-weight: bold;}
#Header .logo {  position: relative; width: 180px; height: 50px; padding: 20px 0 20px 40px; }
#Header .logo a { display: block; height: 50px; width: 200px; text-indent: -100em; overflow: hidden; background: transparent url('/img/common/elro-logo-new.png') center center no-repeat;}
#Header ul li a { text-decoration: none; display: inline; padding: 3px; }
#Header ul li a.current { background-color: #fffec8; color: #000000;}
#Header ul li a:hover { color: #FFE9B7; background-color: #80009e;}
#Header .contacts { position: absolute; width: 17%; right: 0; top: 0; height: 50px; padding: 20px 0;  text-align: left; text-shadow: 0 1px 0 #fdf7d4;}
#Header .contacts, #Header .contacts a { color: #191718; font-size: 18px; line-height: 20px; display: block; text-decoration: none;} 
#Header .contacts span { font-size: 15px;}

#Bind ul { position: absolute; bottom: 0px; height: 36px; width: 100%; margin: 0px; padding: 0px; list-style: none; }
#Bind ul li { float: left; width: 6%; margin-left: 1%; display: inline; height: 36px; background: transparent url('/img/common/fold-ring-shadow.png') center top no-repeat; text-align: center;}
#Bind ul li div { width: 27px; height: 26px; border-top: 1px solid #FFE9B7; background: #161613 url('/img/common/fold-ring.png') center top no-repeat; margin: 0 auto;}

#Bind span.category { position: absolute; bottom: 20px; left: 8%; width: 19%; height: 190px; background: #A8A8A8; border-top-color: #ffffff; border-top-width: 8px; border-top-style: solid;}
#Bind span.design { background: #FF9900;}
#Bind .plastic { width: 210px; height: 100px; bottom: 20px; right: 5%; position: absolute;}

#Content .leftCOLUMN { position: relative; float: left; width: 46%; }
#Content .rightCOLUMN { position: relative; float: right; width: 46%;}
#Content .rightSIDE { position: relative; float: right; width: 25%;}
#Content .leftSIDE { position: relative; float: left; width: 70%;}
#Content .searchPAN { background: #DAD7CE; clear: both; margin-top: 1em; }
#Content h3 { font: normal 32px/120% Georgia, sans-serif;}

#Footer p { float: right; width: 16em; color: #595959; font: normal 21px/120% Georgia, sans-serif; padding: 26px 0 2px 15px; border-left: 2px solid #ffffff; height: 72px; margin: -30px 0 0 0;}
#Footer { padding: 30px 0 0 40px;}
#Footer a { display: block; float: left; color: 525252; font: normal 24px/100% Georgia, sans-serif; color: #595959; text-decoration: none; padding-right: 40px;}
#Footer a span  { display: block; font-size: 13px; line-height: 100%; color: #80009e; text-decoration: underline; margin-top: 2px;}
#Footer p span { display: block; font-size: 13px; line-height: 100%; color: #404040;}
#Footer a:hover, #Footer a:hover span { color: #80009e; text-decoration: none;}
#Footer a.email { padding-right: 0;}

	/* SECTIONS */

.design h1 { color: #FF9900;}
#Content hr { clear: both; border: none; display: block; border-color: #F7F5F0; width: 90%; border-style: solid;}

	/* COMMON */

#Content .projectsList h3 { margin: 20px 0 5px;}
#Content .projectsList p { margin: 0 -1px; text-align: center; width: 32%; height: 220px; font: normal 16px/115% Georgia, Times, 'Times New Roman', serif; float: left;}
#Content .projectsList p a { display: block; color: #4d3f32; font-size: 11px; line-height: 120%; color: #99897a; padding: 0 10px; text-decoration: none;}
#Content .projectsList p a b { display: block; width: 170px; height: 170px; margin: auto; text-align: left; overflow: hidden; text-indent: -100em; background-repeat: no-repeat; background-position: center center;}
#Content .projectsList p a em { color: #4d3f32; font-size: 14px; line-height: 140%; padding: 1px 2px;}
#Content .projectsList p a i { display: block;}
#Content .projectsList p a:hover, #Content .brandsList li a:hover { background-color: #F7F5F0; color: #80009e;}
#Content .projectsList p a:hover span { text-decoration: underline;}
#Content .projectsList p a:hover span em { text-decoration: none; color: #ffffff; background-color: #80009e;}

 
 #Content #getStarted, #Content #getStartedTop { max-width: 300px; padding: 0; border: 1px solid #702f7f; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; padding: 0; background: #9535aa; -webkit-box-shadow: 0 3px 6px #9a9791; -moz-box-shadow: 0 3px 6px #9a9791; box-shadow: 0 3px 6px #9a9791; border-color: #5f006c #5f006c #551563; border-width: 1px 1px 2px;}
 #Content #getStarted a, #Content #getStartedTop a { display: block; background: #731c87 url('/img/layout/button-ink-backdrop.png') left top repeat-x; border: 1px solid #ffffff; -moz-border-radius: 13px; -webkit-border-radius: 13px; border-radius: 13px; padding: 10px 20px 25px 100px; position: relative; text-decoration: none;  font-weight: normal; border-color: #f0dcf4 #8a2ca0 #731b87; border-width: 1px 0 2px; -webkit-transition: -webkit-box-shadow .2s ease-in;}
 #Content #getStarted a b, #Content #getStartedTop a b { font-size: 32px; color: #ffffff; font-weight: normal; margin-top: 10px; display: block; text-shadow: 0 2px 0 #6b247b;}
 #Content #getStarted a span, #Content #getStartedTop a span { font-size: 14px; line-height: 16px; text-shadow: 0 1px 0 #4f175c; color: #ffffff; display: block;}
 #Content #getStarted a i, #Content #getStartedTop a i { top: 50%; left: 10px; margin-top: -40px; display: block; width: 80px; height: 80px; position: absolute; background: transparent url('/img/layout/button-arrow.png') center top no-repeat;}
/* #Content #getStarted a:hover { -webkit-box-shadow: 0 0 40px #d100ff; -moz-box-shadow: 0 0 40px #d100ff; box-shadow: 0 0 40px #d100ff;}*/
 #Content #getStarted a:hover i { background-position: 20pxv left;}
 #Content #smallCaption { font-size: 11px; padding-left: 50px;}
 #Content #smallCaption a { padding: 2px;}

#Content #getStartedTop { margin: 30px 20px 0 0;}

 #Content #getStarted-sm { width: 10em; padding: 0; border: 1px solid #702f7f; -moz-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px; padding: 0; background: #a463b3; -webkit-box-shadow: 0 2px 5px #9a9791; -moz-box-shadow: 0 2px 5px #9a9791; box-shadow: 0 2px 5px #9a9791; border-color: #b874c8 #834191 #551563;}
 #Content #getStarted-sm a { display: block; background: #731c87 url('/img/layout/button-ink-backdrop-sm.png') left top repeat-x; border: 1px solid #ffffff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 0 10px 0 40px; position: relative; text-decoration: none;  font-weight: normal; border-color: #f0dcf4 #a463b3 #7c3c8a; border-width: 1px 0; font-weight: normal; -webkit-transition: -webkit-box-shadow .2s ease-in;}
 #Content #getStarted-sm a b { font-size: 18px; line-height: 30px; color: #ffffff; font-weight: normal; display: block; text-shadow: 0 1px 0 #6b247b;}
 #Content #getStarted-sm a i { top: 50%; left: 10px; margin-top: -12px; display: block; width: 24px; height: 24px; position: absolute; background: transparent url('/img/layout/button-arrow-sm.png') center top no-repeat;}
/* #Content #getStarted-sm a:hover { -webkit-box-shadow: 0 0 50px #d100ff; -moz-box-shadow: 0 0 30px #d100ff; box-shadow: 0 0 30px #d100ff;}*/
 #Content #getStarted-sm a:hover i { background-position: top left;}
 #Content #getStarted-sm span { position: absolute; top: 100%; left: 0; text-align: center; width: 100%; font-size: 11px; margin-top: 5px; text-decoration: underline;}
 #Content #getStarted-sm a:hover span { text-decoration: none;}

.common #Content .rightCOLUMN { width: 30%;}
.common #Content .leftCOLUMN { width: 69%;}
.common #Content .leftCOLUMN h2, .common #Content .recentCarousel h2 { margin: 20px 20px 5px 45px; font-weight: normal; font-size: 36px; text-decoration: underline;}
.common #Content .rightCOLUMN h3 { margin: 20px 20px 5px 0px; font-size: 30px; position: relative;}
.common #Content .leftCOLUMN p, .home #Content .leftCOLUMN h1 { font: normal 16px/115% Georgia, Times, 'Times New Roman', serif;}
.common #Content .leftCOLUMN p { margin-left: 45px; margin-right: 50px;}
.common #Content .leftCOLUMN p a { padding: 0 2px;}
.common #Content .rightCOLUMN h3 b { display: block; position: absolute; left: -.6em; top: -.1em; font-family: Arial, sans-serif;}
.common #Content .rightCOLUMN .action { line-height: 150%;}
.common #Content .rightCOLUMN p.copy { margin: 0 20px 1em 0; font-size: 13px; color: #99897a; font-style: italic;}
.common #Content .rightCOLUMN p.customer { margin-top: 10px;}
.common #Content .rightCOLUMN p.customer a { display: block; font-size: 11px; font-weight: bold; text-align: right; margin: 5px 0 0 0;}
.common #Content .leftCOLUMN p.copy { margin-top: 0;}
.common #Content .leftCOLUMN p.below { clear: both;}
.common #Content .leftCOLUMN h1 { margin-bottom: .3em;}
.common #Content .leftCOLUMN div.mixed { margin-left: 45px; margin-right: 0px; float: left; width: 40%; }
.common #Content .leftCOLUMN div.mixed h3 { margin-bottom: 0; font-size: 30px;}
.common #Content .leftCOLUMN div.mixed h3 a { color: #1a150c; text-decoration: underline; padding: 3px; margin: -3px;}
.common #Content .leftCOLUMN div.mixed h3 a:hover { color: #ffffff; text-decoration: none; background-color: #80009e;}
.common #Content .leftCOLUMN div.mixed p { margin: 5px 0 0 0; }
.common #Content .leftCOLUMN div.mixed p a { display: inline-block; font-size: 11px;}
.common #Content .leftCOLUMN ul.copy { margin-left: 40px;}
.common #Content .leftCOLUMN div.submixed { clear: both; margin-left: 45px; font-size: 18px; line-height: 140%;}
.common #Content .leftCOLUMN div.submixed h1 { color: #000000; font-weight: normal; background-color: #faf9bb; display: inline-block; padding: 4px 8px; margin-right: 10px; line-height: 120%;}
.common #Content .leftCOLUMN div.submixed a { padding: 2px 4px;}
.common #Content .leftCOLUMN div.submixed a:hover { color: #ffffff; background-color: #80009e;}

.common #Content #getStarted-sm { float: right; margin-top: 2em;}
#Content #cleanFlow { border-bottom: 1px dashed #c4beb3; clear: both; height: 50px;}


#Content #getELRO { padding: 20px 20px 20px 40px;}
#Content #getELRO h3 { margin: 0; padding: 0;}
#Content #getELRO p { margin-top: 5px;}
#Content #getELRO p a { padding: 0 2px;}
#Content #getELRO #getStarted { float: right; margin-left: 15%;  width: 30%;}
#Content #getELRO .smallCaption { float: right; clear: right; max-width: 300px; margin: 10px 0 0 0; width: 30%;}
#Content #getELRO p a:hover, .common #Content .leftCOLUMN p a:hover { color: #ffffff; background-color: #80009e;}

	/* HOME */
.home #Content .rightCOLUMN { width: 64%;}
.home #Content .leftCOLUMN { width: 35%;}
.home #Content .leftCOLUMN h3 { margin: 20px 20px 5px 60px;}
.home #Content .leftCOLUMN p, .home #Content .leftCOLUMN h1 { margin-left: 60px; margin-right: 20px; margin-top: 5px; font: normal 16px/115% Georgia, Times, 'Times New Roman', serif;}
.home #Content h3.first { margin-top: 10px;}

#Content #getStarted, #Content #getStartedTop { margin: 0 10px 0 60px;}
#Content #getStarted a, #Content #getStartedTop a { padding: 5px 10px 10px 70px;}
#Content #getStarted a span, #Content #getStartedTop a span { font-size: 13px; line-height: 100%;}
#Content #getStarted a b, #Content #getStartedTop a b { margin-top: 0;}
#Content #getStarted a i, #Content #getStartedTop a i { background-image: url('/img/layout/button-arrow-only.png'); background-position: center center; width: 60px;}
#Content #smallCaption { font-size: 11px; margin: 12px 0 0 70px; }
#Content #smallCaption span { padding: 3px; font-size: 10px;}
.home #Content #smallCaption span a { color: #74008a;}
.home #Content #smallCaption span a:hover { background-color: transparent; color: #000000;}
#Content #getStartedTop { margin: 80px 20px 10px 0;}
#Content #getStartedTop a { padding-top: 10px; padding-bottom: 10px;}
#Content #getStartedTop a b { font-size: 24px; letter-spacing: -.03em;}
#Content .smallCaption { font-size: 11px; margin: 12px 20px 0 0; padding: 0; text-align: center;  }
#Content .smallCaption span { padding: 3px; font-size: 10px; margin: auto;}

.home #Content .brandsList { padding: 0; margin: 0 20px 0 60px; overflow: hidden;}
.home #Content .brandsList li { display: block; float: left; width: 70px; height: 70px; list-style: none; overflow: hidden; text-indent: -100em; margin: 0 10px 10px 0;}
.home #Content .brandsList li a, .home #Content .brandsList li a img { display: block; width: 70px; height: 70px; border: none;}
.home #Content .projectsList { margin-bottom: 20px; overflow: hidden;}

.home div.home a:hover { color: #ffffff; background-color: #80009e; text-decoration: none;}

#Featured { height: 245px; background: #7f7e7b url('/img/common/feature-shadow.png') left bottom repeat-x;}
#Featured p { height: 245px; margin: 0; padding: 0; background: transparent url('/img/common/feature-shadow-angle.png') left bottom no-repeat;}
#Featured p strong { display: block; height: 224px; border-bottom: 1px solid #abaaa7; position: relative; text-decoration: none; background-position: top right; background-repeat: no-repeat;}
#Featured p strong b { position: absolute; left: 60px; top: 70px; display: block; font: normal 36px/120% Georgia, sans-serif; color: #ffffff;}
#Featured p strong span { position: absolute; left: 60px; top: 70px; margin-top: 4em; font: normal 12px/120% Georgia, sans-serif; color: #ffffff; -moz-border-radius: 12px; -webkit-border-radius: 12px; }
#Featured p strong span a { position: relative; display: block; border: none; color: #ffffff; text-decoration: none; padding: 5px 15px;}
#Featured p strong i { position: absolute; bottom: 0px; left: 0; width: 100%; height: 150px; background: transparent url('/img/common/feature-reflect.png') left bottom repeat-x;}
.home #Content div.home #Featured p a:hover { background-color: #0d0600;}

#Bookmark { position: relative; display: block; margin: 0px 0px 15px 55px; background: #ffffff; height: 71px; border-top: 1px solid #EAEAEA; border-bottom: 1px solid #EAE8E4;}
#Bookmark ul { position: absolute; top: 0px; height: 70px; width: 100%; margin: 0px; padding: 0px; list-style: none; border-bottom: 1px solid #CAC9C5;}
#Bookmark ul li { float: left; height: 70px; width: 13%; margin: 0px; padding: 0px; border-left: 1px solid #D4D4D4;  text-align: center; text-transform: uppercase; line-height: 40px; color: #666666; font-size: 80%;}
#Bookmark li.last { width: 1%;}
#Bookmark img.bend { position: absolute; top: 0px; left: -50px; width: 50px; height: 72px;}

	/* FORMS */
	

#getELROform, #getELROStatic { display: block; padding: 0 30px 0 40px; margin: 0;}
#getELROform h4, #getELROStatic h4 { font-size: 30px; font-weight: normal; margin: 0; float: left; width: 5.5em; }
#getELROform h4 span, #getELROStatic h4 span { display: block; font-size: 14px;}
#getELROform fieldset, #getELROStatic fieldset { border: none; margin: 0; padding: .2em 0 0 0;}
#getELROform fieldset input, #getELROform fieldset label, #getELROStatic fieldset input, #getELROStatic fieldset label { display: block;}

#getELROform fieldset label, #getELROStatic fieldset label { font: normal 12px/150% Georgia, Times, 'Times New Roman', serif; font-style: italic; color: #99897a;}
#getELROform fieldset input, #getELROform fieldset textarea, #getELROStatic fieldset input, #getELROStatic fieldset textarea { width: 20em; height: 2em; font: normal 16px/200% Georgia, Times, 'Times New Roman', serif; border-width: 1px; border-style: solid; margin-bottom: 10px; outline: none; vertical-align: baseline; }
#getELROform fieldset input, #getELROStatic fieldset input { text-indent: 3px;}
#getELROform fieldset textarea, #getELROStatic fieldset textarea { height: 10em; max-width: 20em; line-height: 120%;}
.common #Content .leftCOLUMN #getELROform fieldset p, .common #Content .leftCOLUMN #getELROStatic fieldset p { margin-left: 0;}
#getELROform fieldset div input, #getELROStatic fieldset div input { visibility: hidden;}


#getELROform fieldset div div, #getELROform fieldset.progress div div.send, #getELROform fieldset.success div div.send, #getELROStatic fieldset div div, #getELROStatic fieldset.progress div div.send, #getELROStatic fieldset.success div div.send { display: none;}
#getELROform fieldset div div.send, #getELROform fieldset.progress div div.progress, #getELROform fieldset.success div div.success, #getELROStatic fieldset div div.send, #getELROStatic fieldset.progress div div.progress, #getELROStatic fieldset.success div div.success{ display: block;}

#getELROform div div, #getELROStatic div div { margin-top: 5px; width: 11em; padding: 0; border: 1px solid #702f7f; -moz-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px; padding: 0; background: #a463b3; -webkit-box-shadow: 0 2px 5px #9a9791; -moz-box-shadow: 0 2px 5px #9a9791; box-shadow: 0 2px 5px #9a9791; border-color: #b874c8 #834191 #551563;}
#getELROform div div a, #getELROStatic div div a { display: block; background: #731c87 url('/img/layout/button-ink-backdrop-sm.png') left top repeat-x; border: 1px solid #ffffff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 0 10px 0 40px; position: relative; text-decoration: none;  font-weight: normal; border-color: #f0dcf4 #a463b3 #7c3c8a; border-width: 1px 0; font-weight: normal; -webkit-transition: -webkit-box-shadow .2s ease-in;}
#getELROform div div a b, #getELROStatic div div a b { font-size: 18px; line-height: 30px; color: #ffffff; font-weight: normal; display: block; text-shadow: 0 1px 0 #6b247b;}
#getELROform div div a i, #getELROStatic div div a i { top: 50%; left: 10px; margin-top: -12px; display: block; width: 24px; height: 24px; position: absolute; background: transparent url('/img/layout/button-arrow-sm.png') center top no-repeat;}
/*#getELROform div div a:hover { -webkit-box-shadow: 0 0 15px #d100ff; -moz-box-shadow: 0 0 15px #d100ff; box-shadow: 0 0 15px #d100ff;}*/
#getELROform div div a:hover i, #getELROStatic div div a:hover i { background-position: top left;}
#getELROform div div span, #getELROStatic div div span { position: absolute; top: 100%; left: 0; text-align: center; width: 100%; font-size: 11px; margin-top: 5px; text-decoration: underline;}
#getELROform div div a:hover span, #getELROStatic div div a:hover span { text-decoration: none;}

#getELROform div div.progress, #getELROStatic div div.progress { margin-top: 5px; width: 11em; padding: 0; -moz-border-radius: 11px; -webkit-border-radius: 11px; padding: 0; background: #b3b3b3; -webkit-box-shadow: 0 2px 5px #9a9791; -moz-box-shadow: 0 2px 5px #9a9791; border-color: #c8c8c8 #919191 #636363;}
#getELROform div div.progress em, #getELROStatic div div.progress em { display: block; background: #878787 url('/img/layout/button-progress-sm.gif') left top repeat-x; border: 1px solid #ffffff; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 0 10px; position: relative; text-decoration: none;  font-weight: normal; border-color: #f4f4f4 #b3b3b3 #8a8a8a; border-width: 1px 0; font-weight: normal; -webkit-transition: -webkit-box-shadow .2s ease-in; text-align: center;}
#getELROform div div.progress em b, #getELROStatic div div.progress em b { font-size: 18px; line-height: 30px; color: #000000; font-weight: bold; display: block; text-shadow: 0 1px 0 #cccccc; }
#getELROform div div.progress em i, #getELROStatic div div.progress em i { top: 50%; left: 10px; margin-top: -12px; display: block; width: 24px; height: 24px; position: absolute; background: transparent url('/img/layout/button-arrow-sm.png') center top no-repeat;}
#getELROform div div.progress span, #getELROStatic div div.progress span { position: absolute; top: 100%; left: 0; text-align: center; width: 100%; font-size: 11px; margin-top: 5px; text-decoration: underline;}

#getELROform div div.success, #getELROStatic div div.success { position: relative; margin-top: 5px; width: 11em; padding: 0; -moz-border-radius: 11px; -webkit-border-radius: 11px; padding: 0; background: #91b362; -webkit-box-shadow: 0 2px 5px #9a9791; -moz-box-shadow: 0 2px 5px #9a9791; border-color: #a4c773 #709141 #436315;}
#getELROform div div.success em, #getELROStatic div div.success em { display: block; background: #5b871c url('/img/layout/button-success-sm.png') left top repeat-x; border: 1px solid #ffffff; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 0 10px 0 40px; position: relative; text-decoration: none;  font-weight: normal; border-color: #ebf5dc #91b362 #698a3b; border-width: 1px 0; font-weight: normal; -webkit-transition: -webkit-box-shadow .2s ease-in; }
#getELROform div div.success em b, #getELROStatic div div.success em b { font-size: 18px; line-height: 30px; color: #ffffff; font-weight: normal; display: block; text-shadow: 0 1px 0 #355300;}
#getELROform div div.success i, #getELROStatic div div.success i { top: 50%; left: 10px; margin-top: -12px; display: block; width: 24px; height: 24px; position: absolute; background: transparent url('/img/layout/button-check-sm.png') center top no-repeat;}
#getELROform div div.success em a, #getELROStatic div div.success em a { background-color: transparent; background-image: none; border: none;  top: 6px; left: 110%; display: block; width: 10em; height: 24px; position: absolute;  text-align: left; padding: 0;}
#getELROform div div.success em a:hover, #getELROStatic div div.success em a:hover { -webkit-box-shadow: none; text-decoration: underline;}
#getELROform div div.success span, #getELROStatic div div.success span { position: absolute; top: 100%; left: 0; text-align: center; width: 100%; font-size: 11px; margin-top: 5px; text-decoration: underline;}
#getELROform div div.success a#oneMoreMessage, #getELROStatic div div.success a#oneMoreMessageStatic { position: absolute; top: .4em; left: 100%; padding-left: 20px; background-image: none; background-color: transparent; border: none; width: 150px;}
#getELROform div div.success a#oneMoreMessage:hover, #getELROStatic div div.success a#oneMoreMessage:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}

.rightCOLUMN #getELROform { display: block; padding: 0; margin: 0;}
.rightCOLUMN #getELROform fieldset {  margin: 0 20px 0 0; min-width: 100px;}
.rightCOLUMN #getELROform fieldset>span { border: 1px solid #ccb7a3; padding: 1em 3% 1em 6%; display: block; -webkit-border-radius: 5px 5px; -moz-border-radius: 5px 5px; border-radius: 5px 5px; }
.rightCOLUMN #getELROform fieldset span input, .rightCOLUMN #getELROform fieldset span label { display: inline-block;}
.rightCOLUMN #getELROform fieldset>span span { display: block; text-align: center;}
.rightCOLUMN #getELROform fieldset input[type=hidden] { display: none;}

.rightCOLUMN #getELROform fieldset label { font: normal 12px/150% Georgia, Times, 'Times New Roman', serif; width: 31%; font-style: italic; color: #99897a;}
.rightCOLUMN #getELROform fieldset span input, .rightCOLUMN #getELROform fieldset span textarea { width: 59%; height: 1.6em; font: normal 16px/160% Georgia, Times, 'Times New Roman', serif; border-width: 1px; border-style: solid; margin-bottom: 10px; outline: none; vertical-align: top;}
.rightCOLUMN #getELROform fieldset span textarea { height: 8em; width: 90%; max-width: 90%;  max-height: 20em; line-height: 120%;}
.rightCOLUMN #getELROform fieldset div input { visibility: hidden; width: 50%; height: 1px;}
.rightCOLUMN #getELROform fieldset p.note { font-size: 11px; color: #99897a; font-style: italic; text-align: center; margin-top: .3em;}

.rightCOLUMN #getELROform fieldset #callback { width: auto; font-size: 12px; line-height: 10px; height: auto; vertical-align: baseline; padding: 0; margin: 0; display: inline-block; border: 1px solid #ff0000;}
.rightCOLUMN #getELROform fieldset #callbackLabel { width: auto; display: inline-block; vertical-align: baseline;  margin-bottom: 10px;}
.rightCOLUMN #getELROform div input[type=submit] { visibility: hidden; width: auto;}
.rightCOLUMN #getELROform div div.send, .rightCOLUMN #getELROform div div.progress { margin: -1em auto 0; }
.rightCOLUMN #getELROform div div.success { margin-top: -1em; margin-left: 20px; width: 10em;}
.rightCOLUMN #getELROform div div.success a#oneMoreMessage { margin-left: 10px; padding: 0 5px; width: auto; background-color: #F7F5F0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.create #getELROform div div.send, .create #getELROform div div.progress { width: 14.5em;}

	/* Portfolio */

.subHead { position: relative; border-top: 1px solid #F7F5F0; padding: 10px 20px 10px 40px;}
.subHead h1 { font-size: 36px; font-weight: normal; display: inline-block; margin-right: 2%; padding: 4px 8px; background-color: #f6f5a8; color: #000000; letter-spacing: -0.025em; position: relative;}
.subHead h2 { font-size: 18px; font-weight: normal; display: inline-block;}
.subHead h2 a { padding: 2px 4px;}
.subHead h2 a:hover { color: #ffffff; background-color: #80009e;}
.subHead h2 a.current { background-color: #f6f5a8; color: #000000; text-decoration: none; }
.portfolio #Content .subHead #getStarted-sm { float: right; margin-top: 2em;}
.subHead h1 b { display: block; position: absolute; left: -.5em; top: 0; font-family: Arial, sans-serif;}
.subHead .copy { width: 65%;}

.create h1 { font-size: 36px; font-weight: normal; display: inline-block; margin-left: 40px; padding: 4px 8px; background-color: #f6f5a8; color: #000000; letter-spacing: normal; position: relative;}
.create h1 b { display: block; position: absolute; left: -.5em; top: 0; font-family: Arial, sans-serif;}
.common #Content .rightCOLUMN h3.create { margin-top: 1.1em;}

.portfolio #Content .rightCOLUMN { width: 30%;}
.portfolio #Content .leftCOLUMN { width: 69%;}
.portfolio #Content .leftCOLUMN h2, .portfolio #Content .recentCarousel h2 { margin: 20px 20px 5px 45px; font-weight: normal; font-size: 36px; text-decoration: underline;}
.portfolio #Content .rightCOLUMN h3 { margin: 20px 20px 5px 0px; font-size: 30px; position: relative;}
.portfolio #Content .leftCOLUMN p, .home #Content .leftCOLUMN h1 { font: normal 16px/115% Georgia, Times, 'Times New Roman', serif;}
.portfolio #Content .rightCOLUMN h3 b { display: block; position: absolute; left: -.6em; top: -.1em; font-family: Georgia, Times, 'Times New Roman', serif;}
.portfolio #Content .leftCOLUMN h2 { text-decoration: none;}
.portfolio #Content .leftCOLUMN h2 span { display: block; font-size: 14px; color: #000000; font-style: italic; /*background: transparent url('/img/layout/project-tags-decor.png') left bottom repeat-x;*/ padding-bottom: 4px;}

.recentCarousel { clear: both; padding: 20px 0; border-bottom: 1px dashed #c4beb3;}
#recentCarousel, #recentCarousel .slidesBox { height: 180px; min-height: 0; }
#recentCarousel .slidesBox { overflow: hidden; position: relative; }
#recentCarousel li a { display: block; width: 120px; padding-right: 20px; height: 180px; font-size: 12px; font-style: italic; text-decoration: none;}
#recentCarousel li a span  { display: block;}
#recentCarousel li a em { display: block; color: #a59486;}
#recentCarousel .slides { width: 7000px; height: 100%; position: absolute; left: 40px; /*padding-left: 40px;*/}
#recentCarousel .slides .cut { opacity: .4; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);}

.horizontal_carousel { margin-bottom: 10px; position: relative; width: 100%;  }
.horizontal_carousel .container { position: relative; overflow: hidden; width: 100%; }
.horizontal_carousel ul { margin: 0; padding:0; width: 1500px; position: relative; top: 0; left: 0; }                      
.horizontal_carousel ul li { text-align: center;  list-style: none; float:left; display: block;}

#recentCarousel .control { font-family: 'Lucida Grande', 'Arial Unicode', sans-serif; background-image: url('/img/slide-arrow.png'); background-repeat: no-repeat; display: block; background-color: #000000; opacity: .8; color: #ffffff; font-size: 40px; line-height: 60px; width: 60px; text-align: center; top: 60px; position: absolute; text-decoration: none; text-indent: -100em; overflow: hidden; cursor: pointer;  -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
#recentCarousel .rew { left: 20px;  background-position: 0 0;}
#recentCarousel .ffwd { right: 20px; background-position: -60px 0;}
#recentCarousel .previous_button_over, #recentCarousel .next_button_over { background-color: #8339ae;}
#recentCarousel .previous_button_disabled, #recentCarousel .next_button_disabled { display: none; cursor: default; }

.tagsList { font: normal 12px/150% Georgia, Times, 'Times New Roman', serif; font-style: italic; color: #99897a; padding-right: 40px;}
.tagsList a { color: #99897a; text-decoration: none; padding: 2px;}
.tagsList a:hover { color: #000000; background-color: #f5f393; text-decoration: none; }
.tagsList a.current { color: #000000; font-weight: bold; background-color: #e9d9b2;}
.Cloud { text-align: center;}
.Cloud a { display: inline-block; padding: 3px; line-height: 110%;}
.AlphaSort a { display: block; font-size: 14px; line-height: 20px;}
.tagsList a.r2 { font-size: 11px;}
.tagsList a.r3 { font-size: 16px;}
.tagsList a.r4 { font-size: 20px;}
.tagsList a.r5 { font-size: 23px;}
.tagsList a.r6 { font-size: 26px;}

.portfolio #Content .leftCOLUMN .projectsList { margin-left: 40px; }
.portfolio #Content .leftCOLUMN .projectsList ul li { color: #80009e; padding-top: 3px; padding-bottom: 3px;}

.common #Content .leftCOLUMN .projectsList { margin-left: 40px; padding-top: 1.6em; }
.common #Content .leftCOLUMN .projectsList ul li { color: #80009e; padding-top: 3px; padding-bottom: 3px;} 
.common #Content .leftCOLUMN .projectsList a:hover { background-color: transparent;}
.common #Content .leftCOLUMN .projectsList a:hover span { text-decoration: none;}
.common #Content .leftCOLUMN .projectsList a:hover span i { color: #80009e; text-decoration: none;}
.common #Content .leftCOLUMN .projectsList p { margin: 0; padding-bottom: 25px; height: 14em;}
.common #Content .leftCOLUMN .projectsList p img  { width: 175px; height: 175px; margin: 0 auto 5px; display: block; border: 1px solid #fffdf7; border-color: #fffdf7 #b9b7b3 #5e5745; -webkit-box-shadow: 0 3px 6px #bfb69b; -moz-box-shadow: 0 3px 6px #bfb69b; box-shadow: 0 3px 6px #bfb69b; }
.common #Content .leftCOLUMN .projectsList p a i { padding: 0 10px;}

.common #Content p#tagSticker { position: relative; }
.common #Content p#tagSticker a { display: block; padding: 0; position: absolute; width: 220px; height: 220px; top: -20px; left: 5px; background: transparent url('/img/layout/service-sticker.png') left top no-repeat; }
.common #Content p#tagSticker a strong { display: block; width: 175px; height: 175px;  margin: 20px; text-align: left; text-indent: -100em; overflow: hidden; background-position: center center;}
.common #Content p#tagSticker a strong.fbanners { background-image: url('/img/layout/sticker-more-banners.png');}

.common #Content p#tagMore { position: relative; height: 6px; }
.common #Content p#tagMore a { display: block; padding: 0; position: absolute; width: 220px; height: 220px; top: -20px; left: 5px; }
.common #Content .leftCOLUMN p#tagMore a {}
.common #Content p#tagMore a strong { display: inline-block; margin-top: 10%; padding: 5px; color: #80009e; vertical-align: bottom; font-size: 18px; font-weight: normal; text-decoration: underline; line-height: 120%;}
.common #Content p#tagMore a:hover strong {  text-decoration: none; color: #ffffff; background-color: #80009e;}

#projectContent.serviceContent { position: relative; clear: both; padding: 0;}
#projectContent.serviceContent .pView { position: relative; margin: 0; padding: 40px 0; border-bottom: none;}
#projectContent.serviceContent .pView .slides { margin: 0; padding: 0; display: block;  overflow: hidden; min-height: 260px; background-color: #ffffff;}
#projectContent.serviceContent .horizontal_carousel { min-height: 255px; margin-bottom: 0;}
div#projectContent.serviceContent .pView .slidesBox { min-height: 255px;}
#projectContent.serviceContent .slides p { margin: 0; padding: 0 15px; width: 385px; height: 255px;}
#projectContent.serviceContent .pView .control { position: absolute; overflow: hidden; text-indent: -100em;}
#projectContent #AutoSlideshow { position: absolute; top: 0; left: 40px; width: 200px; text-align: left; font: normal 11px/120% Arial, sans-serif; color: #6d6d6d;}
#projectContent #AutoSlideshow.init { visibility: hidden;}
#projectContent #AutoSlideshow a * { display: inline-block; font-weight: bold; font-style: normal; color: #ffffff; border-radius: 3px;}
#projectContent #AutoSlideshow a { color: #6d6d6d; display: none; color: #80009e; text-decoration: underline;}
#projectContent #AutoSlideshow.off b a, #projectContent #AutoSlideshow.on i a { display: inline; font-style: normal; font-weight: normal; padding: 1px 2px;}
#projectContent #AutoSlideshow b a:hover, #projectContent #AutoSlideshow i a:hover { background-color: #80009e; color: #ffffff; text-decoration: none;}

/* Modal */

#modalOverlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: .8 !important; background-color: #000000; }
#getFreeQuoteDialog { position: fixed; top: 50%; left: 50%; width: 690px; height: 370px; margin-top: -185px; margin-left: -345px; background-color: #F7F5F0;}
#getFreeQuoteDialog form { padding: 25px 45px 0 25px;}
#getFreeQuoteDialog form br { display: none;}
#getFreeQuoteDialog form fieldset span { display: block; width: 315px; padding: 0 10px 0 0; float: left;}
#getFreeQuoteDialog form fieldset span.Message {  padding: 0 0 0 10px; width: 280px;}
#getFreeQuoteDialog form fieldset span input { width: 200px; display: inline-block; font: normal 16px/30px Arial, sans; color: #000000;}
#getFreeQuoteDialog form fieldset span label { width: 100px; display: inline-block; color: #806a3e; text-align: right; font-size: 13px; padding-right: 5px;}
#getFreeQuoteDialog form fieldset span.Message label { height: 42px; font-size: 21px; text-align: left;}
#getFreeQuoteDialog form fieldset span.Message textarea { height: 152px;}
#getFreeQuoteDialog form fieldset>div { clear: both; width: 240px; margin: auto; padding-top: 20px;}
#getFreeQuoteDialog h3 { margin: -40px 0 0 0; font-size: 26px; color: #ffffff; height: 50px; position: relative; padding: 0 20px 0 45px; letter-spacing: normal;}
#getFreeQuoteDialog h3 b { display: none;}
#getFreeQuoteDialog h3 a.close { display: block; width: 45px; height: 45px; position: absolute; bottom: -12px; right: -22px; background: transparent url('/img/layout/button-close.png') center center no-repeat;}
#getFreeQuoteDialog #getELROform fieldset input, #getFreeQuoteDialog #getELROform fieldset textarea {font-size: 14px;}
#getFreeQuoteDialog #getELROform div div { width: 240px; }
#getFreeQuoteDialog #getELROform div div.send { margin-right: 0;}
#getFreeQuoteDialog #getELROform div div.success { width: 160px;}
#getFreeQuoteDialog #getELROform input[type=submit] { height: 1px; width: 100px;}
#getFreeQuoteDialog #getELROform p.note { font-size: 12px; text-align: center; margin: .1em 0 0; padding-bottom: 10px;}
/* Heritage*/

#Content div.heritage { padding: 30px;}