/*------------------------------------------------------------------------------------------*/
/* RESET				RESET				RESET				RESET  		  */
/*------------------------------------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:top; }

ol,ul { list-style:none; }
blockquote,q { quotes:none; }
blockquote:before,blockquote:after,q:before,q:after { content:''; content:none; }
td.footer {background-color: #000033; text-align: center; color: #FFF; }
table.center {margin-left:auto; margin-right:auto;}


/*------------------------------------------------------------------------------------------*/
/* STYLE				STYLE				STYLE				STYLE  		  */
/*------------------------------------------------------------------------------------------*/

body { font-family: "Verdana", Helvetica, sans-serif; font-size: 12px; color: #000; background-image: url('http://sarahbouchard.com/pop-a-lock/raleigh/images/key-bckgrnd2.jpg');}
.left { float: left; }
.right { float: right; }
img.right { float: right; padding: 10px 0px 10px 10px; }
img.left { float: left; padding: 10px 10px 10px 0px; }
img.cards { float: left; padding: 10px 10px 10px 0px;  }
img.app { width:165; height:174; bottom: 150px; float:right; }
.clear { clear: both; }

h1.main {font-family: "Verdana", Helvetica, sans-serif; color: #000; font-size: 22px; position: absolute; top: 290px; left: 50px; }
td.map {background-image: url(images/landingpage_02); background-repeat: no-repeat; width:915; height:501; }

h1.link { color: #ff6600; font-size: 20px; padding-top: 15px; padding-bottom: 10px; }
h2 { color: #000; font-size: 16px; }
h2.subject {color: #ff6600; font-size: 14px; padding-top: 5px; padding-bottom: 10px; font-weight:bold; }
h2.subject2 {color: #000; font-size: 12px; padding-top: 5px; padding-bottom: 2px; font-weight:bold; }
p { line-height: 16px; padding: 5px 0px 5px 0px; }
p.list-title {}
p.footer { text-align: center; font-size: 9px; line-height: 12px; }
p.small { font-size: 9px; }
ul.list { padding-left: 20px; padding-bottom: 7px; list-style: disc; line-height: 17px; color: #ff6600; }
ul.contact-list { padding-left: 20px; padding-bottom: 7px; line-height: 17px; }
a { color: #ff6600; }
a:hover { text-decoration: none; }
a.neko { color: #000033; }
ul.sitemap { line-height: 17px; }
ul.sitemap li ul li { padding-left: 15px; }
td.leftcontent { background-image: url(images/pop-a-lock-design_17.png); background-repeat: repeat-y; }
td.rightcontent { background-image: url(images/pop-a-lock-design_19.png); background-repeat: repeat-y; }
table.small {padding: 0px 50px 0px 70px; }
tr.small { font-size: 10px; }

a.footer { color: #000033; }
a.footer:hover { text-decoration: none; }


/* CSS NAV 		  */
----------------------------------------------------------------------------
div#nav {width: 915px; height: 259px; position: relative; top: 167px; right: 0px; bottom: 0px; left: 0px; }

img#nav2 {top: 0px; right:853px; bottom: 0px; left: 0px; }

img#nav3 { top: 0px; right:0px; bottom: 0px; left: 854px; }

/*------------------------------------------------------------------------------------------*/
/* HEADER				HEADER				HEADER				HEADER  		  */
/*------------------------------------------------------------------------------------------*/
div#header {width: 915px; height: 167px; position: relative; margin-left: auto; margin-right: auto; }
div.wrapper { width: 915px; margin: 0 auto; position: relative; margin-left: auto; margin-right: auto; padding-top:10px;}

img#header1 {position: absolute; top: 0px; bottom: 148px; }
img#header2 {position: absolute; top: 19px; right:853px; bottom: 0px; left: 0px; }
img#logo {position: absolute; top: 19px; right: 656px; bottom: 0px; left: 62px;}
img#call {position: absolute; top: 19px; right: 185px; bottom: 0px; left: 259px;}

img#header3 {position: absolute; top: 19px; right: 61px; bottom: 0px; left: 730px; }
img#header4 {position: absolute; top: 19px; right :0px; bottom: 0px; left: 854px; }

div#call {position: absolute; top: 19px; right: 185px; bottom: 0px; left: 270px; }
h1.mainloc {position: absolute; top: 14px; right: 0px; bottom: 95px; left: 5px; font-family: "Verdana", Helvetica, sans-serif; font-size: 25px; color:#FFF; }
h1.mainnumber {position: absolute; top: 70px; right: 0px; bottom: 20px; left: 194px; font-family: "Arial Narrow", Helvetica, sans-serif; font-size: 40px; color:#F60; word-spacing: -5px; }

div#mobile {position: absolute; top: 5px; right: 5px; bottom: 0px; left: 680px;}
h1.mobile {position: absolute; text-align: right; top: 10px; right: 40px; bottom: 0px; left: 0px; font-family: "Verdana", Helvetica, sans-serif; font-size: 17px; color:#FC0; font-weight:bold; letter-spacing: -1px;}
h1.mobiletag {position: absolute; text-align: right; top: 30px; right: 40px; bottom: 0px; left: 0px; font-family: "Verdana", Helvetica, sans-serif; font-size: 13px; color:#FC0; font-style: italic; }


div#optcall {position: absolute; top: 18px; right: 5px; bottom: 0px; left: 730px;}
h1.optloc1 {position: absolute; text-align: right; top: 40px; right: 40px; bottom: 0px; left: 0px; font-family: "Verdana", Helvetica, sans-serif; font-size: 15px; color:#FFF; word-spacing: -2px;}
h1.optnumber1 {position: absolute; text-align: right; top: 55px; right: 40px; bottom: 0px; left: 0px; font-family: "Arial Narrow", Helvetica, sans-serif; font-size: 22px; color:#F60; word-spacing: -5px; }

h1.optloc2 {position: absolute; text-align: right; top: 87px; right: 40px; bottom: 0px; left: 0px; font-family: "Verdana", Helvetica, sans-serif; font-size: 15px; color:#FFF; word-spacing: -2px;}
h1.optnumber2 {position: absolute; text-align: right; top: 102px; right: 40px; bottom: 0px; left: 0px; font-family: "Arial Narrow", Helvetica, sans-serif; font-size: 22px; color:#F60; word-spacing: -5px; }


ul#phone { float: right; margin: 14px 20px 0 0; background: url(../../images/header-phone-bg.png) top left; width: 206px; height: 171px; padding-top: 70px; }
ul#phone li { font-weight: bold; line-height: 25px; }





/*------------------------------------------------------------------------------------------*/
/* CONTENT				CONTENT			CONTENT				CONTENT  		  */
/*------------------------------------------------------------------------------------------*/
div#content {width: 915px; height:auto; position: relative; background: url('http://sarahbouchard.com/pop-a-lock/raleigh/images/pop-a-lock-design_18.png') repeat; }

div#maintext { padding: 0px 90px 10px 90px;}


/*------------------------------------------------------------------------------------------*/
/* FOOTER				FOOTER				FOOTER				FOOTER  		  */
/*------------------------------------------------------------------------------------------*/
div#footer {width: 915px; height: 120px; position: relative; background: url('http://sarahbouchard.com/pop-a-lock/raleigh/images/pop-a-lock-design-footer.png') no-repeat; text-align: center; }

p.footer1 {padding-top: 32px; color: #ff6600; }
p.footer2 {padding-top: 25px; font-size: 9px;}

p.footer {text-align: center; padding-top: 5px; font-size: 9px;}

/*------------------------------------------------------------------------------------------*/
/* NAV				NAV   				NAV   				NAV      		  */
/*------------------------------------------------------------------------------------------*/
ul#navigation { background: #d1d2d4; width: 818px; display: inline-block; height: 37px; border: solid 1px #fff; border-bottom: none; padding-top: 35px; margin-top: 120px; }
ul#navigation li { display: inline; margin: 0 25px; font-size: 13px;  }
ul#navigation li:first-child { margin-left: 90px; }
ul#navigation li a { text-decoration: none; font-weight: bold; color: #000; display: block; white-space: nowrap;  text-align: left; }
ul#navigation li:hover { border-bottom: solid 2px #fe5200;  }
ul#navigation li:active { border-bottom: solid 2px #fe5200;  }

ul#navigation li { float: left; }
ul#navigation li ul { position: absolute; visibility: hidden; z-index: 999; }
ul#navigation li ul li { float: none; text-align: left; font-size: 11px; font-weight: normal; display: block; margin: 0 0 0 0; border: none; }
ul#navigation li ul li:first-child { margin-left: 0px; border: none; }
ul#navigation li ul li:hover { border: none; }
ul#navigation li ul li a { padding: 7px 12px; display: block; width: auto; background: #000; color: #fff; border: none;  white-space: nowrap; }
ul#navigation li ul li a:hover { background: #fe5200; border: none; }


/*------------------------------------------------------------------------------------------*/
/* RIGHT COLUMN			RIGHT COLUMN				RIGHT COLUMN				  */
/*------------------------------------------------------------------------------------------*/
div#right_column { float: right; width: 209px; padding: 15px; }
div#right_column img { margin-bottom: 10px; }


/*------------------------------------------------------------------------------------------*/
/* BANNER				BANNER				BANNER				BANNER  		  */
/*------------------------------------------------------------------------------------------*/
div#banner { height: 268px; background: url(../../images/bg-banner.jpg) top left repeat-x; border-bottom: solid 6px #fe5200; z-index: 1; position: relative; }
div#banner img.rotate { float: left; margin: 14px 0 0 13px; }
div#banner ul li:first-child { margin: 13px 0 0 12px; }
div#banner ul li { margin: 1px 0 0 12px; }