/* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; } /* body */ body { padding: 0px; margin: 0px; } body, input, textarea { font: 14px 'Open Sans', sans-serif; font-weight: normal; font-style: normal; line-height: 23px; color: #727272; } /* Headings */ h1, h2, h3, h4, h5, h6 { font-family: 'Roboto', sans-serif; font-weight: normal; color: #272727; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; } h1 { font-size: 40px; line-height: 40px; margin-bottom: 20px; font-style: normal; font-weight: 300; } h1 b { display: block; font-size: 18px; line-height: 23px; font-weight: 200; margin-top: 13px; color: #727272; } h1.white { color: #fff; } h1.whitecaps { color: #fff; text-transform: uppercase; } h1.whitecaps strong { font-weight: 500; } h2 { font-size: 35px; line-height: 35px; margin-bottom: 20px; font-style: normal; font-weight: 300; } h2.white { color: #fff; } h2.whitecaps { color: #fff; text-decoration: underline; text-transform: uppercase; padding-bottom: 20px; text-decoration-color: #999; -moz-text-decoration-color: #999; /* Code for Firefox */ } h2.white b { color: #999; } h2 i { color: #7ab700; font-style: normal; } h2 b { display: block; font-size: 18px; line-height: 23px; font-weight: 200; margin-top: 13px; color: #727272; } h2.caps { text-transform: uppercase; padding-bottom: 12px; } h2.caps b { text-transform: none; } h2.caps strong { font-weight: 500; } h2.untext { text-decoration: underline; text-transform: uppercase; padding-bottom: 20px; text-decoration-color: #e3e3e3; -moz-text-decoration-color: #e3e3e3; /* Code for Firefox */ } h3 { font-size: 27px; line-height: 30px; margin-bottom: 18px; font-style: normal; } h3 strong { font-weight: 600; } h3.colored { color: #7ab700; font-weight: 300; } h4 { font-size: 22px; line-height: 25px; margin-bottom: 18px; font-style: normal; } h4.caps { text-transform: uppercase; } h4.white { color: #fff; } h4 b { color: #999; font-size: 14px; display: block; font-weight: normal; } h4 i { font-weight: 300; font-style: normal; } h5 { font-size: 18px; line-height: 23px; margin-bottom: 16px; font-style: normal; } h5 b { color: #727272; font-size: 13px; font-weight: normal; display: block; } h5 i { color: #727272; font-size: 14px; font-weight: normal; font-style: normal; } h5.caps { text-transform: uppercase; } h5.grayc { color: #999; } h5.siteccaps { color: #7ab700; text-transform: uppercase; } h5.sitec { color: #7ab700; } h5.white { color: #fff; } h6 { font-size: 16px; line-height: 21px; margin-bottom: 14px; font-style: normal; } h6.grayc { color: #999; } /* Text elements */ p { font: 14px 'Open Sans', sans-serif; font-weight: normal; line-height: 23px; } ul, ol { margin: 0 0 20px 0; list-style-position: inside; } ul { list-style: none; } ul li { list-style: none; } ol { list-style-type: decimal; } ol ol { list-style: upper-alpha; } ol ol ol { list-style: lower-roman; } ol ol ol ol { list-style: lower-alpha; } ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; } strong { font-weight: bold; } cite, em, i { font-style: italic; } blockquote { margin: 20px 0 20px 36px; font-size: 16px; border-left: 5px solid #7ab700; padding: 5px 20px 5px 20px; font-family: 'Open Sans' !important; font-weight: normal; color: #454545; } pre { background: #f4f4f4; font-size: 13px; font: 13px 'Open Sans', sans-serif; line-height: 1.5; margin-bottom: 40px; overflow: auto; padding: 0.75em 20px; } code, kbd { font-size: 13px; font: 13px 'Open Sans', sans-serif; } abbr, acronym, dfn { border-bottom: 1px dotted #666; cursor: help; } address { display: block; margin: 0 0 40px; } ins { background: #fff9c0; text-decoration: none; } sup, sub { font-size: 10px; height: 0; line-height: 1; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } .dropcap { display:block; float:left; font-size:45px; padding:0; margin: 0; margin:15px 8px 0 0; text-transform: uppercase; } /* Links */ a { color: #7ab700; text-decoration: none; } a:hover { text-decoration: none; color: #272727; } a.ltwo { color: #272727; text-decoration: none; } a.ltwo:hover { text-decoration: none; color: #7ab700; } a.lthree { color: #454545; text-decoration: none; } a.lthree:hover { text-decoration: none; color: #7ab700; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* Clear Fix Styles */ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { display: inline-block; } /* start commented backslash hack \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* close commented backslash hack */ { height:1%; } .clearfix { display:block; } /* less width */ .less1 { width: 75%; margin: 0 auto; } .less2 { width: 50%; margin: 0 auto; } /* text color white */ .white { color: #fff; } /* margin bitween sections */ .margin_top1 { float: left; width: 100%; margin-top: 10px; } .margin_top2 { float: left; width: 100%; margin-top: 20px; } .margin_top3 { float: left; width: 100%; margin-top: 30px; } .margin_top4 { float: left; width: 100%; margin-top: 40px; } .margin_top5 { float: left; width: 100%; margin-top: 50px; } .margin_top6 { float: left; width: 100%; margin-top: 60px; } .margin_top7 { float: left; width: 100%; margin-top: 70px; } .margin_top8 { float: left; width: 100%; margin-top: 80px; } .margin_top9 { float: left; width: 100%; margin-top: 90px; } .margin_top10 { float: left; width: 100%; margin-top: 100px; } /* image alignments */ .img_left { float: left; } .img_left1 { float: left; margin-bottom: 20px; } .img_left2 { float: left; margin-right: 30px; } .img_left3 { float: left; margin-right: 20px; } .img_left4 { float: left; margin-top: 10px; margin-bottom: 20px; } .img_left10 { float: left; width: 32%; margin-bottom: 30px; } .img_left11 { float: left; margin-right: 25px; margin-bottom: 20px; } .img_right { float: right; } .img_size1 { float: left; width: 100%; } /* divider lines */ .divider_line1 { float: left; width: 100%; border-bottom: 1px solid #eee; } .divider_line11 { width: 75%; margin: 0 auto; padding-top: 40px; margin-bottom: 40px; border-bottom: 1px solid #e3e3e3; } .divider_line3 { float: left; width: 100%; padding-top: 40px; margin-bottom: 40px; border-bottom: 1px solid #333; } .divider_line4 { float: left; width: 100%; border-bottom: 1px solid #eee; } .divider_line5 { float: left; width: 100%; padding-top: 59px; border-bottom: 1px solid #eee; } .divider_line6 { float: left; width: 100%; margin-bottom: 70px; border-bottom: 1px solid #eee; } .divider_line_half { float: left; width: 100%; } .divider_line_small { width: 20%; margin: 0 auto; height: 25px; border-top: 1px solid #fff; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } .divider_line7 { float: left; width: 100%; padding-top: 30px; border-bottom: 1px solid #eee; } /* divider lines dashed */ .divider_dashed1 { float: left; width: 100%; margin: 45px 0px; border-top: 1px dashed #3b3b3b; } .divider_dashed2 { float: left; width: 100%; margin: 59px 0px; border-top: 1px dotted #d7d7d7; } .divider_dashed3 { float: left; width: 100%; margin: 30px 0px 59px 0px; border-top: 1px dotted #d7d7d7; } .divider_dashed4 { float: left; width: 100%; margin: 40px 0px 59px 0px; border-top: 1px dotted #d7d7d7; } .divider_dashed5 { float: left; width: 100%; margin: 0px 0px 59px 0px; border-top: 1px dotted #d7d7d7; } .divider_dashed6 { float: left; width: 100%; margin: 50px 0px 59px 0px; border-top: 1px dotted #d7d7d7; } .divider_dashed7 { float: left; width: 100%; margin: 50px 0px 0px 0px; border-top: 1px dotted #d7d7d7; } .divider_dashed8 { float: left; width: 100%; margin: 53px 0px 45px 0px; border-top: 1px dotted #d7d7d7; } .divider_dashed9 { float: left; width: 100%; margin: 40px 0px 48px 0px; border-top: 1px dotted #d7d7d7; } /* responsive image */ .rimg { width: 100%; }