/*  
Theme Name: affordablelock_ca
Description: Theme made for YPG Simple
Version: 1.0
Author: Franck Longfield
*/

/*-----------------------------------------------------------------------------
     __ \          /     __ \  ( )          /_ 
    /_/ /  __ `/  __/_  /_/ /_  /_  ___/_  __ \
_  ____// /_/ // /_ _  ____/_  / / /__ _  / / /
/_/     \__,_/ \__/ /_/     /_/  \___/ /_/ /_/

Version: 		1.0

Purpose:		Generic CSS

Modified on:	2010/06/09 

Created by: 	Franck Longfield
				francis@patpich.com
				
Copyright © 2010

-----------------------------------------------------------------------------*/


/* --------------------------------------------------------------------------
*  Initial Setup - do not modify
*--------------------------------------------------------------------------*/
* {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {margin: 1em 0;}

a{outline:none;}
img{border:0; outline:none;}
html, body{height:100%; width:100%;}



/*---------------------------------------------------------------------------
*  Typography
*--------------------------------------------------------------------------*/
body, td, input, textarea{
	color:#000000;
	font-size:16px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:100%;
}

a, a:link, a:visited, a:hover, a:active {text-decoration: none;} /*all*/
a, a:link, a:visited, a:active {
	color: #2c6e90;
} /*out*/
a:hover { color: #3b93c1; text-decoration: underline;} /*over*/

h1, h2, h3, h4, h5, h6{
	color: #2c6e90;
	line-height:100%;
}

/* Typography Shortcuts
-------------------------------------*/
.bold{font-weight:bold;}
.italic{font-style:italic;}
.mini{font-size:0.8em;}
.normal{font-weight:normal;}


/* Typography Custom
-------------------------------------*/





/*---------------------------------------------------------------------------
*  Structure
*--------------------------------------------------------------------------*/
body{
	background-color:#26282e;
}

/* modify min-width & ie6 workaround to suit your needs */
#site{
	background: url(img/bg.jpg) no-repeat center top;
	position:relative;
	/*height control*/
	height:auto !important;
	height:100%; /* ie6.under treaded as min-height*/
	min-height:100%;
	/*width control*/
	width:100%;
	width:expression(((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth :	document.body.clientWidth)
	< 862 ? "862px" : 
	"auto");
}


/* Structure Shortcuts
-------------------------------------*/
.left{float:left;}
.right{float:right;}
.clear {clear:both;}


/* Style reset
--------------------------------------*/
form{margin:0;}
ul{list-style:none; margin:0;}
p{margin:0.8em 0;}


/*---------------------------------------------------------------------------
*  Header
*--------------------------------------------------------------------------*/
#header{
	position:relative;
	width:100%;
}
#header .wrap{
	height: 207px;
	position: relative;
	width: 100%;
}


#header .wrap #logo{
	background: url(img/logo.jpg) no-repeat top left;
	display: block;
	float: left;
	height: 164px;
	left: 34px;
	position: relative;
	width: 494px;
}
#header .wrap #info{
	background: url(img/info.jpg) no-repeat top right;
	display:block;
	float:right;
	height: 164px;
	position:relative;
	right: 34px;
	width: 304px;
}
#banner-img{
	height: 253px;
	margin-left: 34px;
	margin-bottom: -5px;
	width: 798px;
}
#banner-title{
	background: url(img/centerband.png) no-repeat top left;
	display:block;
	height: 90px;
	margin: -17px 0 0 0px;
	position: relative;
	width: 866px;
}
#banner-title h1{
	color: #f7f7f7;
	font-size: 20px;
	font-weight: normal;
	margin: 0;
	position: relative;
	text-align: center;
	top: 32px;
}

/* site structure
--------------------------------------*/
#top-ds{
	background: url(img/top-ds.png) no-repeat top center;
	font-size: 0;
	height: 17px !important;
	height: 17px;
	margin: 0 auto;
	width: 866px;
}
#side-ds{
	background: url(img/side-ds.png) repeat-y top center;
	margin: 0 auto;
	width: 866px !important;
}
#bottom-ds{
	background: url(img/bottom-ds.png) no-repeat top center;
	height: 17px;
	margin: 0 auto;
	width: 866px;
}

/* Sitenav
--------------------------------------*/
#sitenav{
	background: url(img/menu-bg.jpg) repeat-x top left;
	display: block;
	float: left;
	height: 43px;
	left: 34px;
	padding-left: 16px;
	position: relative;
	width: 782px;
}

#sitenav li{
	float: left;
	position: relative;
	text-indent: -4000px;
}
#sitenav li a{
	background-position: bottom left;
	background-repeat: no-repeat;
	display: block;
	height: 43px;
}
#sitenav li a:hover{ 
	background-position: bottom right; 
}
#sitenav li.current_page_item a{
	background-position: bottom left;
}
#sitenav li.page-item-10 a{	background-image: url(img/menu-home.png); width: 68px; }
#sitenav li.page-item-6 a{	background-image: url(img/menu-services.png); width: 90px; }
#sitenav li.page-item-8 a{	background-image: url(img/menu-products.png); width: 100px; }
#sitenav li.page-item-258 a{	background-image: url(img/menu-testimonials.png); width: 130px; }
#sitenav li.page-item-260 a{	background-image: url(img/menu-about.png); width: 96px; }
#sitenav li.page-item-263 a{	background-image: url(img/menu-emergency.png); width: 172px; }
#sitenav li.page-item-3 a{	background-image: url(img/menu-contact.png); width: 114px; }

#sitenav li.page-item-10 a.current_page_item{	background-image: url(img/menu-home-active.png); width: 68px; }
#sitenav li.page-item-6 a.current_page_item{	background-image: url(img/menu-services-active.png); width: 90px; }
#sitenav li.page-item-8 a.current_page_item{	background-image: url(img/menu-products-active.png); width: 100px; }
#sitenav li.page-item-258 a.current_page_item{	background-image: url(img/menu-testimonials-active.png); width: 130px; }
#sitenav li.page-item-260 a.current_page_item{	background-image: url(img/menu-about-active.png); width: 96px; }
#sitenav li.page-item-263 a.current_page_item{	background-image: url(img/menu-emergency-active.png); width: 172px; }
#sitenav li.page-item-3 a.current_page_item{	background-image: url(img/menu-contact-active.png); width: 114px; }

/*---------------------------------------------------------------------------
*  Main
*--------------------------------------------------------------------------*/
#main{
	margin:0 auto;
	position:relative;
}


/* Visual
--------------------------------------*/	
#visual{
	margin:0 auto;
	position:relative;
	text-align: center;
	width:885px;
}


/* Content
--------------------------------------*/	
#content{
	position:relative;
	width: 100%;
}
#content-copy{
	background-color: #f1f1f1;
	background-image: url(img/copy-bg.png);
	background-position: bottom center;
	background-repeat: repeat-x;
	margin: -38px 34px 0;
	padding: 30px 16px 30px;
}
#content .media{
	float:left;
	margin-right:20px;
	width:215px;
}
#content .text{
	float:left;
	width:445px;
}
#content h2{
	border-bottom: 1px dotted #a0a1a1;
	font-size: 18px;
	font-weight: normal;
	padding-bottom: 5px;
}

.mail{
	color:#3b93c1;
	font-style: italic;
	text-decoration: underline;
}

.home #content-copy li{
	background: url(img/bullet.png) no-repeat top left;
	line-height: 1.3;
	margin: 15px 0;
	padding: 8px 0 8px 45px;
}
.home #lmc3d, .home .gmnoprint{ display: none; }
#content .nextLink{
	color: #2C6E90;
	float: right;
	font-size: 12px;
}
.mapp-poweredby{
	display: none;
}
.page-id-6 #content-copy .col1, .page-id-6 #content-copy .col2, .page-id-6 #content-copy .col3{
	background: url(img/content-bg.jpg) repeat-x 0 35px;
	float: left;
	height: 450px;
	margin-right: 8px;
	padding: 0 20px 25px;
	width: 210px;
}
.page-id-6 #content-copy .col3{
	margin-right: 0;
}
.page-id-6 #content-copy h2{
	background: url(img/bullet_sm.png) no-repeat top left;
	border: none;
	margin: 0 0 25px -20px;
	padding: 4px 0 4px 30px;
}
.page-id-6 #content-copy h3{
	background: url(img/bullet_sm.png) no-repeat top left;
	font-size: 18px;
	font-weight: normal;
	margin-top: 50px;
	padding: 2px 0 10px 30px;
}

.page-id-258 #content-copy h2{
	border: none;
	font-weight: bold;
	margin-bottom: 0;
}
.page-id-258 #content-copy h3{
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
	margin-top: 0;
}
.page-id-6 #content-copy li li{
	font-size: 14px;
	list-style-type: disc;
	margin: 10px 0 0 15px;
}
.page-id-6 #content-copy li ul{
	margin: 15px 0 0 0;
}

.page-id-260 .left, .page-id-260 .right{
	margin: 0 11px 35px;
	width: 350px;
}
.page-id-260 .grey-bottom{
	background-color: #909194;
	margin: 15px 11px;
	padding: 15px 0 15px;
	text-align: center;
}
.page-id-260 .whitalic{
	color: #ffffff;
	font-style: italic;
}
.page-id-260 .copy{
	margin-top: 25px;
}

.page-id-263 #content-copy .col1, .page-id-263 #content-copy .col2, .page-id-263 #content-copy .col3{
	float: left;
	height: 165px;
	margin: 0 28px 35px 20px;
	padding: 0 0 25px;
	width: 210px;
}
.page-id-263 #content-copy .col1 ul, .page-id-263 #content-copy .col2 ul, .page-id-263 #content-copy .col3 ul{
	background: url(img/content-bg.jpg) repeat-x 0 -230px;
}
.page-id-263 #content-copy .col3{
	margin-right: 0;
}
.page-id-263 #content-copy h2{
	background: url(img/bullet_sm.png) no-repeat top left;
	border: none;
	margin: 0 0 15px;
	padding: 4px 0 4px 30px;
}
.page-id-263 #content-copy h3{
	font-size: 14px;
	font-weight: normal;
	margin-top: 30px;
}
.page-id-263 #content-copy li li{
	font-size: 14px;
	list-style-type: disc;
	margin: 10px 0 0 15px;
}
.page-id-263 #content-copy li ul{
	height: 150px;
	padding: 5px 0 10px 20px;
}
.page-id-263 .clear{
	margin-top: 35px;
}

body.home .rightCol .frontDiv{
	height: 177px;
	margin-bottom: 20px;
}

body.home .rightCol .front-video{
	background-color: #c8c8c8;
}
body.home .rightCol .front-gallery{
	background-color: #b4b4b4;
}
body.home .rightCol .front-contact{
	background-color: #aaaaaa;
	height: 177px;
}
body.home .rightCol .front-video-icon{
	background: url(img/front-video.jpg) no-repeat top left;
	height: 150px;
	left: 13px;
	position: relative;
	top: 13px;
	width: 228px;
}
body.home .rightCol .front-gallery-icon{
	background: url(img/front-gallery.jpg) no-repeat top left;
	height: 150px;
	left: 13px;
	position: relative;
	top: 13px;
	width: 228px;
}
body.home .rightCol .front-contact-icon{
	height: 132px;
	left: 13px;
	position: relative;
	top: 13px;
	width: 164px;
}

.front-gallery-icon .ngg-gallery-thumbnail a{
	display: block;
	height: 150px;
	text-indent: -9999px;
	width: 228px;
}

#content .front-infos h2{
	border: none;
	font-size: 16px;
	font-weight: normal;
	margin: 0px;
}

#content .front-contact .front-infos{
	width: 180px;
}

#content .front-infos{
	float: right;
	height: 155px;
	position: relative;
	right: 10px;
	top: 10px;
	width: 120px;
}

.rightCol .nextLink{
	bottom: 0;
	left: 0;
	position: absolute;
}

.front-icon{
	float: left;
}

.front-cie .front-icons{
	background: url(img/home-icons.png) no-repeat top left;
	height: 125px;
	width: 380px;
}

.products-brands{
	background-color: #ffffff;
	padding: 20px 0 20px 55px;
	text-align: center;
}
.products-brands ul{
	float: left;
	margin: 0 10px;
	width: 143px;
}

.left-contact{
	float: left;
	padding: 15px 0 0 15px;
	width: 358px;
}

.right-contact{
	float: right;
	width: 370px;
}

.left-contact h3{
	color: #000000;
	font-size: 16px;
	margin-bottom: 2px;
}

.left-contact p{
	color: #2C6E90;
	font-size: 15px;
	margin: 5px 0;
}

/*-- cforms --*/
.form-instructions{
	border-bottom: 1px dotted #c0c0c0;
	padding: 15px 0 10px;
	width: 370px;
}

#cformsform, #usermessagea{ width:auto; }
.linklove{ display: none; }
#cf_field_5{ clear: both; }
#cformsform .cf-ol input{
	float: right;
	width: 265px;
}
#cformsform .cf-ol textarea{
	clear: both;
	float: left;
	padding: 0;
	width: 358px;
}
#cformsform .cf-ol textarea, #cformsform .cf-ol input{
	color: #959595;
	padding: 5px;
}
#cformsform .cf-ol label span{
	text-align: left;
	width: auto;
}
#cformsform .cf-ol label{
	float: left;
	margin: 0;
	width: auto;
}
#cformsform .cf-ol li{
	display: inline-block;
	margin: 5px 0px !important;
	width: 370px;
}
#li--5{ padding-top: 20px; }
#li--5 label{ padding-bottom: 5px; }

#cformsform #sendbutton{
	background: url(img/send-btn.png) no-repeat top left;
	border: none !important;
	cursor: pointer;
	height: 70px;
	padding: 0;
	text-indent: -9999px;
	width: 130px;
}

/* Columns
--------------------------------------*/
.leftCol{
	float:left;
	margin: 0 0 0 12px;
	width: 350px;
}

.rightCol{
	float: left;
	margin: 18px 0 0 20px !important;
	margin: 18px 0 0 0;
	width: 384px;
}

/* Hub
--------------------------------------*/

#hub{
	clear:both;
	margin:20px;
}

#hub li{
	display:block;
	float:left;
	margin-right:20px;
	width:215px;
}
#hub li.last{
	margin-right:0px;
}


/* Sidebar
--------------------------------------*/
#sidebar{
	float:right;
	margin-right:4px;
	position:relative;
	width:254px;
}



#sidebar ul { margin: 5px 0 0 0; }

#sidebar li { 
	list-style: none; margin: 0 0 20px 0; }

#sidebar li ul { margin-left: 5px; }

#sidebar li ul li { margin-bottom: 5px; }

#sidebar li ul li ul { margin: 5px 0 0 10px; }


/* Pagenav
--------------------------------------*/

#pagenav{
	margin:0;
	padding:15px 0 0 0;
	width:100%;
}

#sidebar #pagenav ul{
	margin:0;
}

#sidebar #pagenav li{
	margin:0 30px;
	padding:0;
}

#sidebar #pagenav .split{
	display:block;
	height:21px;
	margin:0px;
	width:100%;
}
/*
#sidebar li#pagenav ul li {
	margin:5px 30px;
}*/


/*---------------------------------------------------------------------------
*  Footer
*--------------------------------------------------------------------------*/
#footer{
	background: url(img/footer-bg.png) repeat-x top center;
 	font-size:11px;
	height: 64px;
	margin: 0 34px;
	position:relative;
}

#footer .wrap{
	height:58px;
	margin:0 auto;
	position:relative;
}

#footernav{
	position:absolute;
	right:20px;
	top:22px;
}
#footer li{
	float:left;
	margin-right: 7px;
}
#footer ul{
	
}
.shareThis{
	float: left;
	left: 25px;
	position: relative;
	top: 18px;
}
#footer .copyright{
	color: #8594ae;
	float: right;
	font-size: 11px;
	position: relative;
	right: 20px;
	text-align: right;
	top: 22px;
	width: 500px;
}
#footer .printli{ margin-left: 20px; }
#footer .facebook, #footer .twitter, #footer .print, #footer .mailto{
	background: no-repeat center;
	height: 30px;
	width: 30px;
}
#footer .facebook{ background-image: url(img/fb-icon.png); }
#footer .twitter{ background-image: url(img/tw-icon.png); }
#footer .print{ background-image: url(img/pr-icon.png); }
#footer .mailto{ background-image: url(img/ml-icon.png); }



/* --- Lightbox ------------------ */
#box{
	background-color: white;
	overflow: none;
	position: relative;
	width: 400px;
}

#box td{
	padding:4px;	
}

#boxtitle
{
	background-color: #000000;
	display:block;
	color:white;
	margin:0;
	padding:8px 0;
	text-align:center;
	width:100%;
}