File: /home/vmasmheia229/domains/theomggroup.com/_html1/css/base.css
/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/
/* Table of Content
==================================================
#Reset & Basics
#Basic Styles
#Site Styles
#Typography
#Links
#Lists
#Images
#Buttons
#Tabs
#Forms
#Misc */
/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
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,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,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{ border:0; font:inherit; font-size:100%; margin:0; padding:0; vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ display:block;}
body{ line-height:1;}
ol,ul{ list-style:none;}
blockquote,q{ quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{ content:''; content:none;}
table{ border-collapse:collapse; border-spacing:0; width:100%;}
iframe{width:100%;}
/* #Basic Styles================================================== */
body{-webkit-font-smoothing:antialiased; -webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%; color:#9c9c9c;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:13px;line-height:18px; background-color:#000; }
/* #Typography================================================== */
@font-face {
font-family: 'GothamCondensedMedium';
src: url('gothamcondensed-medium-webfont.eot');
src: url('gothamcondensed-medium-webfont.eot?#iefix') format('embedded-opentype'),
url('gothamcondensed-medium-webfont.woff') format('woff'),
url('gothamcondensed-medium-webfont.ttf') format('truetype'),
url('gothamcondensed-medium-webfont.svg#GothamCondensedMedium') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'GothamCondensedBold';
src: url('gothamcondensed-bold-webfont.eot');
src: url('gothamcondensed-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('gothamcondensed-bold-webfont.woff') format('woff'),
url('gothamcondensed-bold-webfont.ttf') format('truetype'),
url('gothamcondensed-bold-webfont.svg#GothamCondensedBold') format('svg');
font-weight: normal;
font-style: normal;
}
h1,h2,h3,h4,h5,h6{ font-weight:500; color:#fff; margin-bottom:10px;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{ font-weight:inherit;}
h2{ font-size:24px;}
h3{ font-size:20px;}
h2 em{ font-size:20px; display:block; font-style:normal; font-weight:normal; }
h4{ font-size:20px; }
h5{ font-size:16px;}
h6{ font-size:14px;}
.subheader{ color:#777;}
p{ margin:0 0 20px 0;}
p img{ margin:0;}
p.lead{ color:#777; font-size:21px; line-height:27px;}
em{ font-style:italic;}
strong{ color:#ccc; font-weight:bold;}
small{ font-size:80%;}
blockquote,blockquote p{ color:#777; font-size:17px; font-style:italic; line-height:24px;}
blockquote{ border-left:1px solid #ddd; margin:0 0 20px; padding:9px 20px 0 19px;}
blockquote cite{ color:#555; display:block; font-size:12px;}
blockquote cite:before{ content:"\2014 \0020";}
blockquote cite a,blockquote cite a:visited,blockquote cite a:visited{ color:#555;}
hr{ border:solid #1e1e1e; border-width:1px 0 0; clear:both; height:0; margin:30px 0 30px;}
/* #Links================================================== */
a {color:#3cacba;text-decoration:none; -webkit-transition: color 0.3s ease-in-out;-o-transition: color 0.3s ease-in-out;-moz-transition: color 0.3s ease-in-out;transition: color 0.3s ease-in-out;}
a:hover {color: #fff;}
/* #Lists
================================================== */
ul.square{ list-style:square outside;}
ul.circle{ list-style:circle outside;}
ul.disc{ list-style:disc outside;}
ul.large li{ line-height:21px;}
/* #Images================================================== */
img.scale-with-grid {
max-width:96%;
height: auto;
border:6px solid #1d1d1d;
}
/* #Buttons================================================== */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
background: #eee; /* Old browsers */
background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
border:none;
padding: 4px 20px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #222;
display: inline-block;
font-size: 12px;
font-weight: bold;
text-decoration: none;
text-shadow: 0 1px rgba(255, 255, 255, .75);
cursor: pointer;
margin-bottom: 10px;
line-height: normal;
padding: 8px 20px;
font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
color: #222;
border:none;
background: #6dcff6; /* Old browsers */
background: #6dcff6 -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
background: #6dcff6-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
background: #6dcff6 -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
background: #6dcff6 -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
background: #6dcff6 -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
background: #6dcff6 linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
}
.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
bborder:none;
background: #6dcff6; /* Old browsers */
background: #6dcff6 -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */
background: #6dcff6 -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */
background: #6dcff6-webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */
background: #6dcff6 -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */
background: #6dcff6 -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */
background: #6dcff6 linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ }
.button.full-width,
button.full-width,
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width {
width: 100%;
padding-left: 0 !important;
padding-right: 0 !important;
text-align: center; }
/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/* #Forms================================================== */
fieldset{ margin-bottom:10px;}
input[type="text"],input[type="password"],input[type="email"],textarea,select{ background:#dcdcdc; border: none; color:#111; display:block; font:13px "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif; margin:0; margin-bottom:20px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; outline:none; padding:8px 8px 8px 40px ; width:260px; }
input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,textarea:focus {box-shadow:0 0 8px rgba(109,207,246,1); color:#444; -moz-border-radius:3px; -moz-box-shadow:0 0 8px rgba(109,207,246,1); -webkit-border-radius:3px; border-radius:3px; -webkit-box-shadow:0 0 8px rgba(109,207,246,1); background:#fff; }
input[type="text"].name{ background:#dcdcdc url(../img/name.png) no-repeat -3px center; }
input[type="text"].name:focus{ background:#fff url(../img/name.png) no-repeat -3px center; }
input[type="email"].email{ background:#dcdcdc url(../img/email.png) no-repeat -3px center; }
input[type="email"].email:focus{ background:#fff url(../img/email.png) no-repeat -3px center; }
input[type="text"].phone{ background:#dcdcdc url(../img/phone.png) no-repeat -3px center; }
input[type="text"].phone:focus{ background:#fff url(../img/phone.png) no-repeat -3px center; }
select{ padding:7px;}
textarea{ min-height:60px; width:95%; padding:8px;}
label,legend{ display:block;}
.verify_txt {float:left; width:180px; margin-top:8px }
input.verify_form {width: 30px; float:left; padding:8px; }
label {color:#fff; font-weight: bold; margin-bottom:3px}
span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */
.error_message { display: block; height: 22px; line-height: 22px; background: #ed1c24 url(../img/allert.png) no-repeat 10px center; padding: 3px 10px 3px 35px; color:#fff;border: 1px solid #f26c4f; }
.loader { padding: 0 10px; }
#success_page h1 { background: url('../img/success.png') left no-repeat; padding-left:40px; color:#fff; line-height:30px; font-size:30px; }
/* #Misc================================================== */
.remove-bottom{ margin-bottom:0 !important;}
.half-bottom{ margin-bottom:10px !important;}
.add-bottom{ margin-bottom:20px !important;}
.add-bottom_2{ margin-bottom:35px !important;}
.add-bottom_3{ margin-bottom:40px !important;}
.add-top-bottom{ padding: 60px 0;}
/* Table ====================================== */
tr:nth-of-type(odd){ background:#1e1e1e;}
th{ background: url(../img/pattern.png) repeat; color:white; font-weight:bold; border-bottom:1px solid #000;}
td,th{ padding:8px; text-align:left;}
td strong{ color:#fff;}
/* #Tabs (activate in tabs.js)
================================================== */
ul.tabs {
display: block;
margin: 0 0 20px 0;
padding: 0;
border-bottom: solid 1px #1e1e1e; }
ul.tabs li {
display: block;
width: auto;
height: 30px;
padding: 0;
float: left;
margin-bottom: 0; }
ul.tabs li a {
display: block;
text-decoration: none;
width: auto;
height: 29px;
padding: 0px 20px;
line-height: 30px;
border: solid 1px #1e1e1e;
border-width: 1px 1px 0 0;
margin: 0;
background: #333;
font-size: 13px; }
ul.tabs li a.active {
background: #3cacba;
height: 30px;
position: relative;
top: -4px;
padding-top: 4px;
border-left-width: 1px;
margin: 0 0 0 -1px;
color: #fff;
-moz-border-radius-topleft: 2px;
-webkit-border-top-left-radius: 2px;
border-top-left-radius: 2px;
-moz-border-radius-topright: 2px;
-webkit-border-top-right-radius: 2px;
border-top-right-radius: 2px; }
ul.tabs li:first-child a.active {
margin-left: 0; }
ul.tabs li:first-child a {
border-width: 1px 1px 0 1px;
-moz-border-radius-topleft: 2px;
-webkit-border-top-left-radius: 2px;
border-top-left-radius: 2px; }
ul.tabs li:last-child a {
-moz-border-radius-topright: 2px;
-webkit-border-top-right-radius: 2px;
border-top-right-radius: 2px; }
ul.tabs-content { margin: 0; display: block; }
ul.tabs-content > li { display:none;l}
ul.tabs-content > li.active { display: block; }
/* Clearfixing tabs for beautiful stacking */
ul.tabs:before,
ul.tabs:after {
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0; }
ul.tabs:after {
clear: both; }
ul.tabs {
zoom: 1; }
/* Acccordion */
#accordion-container {
}
.accordion-header {
margin: 10px 0 0 0;
padding: 5px 15px;
cursor: pointer;
color: #111;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-shadow: 0 -1px 0 rgba(255,255,255,0.9);
}
.active-header {
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
background: url(../img/active-header.gif) #fcc000;
background-repeat: no-repeat;
background-position: right 50%;
}
.active-header:hover {
background: url(../img/active-header.gif) #6dcff6;
background-repeat: no-repeat;
background-position: right 50%;
}
.inactive-header {
background: url(../img/inactive-header.gif) #fcc000;
background-repeat: no-repeat;
background-position: right 50%;
}
.inactive-header:hover {
background: url(../img/inactive-header.gif) #6dcff6;
background-repeat: no-repeat;
background-position: right 50%;
}
.accordion-content {
display: none;
padding: 15px;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
background-color:#1d1d1d;
text-align:center;
}