/*** Global Settings ***/
@font-face {
font-family:'QuicksandBook';
src:url('../fonts/Quicksand_Book-webfont.eot');
src:local('☺'), url('../fonts/Quicksand_Book-webfont.woff') format('woff'), url('../fonts/Quicksand_Book-webfont.ttf') format('truetype'), url('../fonts/Quicksand_Book-webfont.svg#webfontQvsv8Mp8') format('svg');
}
@font-face {
font-family:'QuicksandBold';
src:url('../fonts/Quicksand_Bold-webfont.eot');
src:local('☺'), url('../fonts/Quicksand_Bold-webfont.woff') format('woff'), url('../fonts/Quicksand_Bold-webfont.ttf') format('truetype'), url('../fonts/Quicksand_Bold-webfont.svg#webfontQvsv8Mp8') format('svg');
}
body {
margin:0;
padding:0;
font-family:'QuicksandBold', Arial, Helvetica, sans-serif;
font-size:76%;
line-height:1.3;
letter-spacing:-0.02em;
color:#5c5a52;
background:#171515;
}
a {
color:#5c5a52;
text-decoration:underline;
}
a:hover {
color:#b23d25;
}
img {
border:0;
}
p {
margin:0;
padding:0 0 1.2em 0;
}
ul, ol {
margin:0;
padding:0 0 1.2em 0;
}

/*** Common Styles ***/
.floatR {
float:right;
}
.floatL {
float:left;
}
.clear {
clear:both;
height:0;
line-height:0;
}

/*** Headings ***/
h1, h2, h3, h4, h5, h6 {
margin:0;
font-weight:normal;
}
h1 {
padding:0 0 0.2em 0;
font-size:1.3em;
color:#b23d25;
}
h2 {
padding:0 0 0.4em 0;
font-size:1.0em;
color:#b23d25;
}
h2 span {
display:inline-block;
width:17px;
height:7px;
vertical-align:middle;
background:url(../assets/red_dots.gif) no-repeat !important;
}
h2 a {
color:#b23d25;
}
h3 {
font-size:1.0em;
color:#80cbab;
}

/*** Layout ***/
#top_container {
min-width:952px;
background:#f2eee4;
}
#top {
position:relative;
margin:0 auto;
width:952px;
min-height:588px;
overflow:auto;
}
#side {
float:left;
width:140px;
text-align:right;
}
#logo {
margin:35px 0 30px 0;
}
#logo a {
cursor:pointer;
}
#nav {
list-style:none;
padding:0;
float:right;
}
#nav a {
display:block;
padding:1px 0 1px 0;
font-size:1.1em;
text-decoration:none;
border-top:double 3px #f2eee4;
border-bottom:double 3px #f2eee4;
cursor:pointer;
outline:none;
}
#nav a.current {
color:#b23d25;
border-top:double 3px #80cbab;
border-bottom:double 3px #80cbab;
}
#tag {
float:right;
margin:40px 30px 40px 0;
padding:14px 0;
font-size:1.1em;
border-bottom:double 3px #80cbab;
}
#tag span {
display:inline-block;
width:17px;
height:7px;
vertical-align:middle;
background:url(../assets/tag_dots.gif) no-repeat;
}
#footer_container {
clear:both;
margin:0 auto;
width:952px;
background:#171515 url(../assets/footer_bg.jpg) no-repeat;
}
#footer {
margin:0 30px 0 180px;
padding:30px 0 15px 0;
color:#f2eee4;
font-size:0.9em;
}
#footer span {
display:inline-block;
width:17px;
height:7px;
vertical-align:middle;
background:url(../assets/footer_dots.gif) no-repeat;
}
#footer a {
color:#f2eee4;
}
.talk a {
float:right;
padding:15px 96px 20px 0;
font-size:1.3em;
text-decoration:none;
background:url(../assets/talk.gif) no-repeat right;
cursor:pointer;
}
.talk a:hover {
background:url(../assets/talk_over.gif) no-repeat right;
}
.footer_bottom {
padding-top:16px;
border-top:double 3px #80cbab;
}
.facebook, .linkedin {
float:left;
margin-right:10px;
}
.sign_up {
float:left;
padding-top:7px;
}
#footer .sign_up a {
color:#80cbab;
}
.copyright {
clear:both;
color:#5c5a52;
font-size:0.9em;
}

/*** Page Content ***/
#content {
position:absolute;
top:142px;
left:180px;
width:742px;
font-size:1.1em;
overflow:auto;
}
#content .home {
background:url(../assets/home.jpg) no-repeat;
}
.home p {
padding:16px 70px 18px 20px;
color:#f2eee4;
font-family:'QuicksandBook', Arial, Helvetica, sans-serif;
font-size:1.6em;
line-height:1.1em;
}
.hr {
height:0;
line-height:0;
padding-bottom:1.2em;
border-top:double 3px #80cbab;
}
.imgL {
float:left;
margin-top:4px;
}
.imgT {
margin:4px 0 8px 0;
}
.spacer {
margin-top:60px;
}
.content {
margin:0 40px 0 50px;
}
.contentR {
margin:0 40px 0 240px;
}
.contentB {
margin:20px 40px 0 50px;
}
.contact .contentR {
margin:0 40px 0 370px;
}
.content span, .contact span {
display:inline-block;
width:17px;
height:7px;
vertical-align:middle;
background:url(../assets/brown_dots.gif) no-repeat;
}
.quirks {
padding-top:1.2em;
}
.capabilities .hr {
padding-bottom:0.5em;
}
.two_col {
float:left;
margin-right:30px;
width:310px;
}
.three_col {
float:left;
margin-right:19px;
width:200px;
}
.three_col h2 {
padding-bottom:0.5em;
}
.three_long {
width:214px;
}
.last {
margin-right:0;
}
.view_btn {
float:right;
margin:4px 0 0 0;
display:block;
height:31px;
width:100px;
background:url(../assets/view.png) no-repeat;
outline:none;
}
.view_btn:hover {
background:url(../assets/view_over.png) no-repeat;
}
.read_btn a {
float:left;
margin:10px 50px 10px -10px;
display:block;
height:31px;
width:100px;
background:url(../assets/read.png) no-repeat;
}
.read_btn a:hover {
background:url(../assets/read_over.png) no-repeat;
}
.signup_btn a {
float:left;
margin:2px 50px 10px -10px;
display:block;
height:31px;
width:100px;
background:url(../assets/signup.png) no-repeat;
}
.signup_btn a:hover {
background:url(../assets/signup_over.png) no-repeat;
}

/*** Carousel ***/
.jcarousel-container {
position:relative;
}
.jcarousel-clip {
z-index:2;
padding:0;
margin:0;
overflow:hidden;
position:relative;
}
.jcarousel-list {
z-index:1;
overflow:hidden;
position:relative;
margin:0;
padding:0;
}
.jcarousel-list li,
.jcarousel-item {
float:left;
list-style:none;
position:relative;
padding:0;
}
.jcarousel-list li li {
float:none;
padding:2px 0 2px 20px;
font-size:0.9em;
background:url(../assets/brown_dots.gif) no-repeat 0 7px;
}
.jcarousel-container-horizontal {
width:742px;
height:425px;
}
.jcarousel-clip-horizontal {
width:742px;
height:425px;
}
.jcarousel-item {
width:742px;
height:425px;
}

/*** Accordion ***/
.jcarousel-list li .accordion li {
padding:5px 0;
font-size:1.0em;
border-top:double 3px #80cbab;
background:none;
}
.jcarousel-list li .accordion li li {
padding:0 0 0 20px;
font-size:0.9em;
border-top:none;
background:url(../assets/brown_dots.gif) no-repeat 0 5px;
}
.accordion p {
padding-bottom:0;
width:530px;
}
.accordion div {
padding-top:4px;
overflow:auto;
}
.accordion h2 {
padding-bottom:0.2em;
}
.accordion ul {
padding-bottom:0;
}
.active a {
display:none;
}

/*** Popup ***/
.popup {
width:410px;
min-height:250px;
padding:25px 30px;
background:#f2eee4 url(../assets/airmail.jpg) bottom right no-repeat;
}
form {
margin:0;
padding:0;
}
input, select, textarea {
float:left;
margin-bottom:18px;
width:220px;
color:#5c5a52;
font-family:Arial, Helvetica, sans-serif;
font-size:1.0em;
}
.label {
float:left;
padding:4px 10px 0 0;
width:80px;
font-size:0.9em;
text-align:right;
}
.submit_btn input {
clear:both;
display:block;
margin-left:90px;
height:31px;
width:100px;
border:0;
background:url(../assets/submit.png) no-repeat;
cursor:pointer;
}
.submit_btn input:hover {
background:url(../assets/submit_over.png) no-repeat;
}