/*-----------------------------------------------------------------------------
John Paul Construction

version:   1.0
author:    Arekibo
email:     keyanm@arekibo.com
website:   http://www.arekibo.com/
-----------------------------------------------------------------------------*/

/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption img { padding:5px; border:1px solid #E1E2E2; -moz-box-shadow: 1px 1px 5px #E1E2E2; -webkit-box-shadow: 1px 1px 5px #E1E2E2; box-shadow: 1px 1px 5px #E1E2E2; margin-bottom:5px; width:auto !important; }
.wp-caption-text {color:  #999999;}
/* You might find the following useful */
/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */

/* =General
-----------------------------------------------------------------------------*/

.left {
float: left;
}

.right {
float: right;
}

.set-width {
width: 960px;
min-width: 960px;
margin: 0 auto;
padding-bottom:20px;
}

/* Remove padding and margin */
* {
    margin: 0;
    padding: 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
}


/* Remove border around linked images */
img {
	border: 0;
}




/* =Typography
-----------------------------------------------------------------------------*/

body 
{
font-family:Arial, Helvetica, sans-serif; 
font-size:10px;
background: #fff
}

h1{font-size:1.8em;}
h2{font-size:1.6em;}
h3{font-size:1.4em;}
h4{font-size:1.2em;}
p{font-size:1.2em; line-height:1.6em; color:#333333;}

#home-content h1 {
	font-weight: bold;
	color: #006666;
	
}

#home-content h2 {
	
	font-weight: bold;
}

#home-content b {
	font-weight: bold;
	color: #006666;
}

#home-content p {
	
	margin: 14px 0 12px 0;
}

#container aside {
width: 190px;
}

#container aside ul li.section-title{
background-color:  #999999;
color: #fff;
display: block;
font-weight: bold;
padding: 5px 0 5px 9px;
font-size: 1.4em;
}

#container aside ul li a{
border-bottom: 1px solid  #E1E2E2;
display: block;
padding: 5px 0 5px 23px;
color:  #999999;
text-decoration: none;
background-image: url(../imgs/aside-arrow.png);
background-position: 10px 9px;
background-repeat: no-repeat;
font-size:1.2em;
line-height:1.6em;
}

#container aside ul li .children li a{padding: 5px 0 5px 35px; background-position: 20px 10px; }
#container aside ul li .children li .children li a{padding: 5px 0 5px 50px; background-position: 35px 10px; }

.subnav .children, .subnav .children .children{display:none;}
.subnav .current_page_item .children, .subnav .current_page_ancestor .children{display:block;}
.subnav .current_page_item .children .children, .subnav .current_page_ancestor .children .children{display:none;}
.subnav .current_page_ancestor .children .current_page_item .children, .subnav .current_page_ancestor .children .current_page_ancestor .children{display:block;}
.subnav .current_page_ancestor .children .current_page_item .children .

.left h1, .right h1{font-size:1.4em; margin:0px 0px 10px 0px;}

.page-content h1, .page-content h2, .page-content h3, .page-content p{margin:0px 0px 10px 0px;}
aside h1{margin-top:10px;}

.map{float:left; width:100%; margin-bottom:15px;}
.map iframe{float:left;}
.page-content p.address{margin-left:445px;}

.page-content ul{font-size:1.2em; margin:0px 0px 15px 0px;}
.page-content ol{font-size:1.2em; margin:0px 0px 15px 0px;}

.page-content table{font-size:1.2em; line-height: 1.6em }
.page-content table td h3{ margin: 10px 0 0 0 }

.content, .page-content {
width: 718px;
color: #333333;
border:1px solid #E1E2E2;
padding:10px 15px 10px 15px;
margin:0px 0px 20px 18px;
float:left;
min-height:300px;
}

.parent-pageid-12 .page-content, .page-id-12 .page-content{border:none; padding:10px 0px 10px 15px; width:735px;}

.list{margin: 0 20px 20px 30px;padding: 10px 15px;width: 498px; border:1px solid  #E1E2E2;}
.wide{width:708px; margin-right:0px;}


.content a, .page-content a{
color: #006666;
text-decoration: none;
}

.content a:hover, .page-content a:hover{text-decoration: underline;}

.content h1, aside h1, .page-content h1{
font-weight: bold;
color: #006666;
border-bottom:1px solid #E1E2E2;
padding:0px 0px 10px 0px;

}

.content h2{
font-weight: bold;
color: #006666;

}

.page-content h2{
font-weight: bold;
color: #006666;

}

.page-content h3{
color: #006666;
font-weight: bold;
}

.page-content h4{
color: #006666;

}

.content b, .content em, .page-content b, strong{
font-weight: bold;
}

.content em, .page-content em{
font-style:italic;
}

.content img.alignright, .page-content img.alignright{
	margin: 10px 0 10px 20px
}

.content img.alignleft, .page-content img.alignleft{
	margin: 10px 20px 10px 0
}

.page-content ul{
margin: 10px 0;
}

.page-content ul li{
list-style-type:none;
background: url(../imgs/bullet.png) left 8px no-repeat;
margin: 0 0 0 5px;
padding: 0 0 5px 10px;
line-height:1.6em;
}

.page-content ul li ul{margin-left:20px;}
.page-content ul li ul li{font-size:0.9em;}
.page-content ul li ul li ul li{font-size:0.8em;}

.page-content ol{
margin: 10px 0;
}

.page-content ol li{
list-style-type: decimal;
margin: 0 0 0 20px;
padding: 0 0 5px 0px;
line-height:1.6em; 

}

.page-content table {
margin: 0px 0 20px 0;
}

.page-content thead tr, .page-content .tablepress thead th {
background-color: #008265;
color: #FFFFFF;
padding:10px;
margin: 0;
}

.page-content tr:first-child td {
border-right: 1px solid #fff;
}

.page-content td {

border-bottom: 1px solid #e1e2e2;
padding:10px;
}

.page-content .sectors{margin:0px; padding:0px;}
.page-content .sectors li{background:none; padding:0px; width:157px; float:left; margin:0px 20px 30px 0px;}
.page-content .sectors li a{font-size:1.1em; font-weight:bold;}
.page-content .sectors li a img{padding:5px; border:1px solid #E1E2E2; -moz-box-shadow: 1px 1px 5px #E1E2E2; -webkit-box-shadow: 1px 1px 5px #E1E2E2; 
                                box-shadow: 1px 1px 5px #E1E2E2; margin-bottom:5px;}
.page-content .sectors .first{clear:left;}


.page-content .largeSpotlights{margin:0px; padding:0px; background:url(../imgs/banner_inner.jpg) 0 260px no-repeat; float:left;}
.page-content .largeSpotlights li{background:none; padding:0px; width:357px; float:left; margin:0px 20px 65px 0px;}
.page-content .largeSpotlights li img{width:357px; height:230px;}
.page-content .largeSpotlights li span{display:block; width:337px; padding:3px 10px; font-size:1.1em; font-weight:bold; background: url(../imgs/paulinteriors_down.png) left top repeat-x; float:left; position:relative; top:-6px;}
.page-content .largeSpotlights li a:hover span{background: url(../imgs/paulinteriors_up.png) left top repeat-x; color:#ffffff;}
.page-content .largeSpotlights li a{float:left; color:#333333;}
.page-content .largeSpotlights li a img{ margin-bottom:0px;}
.page-content .largeSpotlights .first{clear:left;}
.page-content .largeSpotlights .odd{margin-right:0px;}


/* News */

#news {
width: 480px;
}

.content ul.news li {
border-top: 1px solid #e0e0e0;
display: block;
overflow: hidden;
padding: 15px 0;
}

.content ul.news li div.news-thumb{
width: 62px;
height: 64px;
padding: 2px 3px;
background-image: url(../imgs/news-thumb-bg.png);
background-repeat: no-repeat;
}

.content ul.news li div.news-item{
width: 397px;
margin: 0 0 0 15px;
}

.categories {
width: 140px;
}

.categories li{
border-top: 1px solid #e0e0e0;
display: block;
overflow: hidden;
padding: 5px 0 5px 10px;
background-image: url(../imgs/bullet-category.png);
background-repeat: no-repeat;
background-position: left 13px;
}
/* =Headings
-----------------------------------------------------------------------------*/




/* =Links
-----------------------------------------------------------------------------*/





#header-nav{margin:0px 0px 15px 0px;}
.location{float:left; margin:8px 0px 0px 0px; padding:2px 11px 0px 0px; }
.location label{color:#00846F; font-size:1.2em; padding:0px 6px 0px 0px;}
.location select{border:1px solid #E1E2E2;}

/* =Top Nav
-----------------------------------------------------------------------------*/


nav#top {
margin: 9px 0 0 0;
font-family: Arial, Helvetica, sans-serif;
float:left;
}

nav#top li a {
float: left;
padding: 3px 9px;
border-left: 1px solid #E1E2E2;
color: #00846f;
position:relative;
text-decoration: none;
font-size:1.2em;
}

nav#top li {display: inline; position:relative; float: left}
nav#top ul {position:relative}
nav#top li ul.sub-menu
{
position: absolute;
top: 53px;
left: 0px;
height: auto;
background: #47387d;
z-index: 999;
float: left;
display: none;
padding: 10px 0;
}

nav#top li ul.sub-menu li
{
display: block;
padding: 0px;
margin: 0px;
border: 0px;
float: none;
}

nav#top li ul.sub-menu li a
{
font-size: .8em; /* 10/12pt - .8em */
background: none;
color: #fff;
border: none;
padding: 5px 15px;
margin: 0px;
height: auto;
min-width: 100px;
line-height: 16px;
display: block;
float: none;
}

nav#top li ul.sub-menu li a:hover {text-decoration: underline;}
nav#top li:hover ul.sub-menu{display: block;}

nav#top li a:hover, nav#top li.current-menu-item a, nav#top li.current-page-ancestor a {
text-decoration: underline;
}




/* =Global
-----------------------------------------------------------------------------*/



nav#global {
margin: 15px 0 0 0;
width: 70%
}

nav#global .menu-global-container{ float: right; background: url(../imgs/globalnav-bg-up.png); }

nav#global li a {
float: left;
font-family: Arial, Helvetica, sans-serif;
height: 27px;
line-height: 23px;
margin: 0;
padding: 4px 25px 0 15px;
border-left: 1px solid #fff;
text-decoration: none;
font-weight: bold;

color: #605d5d;
position:relative;
background-image: url(../imgs/globalnav-icon-up.png);
background-repeat: no-repeat;
background-position: center right;
}

nav#global li {display: inline; position:relative; float: left;}
nav#global ul {position:relative; }
#global ul li a{font-size:1.4em;}
    #global ul li ul li a{font-size:1.4em;}
    #global ul li ul li ul li a{font-size:1.4em;}

nav#global li a:hover, nav#global li.current-menu-item a, nav#global li.current-page-ancestor a {
background-image: url(../imgs/globalnav-bg-down.png);
background-repeat: repeat-x;
color: #FFFFFF;
}

#global #menu-item-218 a{background-position:0px 0px; background:none; padding:4px 15px 0 15px;}
#global #menu-item-218 a:hover, .home #global #menu-item-218 a{background-image: url("../imgs/globalnav-bg-down.png");}
/*
nav#global li:first-child a, nav#global li.first a{border-left: none;-moz-border-top-left-radius: 5px;-webkit-border-top-left-radius: 5px;-khtml-border-top-left-radius: 5px;border-top-left-radius: 5px;-moz-border-bottom-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;-khtml-border-bottom-left-radius: 5px;border-bottom-left-radius: 5px;
behavior: url(PIE.htc);
}

nav#global li:last-child a, nav#global li.last a{-moz-border-top-right-radius: 5px;-webkit-border-top-right-radius: 5px;-khtml-border-top-right-radius: 5px;border-top-right-radius: 5px;-moz-border-bottom-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;-khtml-border-bottom-right-radius: 5px;border-bottom-right-radius: 5px;
behavior: url(PIE.htc);
}
*/
/* Sub Menu */

nav#global li ul.sub-menu
{
position: absolute;
top: 31px;
left: 0px;
height: auto;
background: #808080;
z-index: 999;
float: left;
display: none;
padding: 0;
border: 1px solid #fff;
border-top: none;
font-size:0.9em;
}

nav#global li ul.sub-menu li
{
display: block;
padding: 0px;
margin: 0px;
border: 0px;
float: none;
}

nav#global li ul.sub-menu li a
{
background: none;
color: #fff;
border: none;
padding: 5px 10px;
margin: 0px;
height: auto;
width: 190px;
line-height: 16px;
display: block;
visibility: visible;
float: none;
border-bottom: 1px solid #808080;
}

nav#global li ul.sub-menu li a:hover {color: #1a1a1a; background-color: #cccccc;  border-radius: 0; background-image: none;}
nav#global li.hover ul.sub-menu, nav#global li:hover ul.sub-menu{display: block;}

/* Sub Sub Menu */

nav#global li ul.sub-menu li ul.sub-sub-menu
{
position: absolute;
top: 0px;
left: 210px;
height: auto;
background: #808080;
z-index: 999;
float: left;
display: none;
padding: 0;
border-left: 2px solid #fff;
border-right: 2px solid #fff;
}

nav#global li ul.sub-sub-menu li
{
display: block;
padding: 0px;
margin: 0px;
border: 0px;
float: none;
}

nav#global li ul.sub-sub-menu li a
{
background: none;
color: #fff;
border: none;
padding: 5px 10px;
margin: 0px;
height: auto;
width: 190px;
line-height: 16px;
display: block;
float: none;
border-top: 2px solid #808080; border-bottom: 2px solid #808080;
}

nav#global li ul.sub-sub-menu li a:hover {color: #1a1a1a; background-color: #cccccc; border-top: 2px solid #ffffff; border-bottom: 2px solid #ffffff; border-radius: 0;}
nav#global li ul.sub-menu li.hover ul.sub-sub-menu, nav#global li ul.sub-menu li:hover ul.sub-sub-menu{display: block;}
nav#global li.hover ul.sub-sub-menu, nav#global li:hover ul.sub-sub-menu{display: block;}


/* =Main Content
-----------------------------------------------------------------------------*/


/* Header */

#main {
height: 130px;
padding-bottom:0px;
}

#main img{
margin: 15px 0 0 0;
}

#searchform {
margin: 0px;
padding:0px 0 0 0;
width: 170px;
height: 23px;
background-image: url(../imgs/search-bg.png);
background-repeat: repeat-x;
float:right;
}

#main-search-text {
border: none;
width: 137px;
padding: 0px;
color: #818285;
position:relative;
left: 12px;
top: 1px;
border:1px solid #ffffff;
}

#main-search-icon {
background-color: transparent;
height: 15px;
width: 14px;
border: none;
position:relative;
left: 7px;
top: 4px;
}



/* banner */

#banner {
	height: 265px;
	width:1024px;
	margin: 0 auto;
}

/* Slogan */

.slogan {
	margin: 24px 0 19px 0;
}

/* Homepage */

#home-content {
	width: 630px;
	background-color: #f3f3f4;
	padding: 15px 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.2em;
}

/* Latest News */

#latest-news {
width: 245px;

}

#latest-news h1{
background-color: #00846f;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
padding: 2px 8px;
float:left;
font: bold;
}

#latest-news ul
{
    clear:left;
}

#latest-news li{
border-top: 2px solid #00846f;
overflow: hidden;
padding-bottom: 10px;

}

#latest-news li .thumb{float:right; padding:0px 0px 5px 5px;}

#latest-news li .more{font-size:1.2em;}

#latest-news ul li div.description{
width: 100px;
}


#latest-news ul li a.category{
color: #00846f;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-weight: bold;
display: block;
margin: 6px 0;
}

#latest-news ul li p{
color: #58585a;
font-family: Arial, Helvetica, sans-serif;
margin: 0px 5px 0px 0px;
}

#latest-news ul li a.more{
color: #00846f;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
display: inline;
margin: 6px 0;
background-image: url(../imgs/latest-more.png);
background-position: right center;
background-repeat: no-repeat;
width: 35px;
padding: 0 10px 0 0;
}

#latest-news ul li a:hover.more, #latest-news ul li a:hover.category{
	text-decoration: underline;
}

/* Main Content */

#container {
overflow: hidden;
margin: 0 0 24px 0;
font-family: Arial, Helvetica, sans-serif;
}

#container.page{

margin: 10px 0 0 0;
}

#container aside ul li a:hover, #container aside ul li.current_page_item > a {
background-image: url(../imgs/aside-arrow-up.png);
}

#container aside ul li a:hover{
text-decoration:underline;
}
#container aside ul li.current_page_item > a {color: #006666;}

.sector-thumbnails{
width: 654px;
margin: 10px 0 0 0;
}

.sector-thumbnails ul li{
display: inline;
float: left;
margin: 0 0 0 15px;
padding: 0 0 15px 0;
}

.sector-thumbnails h2{
font-weight: bold;
color: #006666;
font-size: .8em; /* 10/12pt - .8em*/ 
margin: 2px 0 0 0;
}

/* Interiors  */

header#main img.interiors_logo {
margin: 18px 0 0 0;
}

#container.interiors{
margin: 10px 0 0 0;
}

#container aside.interiors ul {
border-top: 1px solid  #E1E2E2;
margin: 40px 0 0 0;
}

#container aside.interiors ul li {
width: 184px;
height: 16px;
border-bottom: 1px solid  #E1E2E2;
padding: 6px 0;
}

#container aside.interiors ul li a {
padding: 2px 0px;
background-position: right 3px;
display: inline;
border-bottom: none;
padding: 0 15px 0 0;
}

.interior-thumbnails{
width: 653px;
margin: 10px 0 0 0;
}

.interior-thumbnails ul li a{
display: inline;
float: left;
margin: 0 0 0 12px;
padding: 0;
height: 244px;
background-image: url(../imgs/paulinteriors_down.png);
background-repeat: repeat-x;
background-position: left bottom;
text-decoration: none;
color: #333;
font-weight: bold;
font-size: .9em;
}

.interior-thumbnails ul li a:hover{
	color: #fff;
}

.interior-thumbnails ul li a h2{
	margin: 3px 0 0 6px;
}

div.interior-thumbnails.last ul li a{
height: 266px;
}

.interior-thumbnails ul li a:hover{
background-image: url(../imgs/paulinteriors_up.png);
}

img.interiors{
	margin: 20px 0 0 0;
}

/* Project */

div.project-details {
	width: 175px;
	margin: 20px 0 0 0;
	font-size: 1.1em; /* 10/9pt - 1.1em*/ 
}

div.project-slider {
	margin: 20px 0 0 0;
}

div.project-slider ul li{
	list-style: inline;
	float: left;
	padding: 0 5px 0 0;
}

div.project-slider ul li a{
	color: #666666;
	text-decoration: none;
}

div.project-slider ul li a:hover{
	text-decoration: underline;
}

div.project-details ul li{
	margin: 0 0 10px 0;
}

div.project-details ul li span{
	color: #666666;
}

/* =Secondary Content
-----------------------------------------------------------------------------*/



/* =Footer
-----------------------------------------------------------------------------*/

footer#main {
	overflow: visible;
}

#footer {
height: 17px;
margin: 9px 0 0 0;
font-family: Arial, Helvetica, sans-serif;
font-size:1.2em;
width:440px;
display:block;
float:right;
}

#footer span{
margin: 0 0 0 11px;
font-family: Arial, Helvetica, sans-serif;
color: #666666;
}

#footer li a {
padding: 3px 0 3px 11px;
color: #666666;
position:relative;
text-decoration: none;
}

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

#footer li {display: inline; position:relative; float: left}
#footer ul {position:relative}

#locations {
	background: #d5d6d8 url(../imgs/footer-bg.png) left top repeat-x;
    float:left;
	font-size:1.2em;
	margin: 10px 0px 10px 0px;
	padding:10px;
    width:940px;
}

#locations li{display: inline; position:relative; float: left; line-height:1.2em; border-left: 1px solid  #E1E2E2; padding: 0 10px 0 10px; font-family: Arial, Helvetica, sans-serif; color: #6d6e71; width:214px;}
#locations li.last{ padding-right: 0 }
#locations li strong{color:#333333;}
#locations li:first-child{border-left: none}

#locations li a{font-family: Arial, Helvetica, sans-serif; color: #6d6e71; text-decoration: none}
#locations li a:hover{text-decoration: underline}

#locations b{font-weight: bold; color: #404041}

#locations table tr td{padding-right: 3px;}

/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {
  border: 1px solid transparent;
}

#container.page .form{
border-top: 1px solid #e1e2e2;
margin: 10px 0 0 0;
padding: 25px 0 0 0;
float:left;
width:100%;
}



/* =Tables
-----------------------------------------------------------------------------*/

table { 
  border-spacing: 0;
	border-collapse: collapse;
}

td {
  text-align: left;
	font-weight: normal;
}



/* =PageNavi
-----------------------------------------------------------------------------*/

.wp-pagenavi 
{
    margin: 20px 0px 0px 0px;
    font-weight: 700;
    font-size: 1.1em;
    float:left;
    width:100%;
}



/* =Site Map
-----------------------------------------------------------------------------*/


.addthis_toolbox 
{
    margin: 15px 0 0 0;
}


/* next gen gallery */

.page-content .slideshowlink{display:none;}
.page-content .ngg-galleryoverview{width:440px !important; height:430px !important; margin:0px 0px 15px 0px; }
.page-content .ngg-gallery-thumbnail img{padding:0px; margin:0px;}
.page-content .gallery{float:left; width:440px;   margin:0px 0px 20px 0px;}
.page-content #nav{font-size:1.4em;}
.page-content .title{color:#006666; font-weight:bold; float:left; font-size:1.4em;}
.page-content #nav a{padding:0px 5px; display:inline-block; color:#6D6E71;}
.page-content #nav a.activeSlide{color:#006666;}

.project-main{ width: 450px; float: left }
#container .page-content .project-info{color:#006666; font-weight:bold;  margin: 0 0 20px;min-height: 459px;width: 260px; float:right;}
#container .page-content .project-info .desc{ padding-left: 15px }
.project-info span{color:#333333;  font-weight:normal;}
.project-info strong, .project-info .desc p{color:#006666; font-weight:bold;}

.list article{border-bottom:1px solid  #E1E2E2; padding:15px 0px 5px 0px; float:left; width:100%;}
.list article img{width:77px; height:67px; float:left; margin:0px 20px 20px 0px; border:1px solid #E1E2E2; -moz-box-shadow: 1px 1px 5px #E1E2E2; -webkit-box-shadow: 1px 1px 5px #E1E2E2; 
                                box-shadow: 1px 1px 5px #E1E2E2; padding:5px;}
.list article .date{float:left; font-weight:bold; padding:0px; color:#333333; margin:0px 2px 0px 0px; }
.list article h2{font-size:1.2em; margin:0px 0px 5px 0px; line-height:1.6em;}


.page-content .form label{width:130px; margin: 0 15px 0 0; float:left; clear:left; font-weight:bold;}
    
    .page-content .form p{padding:0px 0px 10px 0px; position:relative; float:left; width:100%;}
    .page-content .form p input{border:1px solid  #E1E2E2; padding:5px 1%; width:50%; }
    .page-content .form p input[type=file]{border:1px solid #ffffff;}
    .page-content .form p .checkbox{border:0;}
    .page-content .form p select{border:1px solid  #E1E2E2; padding:5px 1%; width:52.1%;  }
    .page-content .form p textarea{border:1px solid #E1E2E2; padding:5px 1%; width:50%; height:100px;  }
    .page-content .form p .wpcf7-checkbox input, .page-content .form p .checkbox{width:auto;}
    .page-content .form p .wpcf7-checkbox label{width:100%; margin:0px;}
    .page-content .form p .wpcf7-checkbox .wpcf7-list-item-label{display:none;}
    .page-content .form p .wpcf7-submit{cursor:pointer; background:url(imgs/submit.gif) bottom left repeat-x; padding:5px 10px; color:#333333;  font-weight:bold; width:auto; margin:0 0 0 430px;}
    .page-content .form div{font-size:1.4em;}
    .page-content .wpcf7-response-output{border:1px solid #006666; font-size:1.2em; float:left; padding:10px; margin:0px 0px 20px 0px; width:483px;}
    .page-content span.wpcf7-not-valid-tip{border:none;clear: left;color: #FF0000;display: block;font-size: 12px;left: 380px;padding: 2px 2px 2px 25px;position: absolute; top:-5px; z-index:100; background:url(../imgs/error.png) 5px 5px no-repeat;}
    
    .page-content .form p label.error{left:30%;}
    .page-content .notice{text-align:right; margin:25px 0px 5px 0px;}
    .notice span, .page-content .form p label span{color:#006666; font-weight:bold;}
   
    .page-content .form p label .file{font-weight:normal; color:#333333;}

.ddsg-wrapper div{display:none;}    

#wptouch-desktop-switch a{color:#006666;}

#banner .ngg-slideshow { z-index: -999; }