@charset "UTF-8";
/* CSS Document */

body {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
line-height:1.4em;
color:#808080;
text-align:center;
background-color:#095AA6;
}

img {
border:0;
}

h2, h3 {
letter-spacing:-1px;
}

p {
margin:0 0 1em 0;
}

a:link, a:visited {
color:#095AA6;
text-decoration:none;
}

a:hover {
color:#095AA6;
text-decoration:underline;
}

/* Wrapper & BG ---------------------- */

#bg {
margin:0;
padding:50px 0 0 0;
background:#FFF url(../images/template/bg.jpg) repeat-x;
min-width:1000px;
}

#wrapper {
margin:0px auto;
padding:0;
width:960px;
position:relative;
text-align:left;
}

/* Header ---------------------- */

#header {
position:absolute;
top:0;
left:-20px;
padding:10px 20px 10px 35px;
width:945px;
font-size:14px;
font-weight:bold;
letter-spacing:-1px;
color:#000;
text-align:left;
border-bottom:3px solid #095AA6;
background:transparent url(../images/template/jc_logo.png) no-repeat;
background-position:20px 3px;
z-index:998;
}

#header p {
margin:0;
}

span.tagline {
font-size:12px;
font-weight:normal;
color:#808080;
}

#header a {
color:#000;
}

/* Navigation ---------------------- */

#nav {
position:absolute;
top:0;
right:0;
margin:0;
padding:10px 0 0 0;
list-style:none;
letter-spacing:-1px;
z-index:999;
}

#nav li {
display:inline;
margin:0;
padding:0px 15px;
border-left:1px solid #DDDDDD;
}

#nav li.first {
border:none;
}

#nav li.last {
padding-right:0;
}

#nav a {
font-size:14px;
font-weight:bold;
}

#nav a:link, #nav a:visited {
color:#444;
text-decoration:none;
}

#nav a:hover {
color:#095AA6;
text-decoration:none;
}

/* Home ---------------------- */

#home_teaser {
margin:0;
padding:100px 0 0 0;
text-align:left;
position:relative;
}

#home_teaser h1 {
margin:0;
width:400px;
font-size:120px;
line-height:0.8em;
letter-spacing:-10px;
color:#000;
}

#home_teaser p {
margin:20px 0 0 0;
width:400px;
font-size:16px;
line-height:1.6em;
}

.teaser_image {
position:absolute;
top:75px;
right:0;
}

.box {
float:left;
text-align:left;
position:relative;
}

.box h2 {
margin:0;
font-size:18px;
line-height:1em;
color:#095AA6;
}

#latest_tweet {
margin:50px 0 20px 0;
width:250px;
}

#latest_tweet h2 {
padding-left:35px;
}

#twitter_icon {
position:absolute;
top:-5px;
left:10px;
}

#latest_tweet .tweet {
margin:0;
padding:10px;
font-size:14px;
font-weight:bold;
color:#444;
background-color:#E6E6E6;
border-radius:6px 6px 6px 6px;
-webkit-border-radius:6px 6px 6px 6px;
-moz-border-radius:6px 6px 6px 6px;
}

#latest_tweet .date {
font-size:12px;
font-weight:normal;
color:#808080;
}

.follow_link {
padding:5px 0 0 20px;
background:transparent url(../images/template/bubble_corner.gif) no-repeat;
background-position:10px -3px;
}

.small {
font-size:10px;
}

#about_jc {
margin:50px 0 20px 100px;
width:270px;
font-size:13px;
color:#555;
}

#about_jc p {
margin-top:5px;
}

#latest_projects {
margin:50px 0 20px 100px;
width:240px;
}

#latest_projects h2 {
padding-left:2px;
}

#latest_projects ul {
margin:5px 0 0 0;
padding:0;
font-size:13px;
color:#666;
}

#latest_projects li {
list-style-type:none;
margin:0;
padding:0;
border-bottom:1px dotted #CCC;
}

#latest_projects .project_type {
font-size:0.8em;
color:#808080;
}

#latest_projects a {
display:block;
padding:3px 2px;
text-decoration:none;
}

#latest_projects a:hover {
color:#000;
}


/* Main ---------------------- */

#main {
position:relative;
margin:0;
padding:100px 0 50px 0;
width:680px;
min-height:300px;
font-size:14px;
line-height:1.5em;
color:#555;
text-align:left;
}

#main.contact {
width:960px;
background:transparent url(../images/template/phone.jpg) no-repeat right;
}

#main h1 {
margin:0;
width:400px;
font-size:80px;
line-height:0.8em;
letter-spacing:-7px;
color:#000;
}

#main h2 {
margin:30px 0 0 0;
font-size:20px;
line-height:1.2em;
color:#095AA6;
}

#main h3 {
margin:10px 0 5px 0;
font-size:20px;
line-height:1em;
color:#333;
}

.my_quote {
margin-top:5px;
font-size:1.2em;
letter-spacing:-1px;
color:#095AA6;
}

.photo {
float:left;
margin-right:10px;
}

.cite {
font-size:0.9em;
font-style:italic;
color:#666;
}


/* Portfolio ---------------------- */

#main.portfolio {
width:960px;
}

div.project {
margin:0;
padding:20px 10px;
height:300px;
border-top:1px solid #DDDDDD;
}

#main div.project h2 {
margin:20px 0 0px 500px;
}

div.project p {
margin:10px 0 20px 500px;
}

div.project p.url {
margin:0 0 0 500px;
}

div.project .thumb {
float:left;
margin:0;
padding:0;
height:300px;
box-shadow: 0px 0px 10px rgba(0,0,0,.4);
-webkit-box-shadow: 0px -1px 10px rgba(0,0,0,.4);
-moz-box-shadow:0px 0px 10px rgba(0,0,0,.4);
}


/* Sidebar ---------------------- */

#sidebar {
position:absolute;
top:150px;
right:0;
padding:20px;
width:200px;
background:#EFEFEF url(../images/template/bg_sidebar.gif) repeat-x;
text-align:left;
box-shadow: 0px 0px 5px rgba(0,0,0,.3);
-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.3);
-moz-box-shadow:0px 0px 5px rgba(0,0,0,.3);
}

#sidebar h3 {
margin:0 0 20px 0;
font-size:18px;
line-height:1em;
color:#333;
}

#sidebar ul {
margin:0;
padding:0;
font-size:13px;
color:#666;
}

#sidebar li {
list-style-type:none;
margin:0;
padding:0;
border-bottom:1px dotted #CCC;
}

#sidebar a {
display:block;
padding:3px 2px;
text-decoration:none;
}

#sidebar a:hover {
color:#000;
}


/* Request Quote ---------------------- */

#request_quote_btn {
clear:both;
margin:0;
padding:0;
font-size:12px;
text-align:right;
}

#request_quote_btn a:link, #request_quote_btn a:visited {
margin:0;
padding:5px 10px;
color:#444;
font-weight:bold;
background-color:#CCC;
}

#request_quote_btn a:hover {
color:#FFF;
background-color:#095AA6;
text-decoration:none;
}

#request_quote {
position:absolute;
display:none;
bottom:0;
left:0;
margin:0;
width:900px;
height:400px;
padding:20px 30px;
font-size:14px;
line-height:1.5em;
color:#555;
background-color:#EFEFEF;
text-align:left;
box-shadow: 0px -1px 10px rgba(0,0,0,.3);
-webkit-box-shadow: 0px -1px 10px rgba(0,0,0,.3);
-moz-box-shadow:0px -1px 10px rgba(0,0,0,.3);
z-index:999;
}

#request_quote h2 {
margin:0 0 5px 0;
font-size:40px;
line-height:1em;
letter-spacing:-3px;
color:#000;
}

#request_quote strong {
font-size:1.1em;
font-weight:normal;
color:#000;
}

#request_quote input.button {
margin-right:5px;
}

#hide_request_form {
padding:5px;
color:#666;
}

#hide_request_form:hover {
color:#FFF;
background-color:#CC0000;
text-decoration:none;
}

#hide_request_form .button {
color:#FFF;
}

.col1 {
float:left;
width:430px;
}

.col2 {
float:left;
margin-left:30px;
width:430px;
}

/* Pop-up ------------------------------- */

#popup {
margin:0 auto;
padding:0;
width:854px;
background-color:#095AA6;
color:#CCC;
}

#flash_video {
margin:0 auto;
padding:0;
width:854px;
height:460px;
}

#client_description {
margin:0;
padding:15px 20px 10px 40px;
border-top:3px solid #DDD;
background:transparent url(../images/template/jc_logo_footer.png) no-repeat;
background-position:15px 18px;
text-align:left;
}

#client_description h1 {
margin:0;
font-size:14px;
color:#FFF;
}

#client_description a {
color:#DDD;
}


/* Footer ------------------------------- */
 
#footer_w {
margin:0;
padding:0;
background:#095AA6 url(../images/template/bg_footer.gif) repeat-x;
border-top:3px solid #DDD;
color:#FFF;
position:relative;
}
 
#footer {
margin:0 auto;
padding:20px 0 40px 0;
width:960px;
text-align:left;
font-size:12px;
}
 
#footer p {
margin:0px;
}

#footer a {
color:#DDD;
}
 
#copyright {
float:left;
margin:4px 0 0 0;
width:250px;
background:transparent url(../images/template/jc_logo_footer.png) no-repeat;
background-position:0 2px;
padding-left:25px;
line-height:1.4em;
}
 
#address {
float:left;
margin:4px 0px 0px 55px;
width:270px;
background:transparent url(../images/template/mail_icon.png) no-repeat;
background-position:0 6px;
padding-left:40px;
line-height:1.4em;
}

#newsletter_signup {
float:left;
margin:0px 0px 0px 80px;
}
 
#newsletter_signup form, #newsletter_signup input {
margin:0px;
}

#newsletter_signup label {
color:#FFF;
}

#newsletter_signup div {
margin:4px 0 0 0;
}

input#email_n {
background-color:#095AA6;
border:1px solid #DDD;
font-size:11px;
padding:1px 5px;
width:200px;
color:#CCC;
font-size:13px;
}

#newsletter_signup input.error {
background-color:#CC3333;
}

.footer_list {
float:left;
margin:30px 0 0 0;
width:210px;
}

.footer_list h3 {
margin:0;
padding:0 2px;
font-size:16px;
color:#84ACD2;
}

.footer_list ul {
margin:5px 0 0 0;
padding:0;
font-size:13px;
}

.footer_list li {
list-style-type:none;
margin:0;
padding:0;
border-bottom:1px dotted #3A7BB8;
}

#footer .footer_list a:link, #footer .footer_list a:visited {
display:block;
padding:3px 2px;
color:#538BC1;
}

#footer .footer_list a:hover {
color:#FFF;
text-decoration:none;
text-shadow:0em 0em 0.2em #666;
}

#footer p#html5-tag {
margin:30px 0 0 0;
font-size:0.9em;
font-style:italic;
color:#84ACD2;
text-align:center;
}


/* Classes ------------------ */

.clearFix {
clear:both;
height:1px;
}

fieldset {
border:0;
padding:0;
margin:0;
}

dl {
margin:0px 0px 10px 0px;
}

dt span {
font-style:italic;
color:#999;
}

dd {
margin-left:0px;
}

label {
color:#333;
}

.input_txt {
width:400px;
padding:2px 5px;
font-size:1.2em;
color:#000;
background-color:#EFEFEF;
border:1px solid #CCC;
outline:none;
}

.input_txt:focus {
background-color:#F9F9F9;
}

.drop {
width:400px;
padding:2px 5px;
font-size:1.2em;
color:#000;
background-color:#EFEFEF;
border:1px solid #CCC;
}

.button {
padding:5px 30px;
font-size:14px;
color:#FFF;
background-color:#095AA6;
border:none;
box-shadow: 0px 0px 7px rgba(0,0,0,.4);
-webkit-box-shadow: 0px 0px 7px rgba(0,0,0,.4);
-moz-box-shadow:0px 0px 7px rgba(0,0,0,.4);
}

.button:hover {
background-color:#000;
box-shadow: 0px 0px 7px rgba(0,0,0,.6);
-webkit-box-shadow: 0px 0px 7px rgba(0,0,0,.6);
-moz-box-shadow:0px 0px 7px rgba(0,0,0,.6);
}

a.button {
padding:5px 20px;
color:#FFF;
text-decoration:none;
}

a.button:hover {
color:#FFF;
text-decoration:none;
}

p.error {
font-size:1.2em;
font-weight:bold;
letter-spacing:-1px;
color:#CC0000;
}

dl.error .input_txt {
border:1px solid #CC0000;
}

span.wait {
margin-right:5px;
padding:3px 10px;
font-size:0.9em;
font-weight:bold;
letter-spacing:1px;
color:#FFF;
background-color:#CC0000;
}

.clear {
clear:left;
}

/* AK Modal ---------------- */

#ak_modal_div {
padding:0px;
background-color:#095AA6;
position: absolute;
z-index:1000;
display:none;
box-shadow: 0px 0px 5px rgba(0,0,0,.4);
-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.4);
-moz-box-shadow:0px 0px 5px rgba(0,0,0,.4);
}

#ak_close_btn {
position:absolute;
top:-10px;
right:-10px;
width:36px;
height:36px;
background:url(../images/template/close_btn.png) no-repeat;
cursor:pointer;
z-index:1001;
}

#sopa {
margin:0;
padding:0px;
background-color:#000;
background-color:rgba(0,0,0,0.9);
position: absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:1000;
color:#FFF;
text-align:left;
font-size:2em;
display:none;
}

#sopa h1 {
margin-left:15%;
margin-top:20%;
margin-bottom:0;
font-size:3em;
line-height:1em;
}

#sopa p {
margin-left:15%;
line-height:1.4em;
}