/* Theme Name: Natural Elements Painting Theme URI: http://naturalelementspainting.com Description: Theme for Natural Elements Painting Site Version: 1 Author: Natural Elements Painting Author URI: http://naturalelementspainting.com Tags: Natural Elements, Painting, Gainesville, FL */ @import "style/css/reset.css"; @import "style/css/typography.css"; @import "style/css/layout.css"; /* Global Styles ----------------------------------------------------------------------------------------------------*/ body {background-color: #C5E5FC;} p {padding: 12px 25px; color: #4D4D4D; font-size: 14px; line-height: 1.4em;} a {text-decoration: underline; color: #2C5C8F} .top, .bottom {width: 960px; margin: 0 auto;} .wrap {width: 960px; margin: 0 auto;} #home .optin input#submitbutton {background:transparent url(images/btn-subscribe.png) center center no-repeat; border:none; height:28px; width:91px; margin-left: 5px; position: relative; bottom: 3px; color: transparent; } #submitbutton:hover {cursor: pointer;} #header {background: #FFF url(images/bg-header.png) center top repeat-x; height: 140px; position: relative; } #header a {text-decoration: none; color: #4D4D4D;} #header .wrap {height: 140px; padding: 0;} #header #logo {left:25px; position:absolute; top:51px;} #header h1 {display: none;} #main {border-top: 2px solid #BBD1CE; background-color: #D2DFD0;} #sub {background: transparent url(images/bg-sub.jpg) top center repeat-x; padding-top: 20px;} #sub .wrap {padding-bottom: 0;} #footer { height: 200px; position: relative; bottom: 0; width: 960px; background: #ACDAFB url(images/bg-footer.jpg) center top repeat-x;} .clear {clear: both; height: 0; padding: 0;} #main {padding: 15px 0;} #main .wrap {background: transparent url(images/bg-main-home.png) center 55px no-repeat;} #main h1 {border-bottom:1px solid #D9D9D9; font-size:35px; font-weight:normal; margin:10px 25px; padding-bottom: 5px;} #home #main .wrap {height: 400px; padding: 15px;} #home #main {padding: 0;} #home p#tagline {font-size:23px; font-style:italic; padding:5px 25px;} #home .optin {background:transparent url(images/bg-optin.png) no-repeat scroll left center; height:32px; padding-left:40px; padding-top:8px; position:absolute; right:0; top:17px; width:370px; margin-right: 25px;} #home .optin p {float: left; padding: 0; color: #2C5C8F; font-size: 16px;} #home .optin input {font-size: 12px; padding: 2px; color: #999;} #home .optin #status {color:red; font-size:13px; left:125px; position:absolute; top:-12px;} /* Header Layout ----------------------------------------------------------------------------------------------------*/ #nav {height:92px; overflow:hidden; width: auto; position: absolute; right:9px; bottom: 0;} #nav li {float: left; margin-left: 8px;} #nav li a {height: 92px; width: 122px; display: block; text-indent: -9999px; background: transparent url(images/bg-main-nav.png) 0 0 no-repeat;} #nav .nav-about a {background-position: 0 0;} #nav .nav-about a:hover, #about .nav-about a {background-position: 0 -92px;} #nav .nav-services a {background-position: -122px 0;} #nav .nav-services a:hover, #services .nav-services a { background-position: -122px -92px; } #nav .nav-portfolio a {background-position: -244px 0;} #nav .nav-portfolio a:hover, #portfolio .nav-portfolio a {background-position: -244px -92px;} #nav .nav-news a {background-position: -366px 0;} #nav .nav-news a:hover, #news .nav-news a {background-position: -366px -92px;} ul#tiny-nav {float: right; margin: 16px 7px 0 10px;} #tiny-nav li {display: inline; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #4D4D4D;} #tiny-nav a {padding: 0 7px 0 5px;} #home #home-link, #contact-us #contact-link {text-decoration: underline;} #tiny-nav a:hover {text-decoration: underline;} #tiny-nav #home-link {border-right: #808080 1px solid;} /* Slider Layout ----------------------------------------------------------------------------------------------------*/ #slider {position:absolute; top:87px; left: 45px; width: 603px; height: 296px; overflow: hidden;} #slider ul, #slider li {margin:0; padding:0; list-style:none; width: 603px; height: 296px;} #slider li {width:603px; height:296px; overflow:hidden; float: left;} #prevBtn, #nextBtn {display:block; width:56px; height:56px; position:absolute; left:25px; top:210px; text-indent: -9999px; overflow: hidden;} #nextBtn {left:615px;} #prevBtn a, #nextBtn a {display:block; width:56px; height:56px; background: transparent url(images/left-arrow.png) 0 -56px no-repeat;} #nextBtn a {background: transparent url(images/right-arrow.png) 0 -56px no-repeat;} #prevBtn a:hover, #nextBtn a:hover {background: transparent url(images/left-arrow.png) 0 0;} #nextBtn a:hover {background: transparent url(images/right-arrow.png) 0 0 no-repeat;} a#home-estimate {display: block; width: 251px; height: 75px; background: transparent url(images/btn-estimate.png) center center no-repeat; position: absolute; right: 57px; top: 130px; text-indent: -9999px; overflow:hidden;} /* Recent Posts Layout ----------------------------------------------------------------------------------------------------*/ #sub {font-size: 15px; line-height: 1.4em;} #sub #overview {float: left; width: 620px; margin-bottom: 25px;} #sub #recent-news {float: right; width: 318px; margin-bottom: 25px; } #sub #recent-news a {text-decoration: none;} #sub #recent-news #recent-cap {background: url(images/bg-recent-h2.png) left top no-repeat; height: 62px;} #sub #recent-news h2 {font-size:17px; left:59px; position:absolute; top:16px;} #sub #recent-news #recent-body {background: url(images/bg-recent-repeat.png) left top repeat-y; position: relative;} #sub #recent-news #recent-bottom {background: url(images/bg-recent-bottom.png) center 0 no-repeat; height: 20px;} #recent-news #date {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFF; font-size: 12px; font-weight: bold; position: absolute; top: 18px; right: 35px;} #recent li a {font-size: 15px; color: #003B79; margin: 0 25px; display: block; border-bottom: 1px dashed #B3B3B3; padding-bottom: 3px;} #overview em {color: #E96D1F; font-size: 1.2em; line-height: 1.4em;} #recent-news .recent-news-date {padding: 2px 25px; font-size: 12px; color: #439539;} #recent-news .recent-content {font-size: 13px; line-height: 1.3em; padding: 5px 25px 20px;} #recent-news .recent-content a {display: inline; font-size: .8em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; border-bottom: none; text-transform: uppercase; margin-left: 2px;} #sub #community, #sub #faq {width: 296px; height: 200px; float:left; margin-left: 10px; margin-top: 15px;} #sub #latest_tweet {float: left; font-size:13px; line-height:1.4em; background: transparent url(images/bg-tweet.png) center center no-repeat; width: 600px; height: 139px; margin-left: 10px; color: #4D4D4D;} #sub #latest_tweet ul {margin: 55px 235px 10px 60px;} #sub #community {background: transparent url(images/bg-community.png) center center no-repeat;} #sub #faq {background: transparent url(images/bg-faq.png) center center no-repeat;} #sub #community h2, #sub #faq h2, #sub #latest_tweet h2 {font-size:17px; left:59px; position:absolute; top:15px; color: #000;} #sub .go {background:transparent url(images/btn-go.png) no-repeat scroll center center;display:block;height:44px;left:34px;position:absolute;top:121px;width:100px;z-index:5; text-indent: -9999px; overflow: hidden;} /* Footer Layout ----------------------------------------------------------------------------------------------------*/ #footer {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #4E4F50; width: 940px; margin: 0 auto; } #footer a {text-decoration: none; color: #4D4D4D;} #footer li {font-size: 13px; line-height: 17px;} #footer .wrap {overflow: hidden; width: auto; padding: 20px 20px 0;} #footer h6 {color: #101010; margin-bottom: 5px;} #footer #contact-info {float: left; padding-right: 10px; border-right: 1px solid #4E4F50;} #footer li.h-footer, #footer #follow li.h-footer {float:none; font-size:15px; font-weight:bold; margin-top:0;} #footer #follow {float: left; padding-left: 13px;} #footer #follow li {float: left; margin: 5px 5px 0 0;} #footer #follow a {text-indent: -9999px; display: block; width: 47px; height:47px;} #footer #twitter {background: transparent url(images/twitter.png) center center no-repeat;} #footer #linkedin {background: transparent url(images/linkedin.png) center center no-repeat;} #footer #flickr {background: transparent url(images/flickr.png) center center no-repeat;} #footer #facebook {background: transparent url(images/facebook.png) center center no-repeat;} #footer #footer-nav {float: right;} #footer #footer-nav li {display: inline; border-right: #808080 1px solid;} #footer #footer-nav li.last {border-right: none;} #footer #footer-nav a {padding: 0 7px 0 5px;} #footer #footer-nav a:hover {text-decoration: underline;} #footer #rights {font-size: 12px; float: left; padding: 25px 0 0 0;} #footer #rights a {text-decoration: underline;} #footer #friends {bottom:22px; position:absolute; right:8px;} #footer #friends li {float: left; padding-left: 5px;} #footer #friends a {text-indent: -9999px; display: block; width: 81px; height: 44px;} #footer #acel {background: transparent url(images/acel.jpg) center center no-repeat;} #footer #chamber {background: transparent url(images/chamber.jpg) center center no-repeat;} #footer #bancf {background: transparent url(images/bancf.jpg) center center no-repeat;} #footer #pdca {background: transparent url(images/pdca.jpg) center center no-repeat;} /* About Layout ----------------------------------------------------------------------------------------------------*/ #about p {font-size: 14.75px; line-height: 1.6em;} #about #main h1 {color: #12579f;} #about #main .top {background:url(images/bg-main-about-top.png) left top no-repeat; height: 50px;} #about #main .wrap {background:url(images/bg-main-about.png) left center repeat-y;} #about #main .bottom {background:url(images/bg-main-about-bot.png) left top no-repeat; height: 50px; position: relative;} #about #main #content {float: left; width: 535px; padding: 0 20px 200px; margin-top: -10px;} #about #staff {float: right; width: 373px; margin-bottom: -12px;} #about .staff-single {background-color: #FFF; width: 327px; height: 92px; margin:0 7px 10px; border: 1px solid #BFBFBF;} #about .staff-single img {padding: 10px; float: left;} #about #staff ul {float: left; padding-top: 10px; margin-left: 10px;} #about li.first-name {font: bold normal 22px/1em Georgia, "Times New Roman", Times, serif; color: #003D7D; } #about li.last-name {font: italic normal 18px/1.2em Georgia, "Times New Roman", Times, serif; color: #5C8CBE;width:190px; border-bottom: 1px solid #CCC; padding-bottom: 3px;} #about li.title {font: normal normal 14px/1.8em Georgia, "Times New Roman", Times, serif; color: #737373;} #about #estimate {background: transparent url(images/estimate-about.png) left bottom no-repeat; bottom:15px; height:185px; left:268px; position:absolute; width:330px; z-index:2;} #about #about-estimate {background:transparent url(images/bg-about-estimate1.png) no-repeat scroll left bottom; bottom:70px; height:167px; left:32px; position:absolute; width:283px; z-index:1;} #about #about-estimate a {background:transparent url(images/btn-start-here.png) no-repeat scroll center center;display:block;height:41px;left:119px;position:absolute;top:95px;width:129px;z-index:5;} /* Services Layout ----------------------------------------------------------------------------------------------------*/ #services #main h1 {color: #EC7B35; margin: 10px 0 15px 25px;} #services #main .top {background:url(images/bg-main-global-top.png) left top no-repeat; height: 50px;} #services #main .wrap {background:url(images/bg-main-global.png) left center repeat-y;} #services #main .bottom {background:url(images/bg-main-global-bot.png) left top no-repeat; height: 50px; position: relative;} #services #main #content {float: left; width: 575px; padding: 0 20px; margin-top:-10px;} #services #main #sidebar {float: right; width: 293px; padding: 0 20px; margin-top: 33px;} #services #main img {float: left; padding: 10px 22px 0 15px;} #services #about-estimate {background:transparent url(images/bg-about-estimate2.png) no-repeat scroll left bottom; height:167px; position:relative; width:283px; z-index:1;} #services #about-estimate a {display: block; background:transparent url(images/btn-start-here.png) no-repeat scroll center center; width: 129px; height: 41px; position: absolute; left: 34px; top: 95px; z-index: 5;} #services #c1, #services #c2 {float: left; width: 275px; margin-top: 5px;} #services #main p, #services #main h2 {padding-left: 23px; padding-right: 0;} #services #content h2 {margin-top: 23px; color: #003B7A; font-weight: normal; font-size: 25px;} #services #sidebar p {padding: 20px 0px 15px 3px; color: #2F2F2F; margin: 9px 15px 9px 9px; background: transparent url(images/sidebar-border.png) left top repeat-x;} #services #sidebar h3 {margin:20px 22px 5px 10px; background-color:#EEEEEE; border-bottom:1px solid #A9A9A9; color:#4D4D4D; font-size:18px; padding:5px 10px;} #services #sidebar a {font-size: 14px; text-decoration: none;} #services #sidebar a:hover {text-decoration: underline;} /* Portfolio Layout ----------------------------------------------------------------------------------------------------*/ #portfolio #main h1 {color: #51AB44; margin: 10px 0 15px 25px; } #portfolio #main h1 a {color: #51AB44; text-decoration: none; } #portfolio #main .top {background:url(images/bg-main-global-top.png) left top no-repeat; height: 50px;} #portfolio #main .wrap {background:url(images/bg-main-global.png) left center repeat-y;} #portfolio #main .bottom {background:url(images/bg-main-global-bot.png) left top no-repeat; height: 50px; position: relative;} #portfolio #main #content {float: left; width: 575px; padding: 0 20px; margin-top:-10px;} #portfolio #main #sidebar {float: right; width: 293px; padding: 0 20px; margin-top: 33px;} #portfolio #about-estimate {background:transparent url(images/bg-about-estimate2.png) no-repeat scroll left bottom; height:167px; position:relative; width:283px; z-index:1;} #portfolio #about-estimate a {display: block; background:transparent url(images/btn-start-here.png) no-repeat scroll center center; width: 129px; height: 41px; position: absolute; left: 34px; top: 95px; z-index: 5;} #portfolio #sidebar p {padding: 20px 0px 15px 3px; color: #2F2F2F; margin: 9px 15px 9px 9px; background: transparent url(images/sidebar-border.png) left top repeat-x;} #portfolio .portfolio-main {width: 535px; height: 117px; margin: 20px 25px; padding: 8px 8px 11px; background-color: #CCC;} #portfolio .gallery-title {display:block; font-size:20px; height:70px; padding-left:5px; padding-right:10px; padding-top:14px; position:absolute; text-align:right; text-decoration:none; width:141px; color: #4D4D4D;} #portfolio .portfolio-main img {margin-left: 168px;} #portfolio #commercial-main {background: #DBE4ED url(images/bg-commercial-main.png) 10px 10px no-repeat; border: 1px solid #BCCDDD;} #portfolio #residential-main {background: #E8D3C5 url(images/bg-residential-main.png) 10px 10px no-repeat; border: 1px solid #D9B39A;} #portfolio #beforeafter-main {background: #DDEBDB url(images/bg-beforeafter-main.png) 10px 10px no-repeat; border: 1px solid #C5DEC1;} #portfolio #community-main {background: #D8D8D8 url(images/bg-community-main.png) 10px 10px no-repeat; border: 1px solid #BABABA;} #portfolio h2 {color: #4D4D4D; font-size: 22px; font-weight: normal; margin: 15px 10px 0 20px; padding: 5px 10px; background-color: #EEE; border-bottom: 1px solid #DFDFDF;} #portfolio .slideshow, #portfolio .portfolio-home {display: block; position: absolute; height: 20px; text-indent: -9999px; right:200px; top: -45px; border: 1px solid #A9A9A9; overflow: hidden;} #portfolio .slideshow {width: 86px; background: transparent url(images/slideshow.jpg) 0 -20px no-repeat; right: 176px;} #portfolio .portfolio-home {width: 127px; background: transparent url(images/portfolio-home.jpg) 0 -20px no-repeat; right: 39px;} #portfolio .slideshow:hover, #portfolio .portfolio-home:hover {background-position: 0 0;} /* News Layout ----------------------------------------------------------------------------------------------------*/ #news #main h1 {margin-bottom: 25px;} #news #main h2 {font-size: 24px;} #news #main h3 {font-size: 20px;} #news #main h2 a, #news #main h3 a {text-decoration: none; } #news #main h2.h-archive {padding-left: 25px; padding-bottom:20px;} #news #main h2 a:hover, #news #main h3 a:hover {text-decoration: underline;} #news #main p {padding-left: 15px;} #news .post {padding-bottom: 20px; margin-bottom: 20px; width: 500px; margin-left: 25px; border-bottom:1px solid #D9D9D9;} #news #main .date {font-size: 11px; padding-top: 5px; padding-left: 0;} #news #main .top {background:url(images/bg-main-global-top.png) left top no-repeat; height: 50px;} #news #main .wrap {background:url(images/bg-main-global.png) left center repeat-y;} #news #main .bottom {background:url(images/bg-main-global-bot.png) left top no-repeat; height: 50px; position: relative;} #news #main #content {float: left; width: 575px; padding: 0 25px; margin-top:-10px;} #news #main #sidebar {float: right; width: 293px; padding: 0 20px; margin-top: 33px;} #news #about-estimate {background:transparent url(images/bg-about-estimate2.png) no-repeat scroll left bottom; height:167px; position:relative; width:283px; z-index:1;} #news #about-estimate a {display: block; background:transparent url(images/btn-start-here.png) no-repeat scroll center center; width: 129px; height: 41px; position: absolute; left: 34px; top: 95px; z-index: 5;} #news #sidebar h3 {margin:20px 22px 5px 10px; background-color:#EEEEEE; border-bottom:1px solid #A9A9A9; color:#4D4D4D; font-size:18px; padding:5px 10px;} #news #sidebar a {font-size: 14px; text-decoration: none;} #news #sidebar a:hover {text-decoration: underline;} #news #sidebar ul li ul li {margin-left: 20px;} #news .errorpage h2, #news .errorpage ul {margin-left: 25px;} #news .errorpage p {margin-left: 10px;} #news .errorpage a {text-decoration: none;} #news .errorpage a:hover {text-decoration: underline;} #searchwrap {height: 22px; overflow: hidden; border: 0; width: 225px; position: relative;} #searchform {height:15px; margin:15px 0 30px 10px; padding:15px 16px 22px 18px; width:224px; background-color: #C1C1C1; border: 1px solid #9F9F9F;} #s {padding: 3px; width: 194px; float: left; border: none;} #searchsubmit {border: 0; cursor:pointer; height:20px; width:25px; padding:0; background: #9F9F9F url(images/bg-search-btn.jpg) 0 -20px no-repeat; position: absolute; } #searchsubmit:hover {border: 0; cursor:pointer; padding:0; background: #555 url(images/bg-search-btn.jpg) 0 0 no-repeat; position: absolute; } /* Comments ----------------------------------------------------------------------------------------------------*/ h3#respond, h3#comments {line-height:15px; margin-bottom:0; margin-left:25px; padding-bottom:20px; width:500px;} #comment-list li {margin-left:25px; width:500px;; padding-bottom: 5px;} #news #main div.commentmetadata p.poster {margin-bottom: 2px; padding: 0;} .authorcomment .commentmetadata { border-top: #98DBF5 solid 2px; } div.commentmetadata {display: block; float: left; width: 110px; border-top: #2C5C8F solid 2px; padding: 12px 0;} div.comment {display: block; float: left; width: 365px; border-top: #C1C1C1 solid 2px; padding: 10px 0 0 10px;} div.commentmetadata p.date, div.commentmetadata p a {margin-bottom: 2px; padding: 0 3px;} #news #main div.commentmetadata p.poster {margin-bottom: 2px; padding: 0;} #news #main #respond {margin:40px 25px 0 25px;} #news #main p#waiting {text-indent: 25px;} #comments-wrap {background: transparent url(images/bg-commentform.jpg) top left no-repeat; padding: 10px 22px; height: 325px; position: relative; margin-left: 5px; margin-right: 10px;} #comments-wrap ul {margin-bottom: 0;} #comments-wrap ul li { margin-left: 0; } #commentform li { margin-bottom:10px; width:500px; position: relative; } #commentform li input, #commentform textarea { border: #9F9F9F solid 1px; color:#4D4D4D; font-family:Arial; font-size:13px; height:16px; line-height:18px; padding:10px 8px 9px; width:325px; } #commentform li textarea { height:120px; width: 465px; } #commentform label { font-size:13px; line-height:20px; padding-left: 15px; position: absolute; left: 340px; top: 7px;} #commentform #submit {background:transparent url(images/btn-submit.png) no-repeat scroll center center; border:none; bottom:10px; height:35px; left:22px;position:absolute; width:86px;} #commentform #submit:hover {cursor: pointer;} #news #main .authorcomment .commentmetadata {border-top:2px solid #2C5C8F;} /* Contact Layout ----------------------------------------------------------------------------------------------------*/ #contact-us #main h1 {color: #12579f; margin: 10px 0 10px 41px;} #contact-us #main .top {background:url(images/bg-main-global-top.png) left top no-repeat; height: 50px;} #contact-us #main .wrap {background:url(images/bg-main-global.png) left center repeat-y;} #contact-us #main .bottom {background:url(images/bg-main-global-bot.png) left top no-repeat; height: 50px; position: relative;} #contact-us #main #content {float: left; width: 560px; padding: 0 20px; margin-top:-10px;} #contact-us h2 {background-color:#EEEEEE; border-bottom:1px solid #DFDFDF; color:#4D4D4D; font-size:22px; font-weight:normal; margin:15px 0 -31px 40px; padding:5px 10px;} #contact-us #sidebar {color: #2F2F2F;} #contact-us #sidebar h2 {margin: 7px 31px 15px 0; border-bottom: 1px solid #9F9F9F;} #contact-us #sidebar ul {margin: 10px 31px 8px 5px; background: transparent url(images/sidebar-border.png) repeat-x scroll left bottom; padding-bottom: 15px;} #contact-us #sidebar li {margin-left: 3px; margin-bottom: 3px;} #contact-us #sidebar #email {margin-top: 15px;} #contact-us #sidebar a {text-decoration: none;} #contact-us #sidebar a:hover {text-decoration: underline;} #contact-us #main #sidebar {float: right; width: 293px; padding: 0 11px; margin-top: 33px;} #contact-us .smtitle {color: #666;} #contact-us #sidebar span.smtitle {padding-right: 7px;} form#contactform {color:#4D4D4D; font-family:Georgia,"Times New Roman",Times,serif; font-weight:normal; height:635px; margin:25px 40px; padding:50px 0 15px 50px; width:470px; background: transparent url(images/bg-contactform.png) center center no-repeat; } #contactform ul {width: 400px;} #contactform li {background: transparent url(images/form-border.png) left bottom repeat-x;; margin-bottom:14px; padding-bottom:10px; width:415px;} #contactform li input, #contactform textarea { border: 3px solid #C2DBEF; color:#4D4D4D; font-size:13px; height:17px; line-height:15px; padding:7px; width:400px; margin: 5px 0 0 0;} #contactform li.noline {background-image: none;} #contactform li input.radio {border: none; width: auto; margin-right: 3px;} #contactform .fltrt {float: left; bottom:3px; position:relative; font-size: 12px; width: 90px; margin-left: 5px;} #contactform .short {width: 65px;} #contactform .formlist {height: 25px; position: relative;} #contactform div { float:left; width:50px; } #contactform .posleft {float: left; width:130px;} #contactform label.first {padding-left: 20px;} #contactform p { font-family:Arial,Helvetica,sans-serif; font-size:11px; display:inline; } #contactform li textarea { height:100px; margin-bottom:10px; font-family: Arial, Helvetica, sans-serif;} #contactform label { font-size:17px; line-height:20px; padding:0;} #contactform label.required {bottom:16px; left:22px; position:absolute; font-size: 12px;} #contactform .button img {float: right;} .error {float: right; position: absolute; right: 71px; color: #f00;} #btn-send {background:transparent url(images/btn-contact.png) no-repeat scroll center -40px; border:medium none; bottom:70px; cursor:pointer; height:40px;position:absolute; right:70px; width:122px; text-indent: -9999px; overflow: hidden;} #btn-send:hover {background-position: center 0;} #map-canvas {border: 5px solid #BFBFBF;} #map-canvas-wrap {border: 1px solid #9F9F9F; width: 260px; margin-top:20px; margin-bottom: 20px;} #contact-us #main .success h2 {margin-bottom: 12px;} #contact-us #main .success p {margin-left: 25px;}