/*
Theme Name: SF Web Design
Theme URI: 
Description: 
Version: 
Author: Daniel Laing
Author URI: http://www.c3i3interactive.com/
Tags: 
*/

body {
background: #000 url(./images/background_sub2.jpg) 50% 40px no-repeat fixed;
color: #333333;
font-family: Georgia;
font-size: 13px;
margin: 0;
padding: 0;
position: relative;
}

body.home {
background: #000 url(./images/background_home3.jpg) 50% 40px no-repeat fixed;
}

/*body.logged-in {
background-position: 50% 68px !important;
}*/ 


h1, h2, h3, h4, p, ul, ol, li, input {
margin: 0;
padding: 0;
}

ul li {
list-style: none;
}

a {
text-decoration: none;
}

a:hover {

}

img {
border: none;
}

input[type=text], textarea {
border: 1px solid #666666;
background: #FFFFFF;
color: #666666;
font-family: Arial;
font-size: 12px;
margin: 0;
padding: 2px 5px;
}

.background_left {
background: url(./images/black-gradient.png) top left no-repeat;
width: 430px;
height: 355px;
position: absolute;
top: 338px;
left: -470px;
z-index: 1;
}

.background_right {
background: url(./images/black-gradient.png) top right no-repeat;
width: 430px;
height: 355px;
position: absolute;
top: 338px;
right: -470px;
z-index: 1;
}

body.home .background_left, body.home .background_right {
top: 670px;
}

.clearfix {
clear: both;
}

#homepage, #page {
width: 1060px;
margin: 0 auto;
position: relative;
z-index: 2;
}

/*** Header ***/

#header {
background: url(./images/header_bg.jpg) 0 0 repeat-x;
width: 100%;
height: 50px;
position: fixed;
z-index: 3;
}

#header .header_ctn {
width: 980px;
height: 50px;
margin: 0 auto;
position: relative;
}

#header .logo {
width: 110px;
height: 33px;
position: absolute;
top: 9px;
left: 0;
}

#header .logo a {
outline: none;
}

#header .menu {
height: 31px;
position: absolute;
top: 19px;
right: 0;
}

#header .menu > ul > li {
float: left;
background: url(./images/bullet.png) 0 5px no-repeat; 
height: 31px;
margin-left: 10px;
padding: 0 0 0 12px;
position: relative;
}

#header .menu > ul > li:first-child {
background: none; 
}


#header .menu > ul > li > a {
display: block;
color: #BFA980;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
line-height: 15px;
height: 15px;
position: relative;
}

#header .menu > ul > li > a span {
color: #FFFFFF;
text-transform: none;
}

#header .menu > ul > li > a:hover, #header .menu > ul > li.current_page_item > a {
color: #FFFFFF;
}

#header .menu ul ul {
display: none;
border: 1px solid #000000;
border-top: none;
background: #363636;
width: 250px;

position: absolute;
top: 31px;
left: 0;
}

#header .menu ul ul li {

}

#header .menu ul ul li a {
display: block;
color: #BFA980;
line-height: 300%;
padding: 0 12px;
}

#header .menu ul ul li a:hover, #header .menu ul ul li.current_page_item a {
color: #FFFFFF;
background-color:black;
}

#header .contact {
clear: both;
background: url(./images/contact_bg.jpg) 0 0 repeat-x;
color: #652E20;
width: 100%;
margin: 0 auto;
position: relative;
}

#header .contact_form {
display: none;
border-bottom: 8px solid #7B2C17;
background: url(./images/contact_form_bg.jpg) 0 0 repeat-x;
width: 925px;
margin: 0 auto;
padding: 25px 30px 0 25px;
z-index: 2;
}

#header .contact_form .contact_text {
float: left;
background: url(./images/contact_c3i3_interactive.png) 0 0 no-repeat;
font-size: 10px;
line-height: 120%;
width: 340px;
height: 72px;
padding: 95px 0 0 120px; 
}

#header .contact_form .contact_text p {
margin-bottom: 10px;
}

#header .contact_form .wpcf7 {
float: right;
width: 430px;
}

#header .contact_form .wpcf7 .left {
float: left;
width: 210px;
}

#header .contact_form .wpcf7 .right {
float: right;
width: 210px;
}

#header .contact_form .wpcf7 p {
margin-bottom: 7px;
}

#header .contact_form .wpcf7 input[type=text] {
width: 198px;
}

#header .contact_form .wpcf7 textarea {
width: 198px;
height: 104px;
}

#header .contact_form .wpcf7 img.wpcf7-captcha-captcha {
float: left;
border: 1px solid #666666;
}

#header .contact_form .wpcf7 span.captcha input[type=text] {
float: right;
width: 102px;
padding: 3px 5px;
}

#header .contact_form .wpcf7 input.wpcf7-submit {
border: none;
background: url(./images/submit.png) 0 0 no-repeat;
width: 105px;
height: 0;
margin: 0;
padding: 20px 0 0 0;
overflow: hidden;
}

#header .contact_form .wpcf7 img.ajax-loader {
background: #FFFFFF;
float: right;
}

#header .contact_form .wpcf7 .wpcf7-not-valid-tip {
color: #333333;
}

#header .contact_form .wpcf7 .wpcf7-response-output {
background: #FFFFFF;
color: #333333;
width: 340px;
margin: 0;
padding: 0.2em 5px;
position: absolute;
bottom: -10px;
z-index: 3;
}

#header .contact_tab {
font-family: Helvetica;
font-weight: bold;
text-align: center;
line-height: 30px;
width: 980px;
height: 0;
margin: 0 auto;
position: relative;
}

#header .contact_tab a {
float: right;
background: #7B2C17;
color: #FFFFFF;
width: 100px;
height: 30px;
position: absolute;
bottom: -30px;
right: 0;
}

#header .contact_tab a span {
color: #000000;
}

#page #contact_form {

width:200px;

}

#page #contact_form .wpcf7 img.wpcf7-captcha-captcha {

border: 1px solid #666666;
}
#page #contact_form .wpcf7 span.captcha input[type=text] {

width: 102px;
padding: 3px 5px;

margin-top:-17px;
display:block;

}

/*** Banner ***/

.banner {
background: url(./images/interactive_web_design.png) 40px 90px no-repeat;
width: 1060px;
height: 130px;
padding-top: 50px;
margin: 0 auto;
}

body.home .banner {
background: none;
height: 530px;
padding-bottom: 0;
}

.banner img {
display: block;
}

#content .banner {

}

/*** Container ***/

.container {
clear: both;
float: left;
background: #FFFFFF url(./images/container_bottom.jpg) 0 100% repeat-x;
width: 1060px;
min-height: 600px;
padding-bottom:50px;
position: relative;
}

.container .tab {
background: #BFA980;
font-size: 11px;
font-weight: bold;
text-align: center;
line-height: 25px;
width: 100px;
height: 25px;
position: absolute;
top: -25px;
right: 100px;
}

.container .tab a {
display: block;
color: #333333;
width: 100px;
height: 25px;
}

.container .email_ {
background: #7F7155;
line-height: normal;
width: 60px;
height: 40px;
top: -40px;
right: 40px;
}

.container .email_ a {
width: 60px;
height: 31px;
padding-top: 9px;
}

.container_top {
float: left;
background: url(./images/container_top.jpg) 0 0 no-repeat;
width: 980px;
padding: 0 40px;
}

body.home .container_top {
background: url(./images/container_top_home.jpg) 0 0 no-repeat;
}

.container > .platforms {
color: #999999;
font-family: Arial;
font-size: 10px;
text-align: center;
width: 100%;
height: 140px;
position: absolute;
bottom: 0;
}

.container > .platforms h2 {
font-size: 11px;
height: 17px;
margin-bottom: 17px;
}

.container > .platforms ul {
width: 580px;
margin: 0 auto;
}

.container > .platforms li {
float: left;
margin: 0 0 20px 60px;
}

.container > .platforms li:first-child {
margin-left: 0;
}

.container > .platforms p {
clear: both;
}

/*** Content ***/

#content {
float: left;
border-top: 8px solid #7F7155;
color: #999999;
width: 620px;
padding: 0 20px 120px 0;
position: relative;
}

#content .content_top {
border-bottom: 2px dotted #666666;
color: #666666;
width: 620px;
height: 140px;
margin-bottom: 30px;
padding: 16px 20px 0 0;
}

body.home #content .content_top {
height: 196px;
margin-bottom: 15px;
padding-top: 16px;
}

#content .content_top img.top_image {
position: absolute;
top: 8px;
right: 0;
}

#content .content_top h1 {
color: #333333;
font-family: Helvetica;
font-size: 40px;
height: 44px;
margin-bottom: 20px;
}

#content .content_top ul.column {
float: left;
background: url(./images/tie1.png) 0 6px no-repeat;
width: 160px;
padding-left: 30px;
}

#content .content_top ul.column-2 {
background-image: url(./images/tie2.png);
}

#content .content_top ul.column-3 {
background-image: url(./images/tie3.png);
width: 180px;
}

#content .content_top ul.column li {
font-size: 11px;
line-height: 200%;
}

#content .subpages {
font-size: 12px;
}

#content .subpages li {
line-height: 170%;
}

#content .subpages a {
color: #333333;
}

#content .hentry {
clear: both;
margin-bottom: 30px;
padding-right: 20px;
}

#content .hentry  h1 {
color: #333333;
font-size: 25px;
margin-bottom: 15px;
}

#content .hentry  h2 {
font-family: Helvetica;
color: #990000;
font-size: 16px;
font-weight: normal;
margin-bottom: 20px;
line-height: 120%;
}

#content .hentry h2 a {
color: #990000;
}

body.home #content .hentry h2 {
font-family: Georgia;
font-size: 19px;
font-weight: bold;
}

#content .hentry h3 {
color: #333333;
font-size: 16px;
margin-bottom: 10px;
}

#content .hentry p {
line-height: 150%;
margin-bottom: 15px;
}

#content .hentry ul, #content .hentry ol {
color: #993333;
font-style: italic;
line-height: 150%;
margin: 0 0 40px;
}

#content .hentry ol {
padding-left: 15px;
}

#content .hentry a {
color: #999999;
}

#content .hentry img {
border: 2px solid #FFFFFF;
-moz-box-shadow: 0 0 2px #000000;
-webkit-box-shadow: 0 0 2px #000000;
box-shadow: 0 0 2px #000000;
margin-top: 5px;
margin-bottom: 25px;
}

#content .hentry img.no-border {
border: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
margin-bottom: 15px;
}

#content .hentry img.alignleft {
margin-right: 30px;
}

#content .hentry img.alignright {
margin-left: 30px;
}

#content .slideshow {
position: relative;
}

#content .slideshow ul {
width: 612px;
height: 332px;
margin-bottom: 25px;
}

#content .slideshow li {
display: none;
position: absolute;
}

#content .slideshow li:first-child {
display: block;
}

#content .areas {
background: url(./images/areas_bg.jpg) 0 0 no-repeat;
color: #666666;
font-size: 10px;
line-height: 150%;
width: 620px;
height: 150px;
margin: 0 0 20px -40px;
padding: 15px 30px 0 40px;
}

#content .areas a {
color: #666666;
}

#content .gallery {
width: 980px;
}

/*** Sidebar ***/

#sidebar {
float: right;
border-top: 8px solid #7F7155;
background: url(./images/sidebar_bg.png) 0 30px repeat-y;
text-align: center;
width: 310px;
min-height: 700px;
margin-bottom: 120px;
padding-left: 30px;
position: relative;
}

body.page-id-62 #sidebar {
min-height: 157px;
height: 157px;
}

#sidebar h2 {
color: #9B704A;
font-family: Helvetica;
font-size: 22px;
font-weight: normal;
margin-bottom: 15px;
}

#sidebar .sidebar_top {
background: url(./images/seo_analysis.png) 50% 18px no-repeat;
height: 50px;
margin-bottom: 70px;
padding-top: 107px;
overflow: hidden;
}

body.home #sidebar .sidebar_top {
height: 105px;
margin-bottom: 15px;
}

#sidebar .sidebar_top a.get_started {
display: block;
width: 272px;
margin: 0 auto;
outline: none;
}

#sidebar .clients {
clear: both;
float: left;
margin-bottom: 70px;
}

#sidebar .clients li {
float: left;
width: 138px;
height: 118px;
margin: 0 8px 18px;
}

#sidebar .clients li img {
display: block;
}

#sidebar .clients li img:hover {
opacity:0.7;filter:alpha(opacity=70)
}

#sidebar .platforms {
clear: both;
margin-bottom: 20px;
}

#sidebar .platforms h2 {
color: #827357;
margin-bottom: 30px;
}

#sidebar .platforms li {
width: 310px;
margin-bottom: 25px;
}

/*** Images ***/

.alignleft {
float: left;
}

.alignright {
float: right;
}

img.alignleft {
float: left;
border: 2px solid #FFFFFF;
-moz-box-shadow: 0 0 2px #000000;
-webkit-box-shadow: 0 0 2px #000000;
box-shadow: 0 0 2px #000000;
}

img.alignright {
float: right;
border: 2px solid #FFFFFF;
-moz-box-shadow: 0 0 2px #000000;
-webkit-box-shadow: 0 0 2px #000000;
box-shadow: 0 0 2px #000000;
}

img.aligncenter {
display: block;
border: 2px solid #FFFFFF;
-moz-box-shadow: 0 0 2px #000000;
-webkit-box-shadow: 0 0 2px #000000;
box-shadow: 0 0 2px #000000;
margin: 0 auto;
}

/*** Footer ***/

#footer {
clear: both;
background: url(./images/footer_bg.jpg) 0 0 repeat;
color: #CCCCCC;
font-size: 14px;
text-align: center;
width: 980px;
height: 228px;
margin-bottom: 140px;
padding: 18px 40px 0;
position: relative;
}

#footer .footer_links {
border-bottom: 2px dotted #FFFFFF;
margin-bottom: 15px;
padding-bottom: 15px;
}

#footer .footer_links a {
color: #CCCCCC;
}

#footer .footer_links a:hover {
color: #FFFFFF;
text-decoration: underline;
}

#footer .copyright {
color: #BFA980;
font-family: Arial;
font-weight: bold;
line-height: 160%;
margin-bottom: 30px;
}

#footer .copyright a {
color: #BFA980;
}

#footer .copyright a:hover {
text-decoration: underline;
}

#footer .left {
font-family: Arial;
position: absolute;
left: 40px;
bottom: 52px;
}

#footer .right {
font-family: Arial;
position: absolute;
right: 40px;
bottom: 52px;
}

#footer .left a, #footer .right a {
color: #8E6040;
}

#footer .left a {
margin-right: 40px;
}

#footer .right a {
margin-left: 40px;
}

#footer .left a:hover, #footer .right a:hover {
color: #FFFFFF;
}

#footer .c3i3 {
clear: both;
width: 90px;
height:55px;
margin: 0 auto;
position: relative;
}

#footer .c3i3 a {
outline: none;
}
#footer .c3i3 a:hover {

filter:alpha(opacity=40);
opacity:.4;
}

#footer .c3i3 img {
position: absolute;
top: 0;
left: 0;
}

#footer .c3i3 img.rollover {
display: none;
}

#footer .c3i3words a{

color:#666666;
margin-right:20px;


}
#footer .c3i3words a:hover{

color:#999999;



}


#footer .validation {
	margin-top:30px;
	margin-right:35px;
}

/* NEW CSS */

/*** Home Banner ***/

.home .banner {
font-family: 'Questrial', sans-serif;
color: #fff;
text-align: center;
text-transform: uppercase;
font-weight: normal;
}

.home .banner h1, .home .banner h1 a {
color:#fff; 
font-size: 34px;
text-transform: capitalize;
padding: 35px 0 20px;
font-weight: normal;
}

.home .banner h1 span, .home .banner h1 span a {color:#1A4892}

.home .banner p {font-size: 15px;}

.home .banner a.phone {
color:#1A4892; 
text-decoration:none; 
padding:15px 0;
font-size: 28px;
display:block;
letter-spacing:0.24em;
}

.home .banner img {
display:block; 
margin:0 auto;
padding:55px 0 0;
}

.home .banner .p1 {padding: 0 0 50px; letter-spacing:0.5em;}

.home .banner .p2 {letter-spacing:0.5em;}

.home .banner .p3 {font-size: 18px; letter-spacing:0.17em;}

/*** Global Nav ***/

#header .menu > ul > li > a {
font-family: 'Questrial', sans-serif; 
color:#ccc;
font-size: 12px;
font-weight: normal;
}

.contact-c3i3 {
background: none !important;
}

.contact-c3i3 a {
display: inline !important;
color: #FFFFFF !important;
background: #CC0000;
padding: 10px 14px 8px;
}

.contact-c3i3 a:hover {color: #000 !important;}

#header .contact {display: none;}

/*** Global Dropdown Nav ***/

#header .menu ul ul li a {
font-family: 'Questrial', sans-serif; 
color: #fff;
}

/*** Home Container ***/

body.home .container_top {background: url(./images/grey-pattern2.jpg) top left transparent no-repeat;}

.background_right, .background_left {width: 350px; background: none;}

.container_top, #footer {
padding-left: 120px;
padding-right: 120px;
margin-left: -80px;
}
.container {
padding-left: 80px;
padding-right: 80px;
margin-left: -80px;
}
.container .tab {right:180px;}
.container .email_ {right:120px;}

/*** Home Content Block1 ***/

#welcome-home {border-top:8px solid #7F7155; height:452px;}

#welcome-home li {
display:inline;
width:310px;
float: left;
margin-right: 25px;
padding: 0 0 45px;
}

#welcome-home li img.attachment-home-buckets {
overflow: hidden;
width: 310px;
height: 200px;
margin: 0px;
display:block;
}

#welcome-home li:hover img.attachment-home-buckets {
display:none;
}

#welcome-home li img.attachment-home-buckets2 {
display:none;
}

#welcome-home li:hover img.attachment-home-buckets2 {
display:block;
width: 310px;
height: 200px;
}

#welcome-home li.last {
margin-right: 0px;
}

#welcome-home h1 {
color:#4381DC;
font-size: 28px;
margin-top: 35px;
padding: 5px 0 35px 45px;
background: url(./images/person-icon1.png) no-repeat top left 5px;
height: 30px;
overflow: hidden;
}

#welcome-home h1 span {
color:#999;
font-size: 28px;
background: url(./images/person-icon2.png) no-repeat top right 5px;
padding: 5px 65px 0 0;
}

#welcome-home h2 {
clear:both;
color:#4381DC;
font-size: 40px;
padding: 0 0 50px;
}

#welcome-home li span {
color:#666;
font-size: 20px;
padding: 20px 0 0;
display:block;
}

#welcome-home h1, #welcome-home h2, #welcome-home span {
font-family: 'Questrial', sans-serif;
font-weight: normal;
text-align: center;
}

#content, #sidebar {border:none;}

/*** Home Content Block2 ***/

body.home #content .content_top {
height: 300px;
margin:0 auto 30px;
background: none;
}

#content .content_top h1 {
font-family: 'Questrial', sans-serif; 
color:#333;
font-size: 36px;
font-weight: normal;
}

#content .content_top ul.column li {
font-family: 'Questrial', sans-serif; 
color:#333;
}

#content .content_top h2 {
font-family: 'Questrial', sans-serif; 
color:#666;
font-size: 35px;
font-weight: normal;
float: left;
padding-top: 50px;
}

#content .content_top {border:none;}
#content .hentry img {
border: none;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
}

body.home #content .hentry img {margin-bottom: 25px;}

/*** Home Content Block2 ***/

body.home #content .hentry {padding-bottom: 25px;}

body.home #content .hentry h2, body.home #content .hentry h2 a {
font-family: 'Questrial', sans-serif; 
color: #827357;
font-size: 35px;
font-weight: normal;
text-decoration: none;
}

#content .hentry, #content .hentry p {
font-family: 'Questrial', sans-serif; 
color: #999;
font-size: 14px;
line-height: 150%;
margin-bottom: 15px;
}

#content .hentry a {
font-family: 'Questrial', sans-serif; 
color: #999;
font-size: 14px;
text-decoration: underline;
}

#content .hentry a:hover {
text-decoration: none;
}

/*** Home Content Block3 ***/

#content .service {
border-top: solid 8px #E8E3DB;
padding-top: 30px;
}

#content {padding:0 20px 20px 0;}

/*** Sidebar ***/

#sidebar .sidebar_top {
background: url(./images/operator-icon2.png) 50% 18px no-repeat #DFD5BF;
height: 65px;
padding-top: 175px;
margin-bottom: 30px;
}

body.home #sidebar .sidebar_top {
height: 65px;
margin-bottom: 30px;
}

#sidebar .sidebar_top a.get_started {
width: 272px;
font-family: 'Questrial', sans-serif; 
color:#666;
font-size: 16px;
padding-bottom: 10px;
}

#sidebar .sidebar_top a.get_started-phone {
display:block
margin:0 auto;
outline:none;
width: 272px;
font-family: 'Questrial', sans-serif; 
color:#333;
font-size: 16px;
}

#sidebar h2 {
font-family: 'Questrial', sans-serif; 
color:#666;
font-size: 22px;
font-weight: normal;
letter-spacing: 0.1em;
margin-bottom: 20px;
}

/*** Sidebar - Clients ***/

#sidebar .clients {margin-bottom: 60px;}

#sidebar .clients li {
background:url(./images/logo-thumb-bg.png) no-repeat top left transparent; 
padding: 5px; 
margin:0 7px 14px 0px;
}
#sidebar .clients li img {}

/*** Footer ***/

#footer, #footer .copyright, #footer .left a, #footer .right a {
font-family: 'Questrial', sans-serif; 
}

#footer {
background:url(./images/footer_bg.jpg) 0 0 repeat-x #000;
margin-bottom:0;
height: 100%;
}

#footer .footer_links {line-height: 1.5em;}

#footer .left {
float:left; 
position:relative;
left:auto;
bottom:auto;
}

#footer .right {
float:right; 
position:relative;
right:auto;
bottom:auto;
}

#footer .c3i3 {margin: 60px auto;}

.clear {clear:both}

/*** Footer - Platforms ***/

.container > .platforms {
position: relative;
float: left;
margin-bottom: 90px;
height: 200px;
}

.container > .platforms h2 {
font-family: 'Questrial', sans-serif; 
color:#999;
font-size: 22px;
}

.container > .platforms p {
font-family: 'Questrial', sans-serif; 
color:#999;
font-size: 14px;
text-align: center;
width: 780px;
margin: 0 auto;
line-height: 140%;
}

.container > .platforms ul {
width: 980px;
margin: 35px auto 25px;
}

.container > .platforms li {
display: inline;
margin: 0 0 20px 140px;
float: none;
}

/*** Sub Banner ***/
.banner {background: transparent;}

#sub-banner {
border-top:8px solid #7F7155;
min-height: 452px;
}

#sub-banner2 {
border-top:8px solid #7F7155;
}

#sub-banner h1 {
background: url(./images/person-icon3.png) no-repeat top right 15px transparent;
font-family: 'Questrial', sans-serif; 
color:#2159B6;
font-size: 36px;
text-align: center;
font-weight: normal;
margin-top: 29px;
padding-bottom: 25px;
}

#sub-banner .left-banner {
float: left;
height: 360px;
}

#sub-banner .right-banner {
background: #CC6666;
float: left;
width: 300px;
height: 305px;
padding:30px 5px 25px;
text-align: center;
}

#sub-banner .right-banner p {
font-family: 'Questrial', sans-serif; 
color:#fff;
font-size: 20px;
font-weight: normal;
}

#sub-banner .right-banner h2 {
font-family: 'Questrial', sans-serif; 
color:#28292D;
font-size: 48px;
font-weight: normal;
}

#sub-banner .right-banner .middle-text {
font-family: 'Questrial', sans-serif; 
color:#fff;
font-size: 27px;
font-weight: normal;
width: 200px;
height: 210px;
line-height: 130%;
margin: 55px auto 0;
overflow: hidden;
}

body.page .container_top_banner {background: url(./images/sub-banner-bg.jpg) no-repeat top left transparent;}

/*** Sub Content ***/

.container_top {
background: transparent;
}

#content .hentry {
margin-top: 35px;
}

#content .hentry h1 {
font-family: 'Questrial', sans-serif; 
color:#333;
font-size: 36px;
font-weight: normal;
}

#content .hentry img {margin-bottom: 0px;}

/*** Sub Nav ***/

.content_top {
background:url(./images/bottom-shadow.png) no-repeat bottom 0px center transparent;
display: block;
height: 40px;
float: left;
width: 1220px;
padding: 0 0 14px;
margin-left: -80px;
margin-bottom: 35px;
}

.subpages {
background: #ddd;
}

.subpages ul {
margin: 0 auto;
display: block;
text-align: center;
line-height: 40px;
}

.subpages li {
display: inline;
margin-right: 50px;
}

.subpages li a{
font-family: 'Questrial', sans-serif; 
color:#333;
font-size: 12px;
text-transform: uppercase;
}

.subpages li a:hover {
color:#fff;
}

/*** Gallery ***/

body.page-template-gallery-page-php #content {width:980px;}

body.page-template-gallery-page-php .container_top {background: #28292D}

body.page-template-gallery-page-php #content .hentry h1 {
color: #7F7155;
text-align: center;
background: url(./images/person-icon3.png) no-repeat top right 15px transparent;
padding-bottom: 10px;
margin:0;
width: 980px;
}

body.page-template-gallery-page-php #content .hentry {
width: 980px;
}

body.page-template-gallery-page-php #content .hentry p {
color: #fff;
font-size: 20px;
text-align: center;
}

.wp-caption-text {}

body.page-template-gallery-page-php #content .wp-caption-text p {
font-size: 12px;
margin: 0px;
line-height: 100%;
}

body.page-template-gallery-page-php #content .wp-caption-text span {
font-size: 12px;
line-height: 100%;
}

body.page-template-gallery-page-php #content .gallery-icon a img {
background: url(./images/gallery-thumb-bg.png) no-repeat top left transparent;
padding: 15px 12px 12px 15px;
}

/* --- New Contact Form CSS --- */
.map {
position:relative; 
float: left; 
margin-top:-15px;
margin: 10px 0 0; 
}

.map h5 {
font-family: 'Open Sans', sans-serif; 
font-size:20px; 
color:#333; 
margin: 0 0 20px; 
font-weight:normal;
}

.map .office-info {float:left; padding-right: 8px;}

.map .office-photo {float: left; width: 200px; padding-right: 5px;}

.map .office-photo img {margin: 0 !important;}

.map .office-map {float: left; width: 200px;}

.map iframe {
border:1px solid #ccc;
}

.wpcf7-form {
position:relative; 
width:500px;
padding:10px 0 0 50px; 
float:left; 
font-size: 14px;
}

.wpcf7-form span {
color:#ff0000; 
font-family: 'Open Sans', sans-serif; 
font-size:11px;  
float:left;
}

.wpcf7-form label {
width:100px; 
padding-right:10px; 
float:left; 
line-height:30px;
text-align:right; 
margin-right:5px;
clear:left;
}

.wpcf7-form input[type=text],.wpcf7-form select, .wpcf7-form input[type=email] {
width:250px; 
height:30px; 
border:1px solid #ccc; 
margin-bottom:10px; 
padding:0 5px; 
line-height:30px; 
font-family: 'Open Sans', sans-serif; 
font-size:12px; 
color:#333; 
float:left;
}

.wpcf7-form select {
padding-right:0; 
width:262px;
}

.Approximatenumberofpeople input {
width:52px!important;
}

.wpcf7-form textarea {width:250px; 
border:1px solid #ccc; 
height:100px; 
padding:0 5px;
font-family: 'Open Sans', sans-serif; 
font-size:12px; 
color:#333; 
float:left;
}

.wpcf7-form .multiple {
height: 180px;
}

.wpcf7-form input[type="submit"] {
width:262px; 
height:40px; 
background:#333; 
position:relative;
left:115px; 
border:0; 
margin-top:10px; 
color:#fff;
font-family: 'Open Sans', sans-serif; 
font-size:20px; 
float:left;
}

.wpcf7-form input[type="submit"]:hover {
background:#eee; 
color:#333;
}

.wpcf7-form input[type="file"]{
width: 100px;
}

span.wpcf7-not-valid-tip {
left:-200px !important; 
top:16px !important;
}


span.wpcf7-not-valid-tip-no-ajax {
color: #FF0000;
display: block;
float: none;
font-size: 10pt;
width: 200px;
}

.wpcf7-form .captcha-372 {
margin-left: 115px;
}

.wpcf7-form .capt-img {
margin-bottom: 0px;
margin-left: 115px;
float:left;
display: block;
}


div.wpcf7-response-output {
float:left;
width: 100%;
display: block;
}


body.page-template-sub-page-php #page .container{
    height: 1000px;
}

body.page-template-sub-page-php #page .content{
    background: none repeat scroll 0 0 #FFFFFF;
    color: #666666;
    font-family: 'Open Sans',sans-serif;
    font-size: 15px;
    line-height: 150%;
    margin-left: 0;
    padding: 25px 90px 60px;
    width: 800px;
    height: 1000px;
    min-height:850px;
}

.required {
    background: url("http://www.c3i3design.com/wp-content/uploads/star.png") no-repeat scroll right 7px transparent;
}

/* --- End of New Contact Form CSS --- */

/* --- New Gallery CSS --  */

.project-gallery li {
width: 230px;
font-style: normal;
text-align: center;
line-height: 100%;
font-size: 12px;
font-family: 'Open Sans', sans-serif; 
float: left;
margin-right: 20px;
margin-bottom: 30px;
}

.project-gallery li.last {margin-right:0;}

.project-gallery p {
margin: 5px 0;
padding: 0;
color: #fff;
}

.project-gallery span {
margin: 0px;
display: block;
color: #999;
}

.project-gallery a img, .project-gallery img  {
background: url(./images/gallery-thumb-bg.png) no-repeat top -4px left -4px transparent;
padding: 15px;
}
.project-gallery a:hover  {
opacity: 0.7;
}

.mobile-body {
background:#000 url(./images/background_home3.jpg) 50% top no-repeat fixed !important;}

.mobile-header {
position:relative !important;
margin: 0 auto !important;
display: block !important;
overflow: hidden !important;
padding: 0 120px 0 40px; !important;
width: 980px !important;
}

.mobile-header .header_ctn {
margin: 0 auto !important;
display: blcok !important;
overflow: visible !important;
}

.mobile-header .menu {
display: block !important;
overflow: visible !important;
}

#sidebar .platforms p {
font-family: 'Questrial', sans-serif;
color: #999;
font-size: 14px;
text-align: center;
margin: 0 auto;
line-height: 140%;
}

/*** Logo Template ***/
body.page-template-logo-page-php #content {
background: url(./images/logo-background2.png) no-repeat top 90px left;
width: 980px;
text-align: center;
padding-right: 0px'
margin: 0 auto;
}
body.page-template-logo-page-php  .container_top {
background: url(./images/sub-banner-bg.jpg) no-repeat top left transparent;
}

body.page-template-logo-page-php #content .hentry h1 {
background: url(./images/person-icon3.png) no-repeat top right 15px transparent;
font-family: 'Questrial', sans-serif;
color: #2159B6;
font-size: 36px;
text-align: center;
font-weight: normal;
margin-top: 29px;
padding-bottom: 45px;
}

body.page-template-logo-page-php #content table {
margin: 0 auto;
font-family: 'Questrial', sans-serif;
color: #5A513D;
font-size: 16px;
}

body.page-template-logo-page-php #content table td{
width:250px;
background: url(./images/bottom-dot-border.png) no-repeat bottom center transparent;
padding: 8px 0;
}

body.page-template-logo-page-php #content p span{
font-family: 'Questrial', sans-serif;
font-size: 20px;
padding: 30px 0 20px;
display:block;
}

body.page-template-logo-page-php #content p {
padding-bottom:0;
}