/* **************************** */ /*	CREATED BY ALEX RODRIGUEZ	*/ /*	HORCHATA DESIGN SYDICATE	*/ /*	ALEX@HORCHATADESIGN.COM	 */ /*	WWW.HORCHATADESIGN.COM	 */ /* **************************** */ html { border-top: 3px solid #666; overflow-y: scroll; } /* ************* TYPOGRAPHY *************** */ #news h1, #newsb h1, #design h1, #sound h1, #contact h1, #main h1 { font-size:1.4em; line-height: 1.4em; color: #fff; background: #000; font-weight: normal; text-transform: uppercase; padding: 5px 5px 2px 5px; margin: 15px 10px; } p, h1, h2, h3, h4, h5 {margin: 0 0 1em 5px;padding: 0 1.5em 0 0;} a {outline: none;} ul {font-size: 1.2em;} /* ************* HEADER *************** */ #header { height: 100px; } #header h1 {font-family: Arial, Helvetica, sans-serif;color: #666;font-size: 1.8em;margin: 10px 0 0 0;text-transform: uppercase;font-weight: normal;} #header p {color: #aaa;font-size: 1em;} #about {float: right;text-align: right;width: 300px;} #cont, #last {float: right;text-align: right;width: 300px;display: none;} #about p, #cont p, #last p {font-size: 1em;color: #666;font-weight: normal;} #about p a:link, #about p a:visited, #about p a:active {color: #006699;text-decoration: none;} #about p a:hover {text-decoration: underline;} #cont p a:link, #cont p a:visited, #cont p a:active {color: #006699;text-decoration: none;} #cont p a:hover {text-decoration: underline;} #last p a:link, #last p a:visited, #last p a:active {color: #006699;text-decoration: none;} #last p a:hover {text-decoration: underline;} /* ************* NAV *************** */ div#nav ul li a#designtog, div#nav ul li a#newstog, div#nav ul li a#contog {padding: 0 10px;} #nav ul {padding: 0;margin: 0;} #nav ul li {list-style:circle;margin: 20px 0;color:#ccc;} #nav ul li a:link, #nav ul li a:visited, #nav ul li a:active {color: #666;font-size: 1.2em;text-decoration: none;font-weight: normal;text-transform: uppercase;display: block;} #nav ul li a:hover {color: #cc00ff;} div#nav ul li a.current {color: #cc00ff;} dfn {display: none;} div#nav ul li.currentpage h3 {color: #cc00ff;font-size: 1.2em;text-decoration: none;font-weight: normal;text-transform: uppercase;display: block;margin: 0;padding: 0;} div#nav ul li ul {display: none;} div#nav ul li ul.snd {display: block;visibility: visible;} div#nav ul li ul#prevnews {display: block;visibility: visible;} #design {display: none;} div#design div.latest-work {margin: 40px auto 20px auto;} div#design div.latest-work img {border: 1px solid #cdcec3; float: left;} div#design div.latest-work h3 {text-transform: capitalize;font-size: 1.6em;border-bottom: 1px solid #ccc;padding: 10px 0;} div#design div.latest-work p {color: #666;} div#design div.latest-work p a {color: #33aef4;font-size:inherit;text-transform:lowercase;} /* div#design p.latest-controls {text-align:right;background:#eee;padding:10px;margin:30px 10px;} */ div#design p.latest-controls {text-align:right;background:#fff;padding: 0;margin:30px 10px; border-top:1px solid #000;} div#design p.latest-controls a.nextlink {text-transform: lowercase; color:#fff;display: inline;background: #000;padding: 3px 15px;} div#design p.latest-controls a.nextlink:hover {background:#bf0091;} div#design p.latest-controls a.current {background: transparent; color: #000;} div#design p#deslinkp {margin-bottom: 0;border-bottom: 1px solid #bf0091;} div#design p#deslinkp a {background:#bf0091;color:#fff;font-size:.8em;display:inline; padding:10px 10px 5px 10px;} div#portfolio {display: none; background: #bf0091; color: #fff;padding: 40px;} div#main p.client {font-size: 1em;color: #666;letter-spacing: .2em;padding: .2em 0;border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;text-transform: uppercase;} div#main div.col-1 p.desc {font-style: italic;font-size: 1.3em;color: #000;padding: 0;margin-top: 2em;line-height: 1.5em;font-family: Georgia, serif;} div#main div.col-1 p.desc a {color: #33aef4;text-decoration: none;} div#main div.col-1 p.desc a:hover {color: #cc00ff;} a.ank {margin: -30px 0 0 0;padding: 0;color: #0166ff;text-decoration: none;float: left;font-size: .8em;} a.ank:hover {color: #000;} #newsb {display: none;} div#newsb p.date {font-size: 1.1em;letter-spacing: 0.3em;color: #666;border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;padding: .5em 0;margin: 0 0 35px 0;} div#title {width: 200px; float: left; font-size: 2em;} div#newsb h2 {font-size: 1.4em;text-transform: capitalize;font-weight: normal;color: #666;padding-top: 30%;} div.summary {float: right; width:720px;background: #fff; border-left: 1px solid #ddd;} div#newsb div.summary p {font-size: 1.1em;padding: 10px 20px;line-height: 2.4em;margin: 10px 0;} div#newsb div.summary p a {display: inline; color: #dd44cc; font-family: serif; font-style: italic;} .details {border-top: 1px solid #ddd;padding-top: 20px;} div#newsb p a.linkd {background: #33aef4;color: #fff;padding: 10px;-moz-border-radius: 13px;text-decoration: none;text-transform: lowercase;display: inline;font-size: .9em; display: none;} div#newsb p a.linkd:hover {background: #bf0091;} p.author {color: #666;} p.comments {text-align: right;color: #666;} #contact {display: none;margin-bottom: 10px; } #contact form { margin-top: 30px; } #contact h2 { margin: 20px 0; } .f1 { float: left; width: 300px; } textarea { width: 288px; height: 150px; border: 1px solid #000; padding: 5px; } div.f1 { margin-right: 20px;width:290px;float: left;} div#contact img.ccm-captcha-image {clear: both; float: right; margin:10px 815px 10px 0;} div#contact input.ccm-input-captcha {float:left; margin-bottom: 10px;} form#miniSurveyView1233765720 img.ccm-captcha-image {margin-top: -70px;} div.last input.ccm-input-captcha {margin-bottom: 10px;} div.ans input, div.ans textarea { background: #ddd; border-top: none; border-bottom: none; border-left: none; border-right: 2px solid #fff; padding: 10px 5px 5px 5px; width: 280px; margin: 0 50px 20px 0; height: 25px; } #contact p { float: left; margin: 10px; text-transform: uppercase; font-size: .8em; } .question { background: #000; color: #fff; display: block; padding: 5px; margin-bottom: 5px; clear: both; text-transform: uppercase; font-size: .8em; } .formBlockSubmitButton { border: 1px solid #ccc; background: #000; color: #fff; padding: 5px 5px; cursor: pointer; text-transform: uppercase; font-size: 1em; } .formBlockSubmitButton:hover { background: #006699; border: 1px solid #eee; } .formBlockSubmitButton { float: left; clear: both; } #msg { color: #0b5762; padding:2px; margin:8px 0px 8px 0px; font-size: 3em; font-style: italic; font-family: serif; text-transform: lowercase; } .nixhier {display:none;} div.captcha {clear: both;} div#contact form p.verification {margin: 0;border-top: 1px solid #ddd; width: 910px;padding-top: 10px;font-size: 1.1em;} div#contact form div.captcha div.text-captcha p {margin:0 0 20px 0; font-size: 1.1em;} div#contact form div.captcha div.text-captcha input {border: 1px solid #ccc;padding: 5px;} div.captcha p.captcha-expl {margin-top: 300px;display:none;} #footer1, #footer2 { margin-top: 60px; } #footer1 h1, #footer2 h1, #footer3 h1 { color: #000; font-style: italic; font-weight: normal; font-family: Georgia, Times, serif; font-size: 1.6em; border-bottom: 3px solid #000; } div#footer1 p.date { display: none; } div#footer1 h2 { font-size: 1.4em; font-weight: normal; color: #232323; background: #eee; padding: 5px; } div#footer1 p.summary, div#footer1 p.summary { background: #fff; margin: 0; padding: 0 0 0 5px; } div#footer1 p.flink a.linkd { color: #33aef4; } div#footer2 p { font-family: Georgia, Times, serif; font-size: 1.2em; line-height: 2em; color: #000; font-style: italic; } div#footer2 p.client { font-family: Georgia, Times, serif; font-size: 1.2em; line-height: 2em; color: #000; font-style: italic; text-align: right; } div.twtr-tweet-text p {font-size:1em;} div.twtr-tweets {border-top: 1px solid #ddd;} div#testimonials div {margin-top: 15px;} p#copy { text-align: right; color: #666; margin: 55px 0 15px 0; display: block; padding: 15px 0; clear: both; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
div#nawdiv-i {position: absolute; z-index: 20;margin: 0 10px;right:0;top: 30%;}
div#nawdiv-i p {float: right;text-align: center;margin-top: -15px;}
div#nawdiv-i p a {color: #fff;background: #33aef4;padding:10px 15px; font-size: 1.8em; text-decoration: none; text-transform: uppercase;width: 100px; display: block;}
div#nawdiv-i p a:hover {background: #252525;}
div#survey form {padding: 5px; border: 5px solid #eee;text-align: center;}

div#survey form textarea {width: 60%; border: 1px solid #ddd; background: #eee;margin: 0 auto;}

.survey p#copy {border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}

hr.clear {visibility: hidden;clear: both;}