/* 
 * ****************************
 * CSS Document - Style sheet
 * Astro Locksmith
 * created by Jorge Ruiz
 * jorge@colourprep.com
 * Last modified 12-11-2017
 * ****************************
 */

@charset "utf-8";

html 			{ margin:0; padding:0; background-color:#d5e9f9; }

body 			{ width:100%; height:100%; background-color:transparent; color:#666; margin:0; padding:0; }

#wrap	{ position:relative; width:100%; height:100%; margin:0; padding:0; text-align:center; }

#header 		{ width:100%; height:160px; text-align:center; background-color:#d5e9f9; }
#header_inner_wrap { position:relative; width:960px; height:160px; margin:0px auto; }

img.van { position:absolute; top:7px; left:40px; width:229px; height:115px; z-index:998; }
img.cap { position:absolute; bottom:-1px; left:-1px; width:299px; height:42px; z-index:999; }
img.logo { position:absolute; top:10px; left:230px; width:237px; height:235px; z-index:1000; }
img.logo-text { position:absolute; top:30px; left:470px; width:381px; height:64px; }

h1.top-heading { position:absolute; top:30px; left:20px; color:#eeedde; font-size:175%; font-weight:500; width:auto; margin:0; }
h1.top-heading span { color:#5bc2db; }
p.license { position:absolute; top:88px; right:158px; color:#5a87b8; width:auto; margin:0; }

/* navigation */

#nav_wrap 		{ position:relative; top:118px; width:960px; height:45px; margin:0 auto; }

#nav_menu		{ position:absolute; top:0px; left:0; width:960px; height:42px; text-align:center; background:#192b58 url('../images/bg-nav-bar.png') repeat-x 0 0;
	-moz-border-radius-topleft: 20px; -webkit-border-top-left-radius: 20px; border-top-left-radius: 20px; -moz-border-radius-topright: 20px; -webkit-border-top-right-radius: 20px; border-top-right-radius: 20px; }

ul.nav			{ float:left; position:relative; top:1px; left:470px; padding:0; font-size:1.4em; font-family:'Open Sans Condensed'; font-weight: 700; }
ul.nav li 		{ float:left; margin-right:1px; }
ul.nav a		{ float:left; padding:10px 18px; margin:0 auto; display:block; text-align:center; text-decoration:none; color:#fff; font-weight:700; }
ul.nav a:active, ul.nav a:visited	{  }
ul.nav a:hover	{ color:#192b58; background-color:#fff; }
ul.nav a.section	{ background-color:#eeedde; color:#224082; border:none; } 


/* ******************************************************
 * *** CONTENT ***
 * ****************************************************** */

#content_wrap	{ position:relative; width:100%; height:100%; margin:0; padding:0; text-align:center; background:transparent url('../images/bg-clouds.jpg') no-repeat 50% 0%; }

#content { position:relative; width:960px; min-height:650px; margin:0px auto 10px auto; padding:0 0 50px 0; text-align:left; background:#fff url('../images/bg-sidebar.png') repeat-y 100% 0%; 
	-webkit-border-bottom-left-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomleft:10px; 
	border-bottom-left-radius:10px; border-bottom-right-radius:10px; box-shadow: 3px 3px 4px #aaa; }

/*.bottom-shadow { width:990px; height:14px; margin:0 auto; background: url('../images/bg-content-bot-shad.png') no-repeat 50% 0; }*/

#main-content 	{ width:100%; padding:0; margin:0 auto;  }

#full-width { width:100%; margin:0; padding:50px 0 40px 0; }
#full-width.main-panel { background: url('../images/bg-main-2.jpg') no-repeat 0% 0%; }

.welcome { float:left; width:345px; margin:0 0 0 40px; text-align:left; }

.one-third { float:left; margin:0 0 0 60px; text-align:left; width:200px; padding-right:20px; border-right:2px solid #b8c4d7; }
.one-third-home { float:left; width:230px; text-align:left; margin:0 0 0 -2px; padding-left:25px; border-left:2px solid #b8c4d7; }
.one-third-inside { float:left; text-align:left; width:350px; margin:0 10px 0 0; padding-left:40px; }

.two-thirds { float:left; width:460px; margin:0 0 0 50px; text-align:left; padding-left:25px; }


/* slides */
.slides { width:488px; height:332px; margin:-3px 0 0 425px; }
.slides img { width:488px; height:332px; }
img.slide { width:488px; height:332px; margin:0 0 10px 0; border:5px solid #fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow: 3px 3px 4px #aaa; }


h1, h2, h3, h4, h5, h6 { font-family:'Open Sans Condensed'; font-weight: 700; margin:10px 0px; color:#224082; line-height:1.4em; }
h1 { font-size: 28px; }
h2 { font-size: 25px; }
h3 { font-size: 22px; }
h4 { font-size: 19px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }


p { font-size:1em; margin:10px 0px; }
p.more { text-decoration:none; }
p.more a { color:#5bc2db; text-decoration:underline; }

/* testimonials */
.testimonials { font-family:'Open Sans Condensed'; width:310px; padding:1px 20px; margin-top:20px; background-color:#fffeec; border:1px solid #eee; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; box-shadow: 3px 3px 4px #aaa; }
.testimonials .testimonial { font-size:1.2em; font-weight: 300; font-style:italic; margin:10px 0px; color:#224082; line-height:1.4em; }
.testimonials .author { font-size:0.8em; font-weight: 700; color:#477eb9; line-height:1.3em; }


#news-headlines { float:left; width:200px; padding-right:25px; text-align:left; border-right:3px solid #f7ebd7; }
#news-headlines h3 a { text-decoration:none; font-weight:400; }
ul.headlines {  }
ul.headlines li { line-height:1.2em; margin-bottom:15px; }
ul.headlines li a { font-weight:bold; font-size:1.2em; color:#df6e27; }
ul.headlines li a:hover { color:#c00; }
ul.headlines li span { font-size:1em; line-height:1.5em; }

.inner-main-content ul { list-style-type: disc; margin-left:50px; }
.inner-main-content li { font-size:0.9em; }

.inner-main-content img { border:5px solid #ede0c7; }

img.captcha { border:none; }

iframe { border:10px solid #95afd2; }

ul.service-areas { list-style-type:disc; margin-left:35px; font-size:0.9em; line-height:1.4em; }

ul.serv { list-style-type:disc; margin-left:35px; }


/* ******************************************************
 * *** FOOTER ***
 * ****************************************************** */

#footer 		{ width:100%; height:336px; color:#5a87b8; background: url('../images/bg-dallas-skyline.jpg') repeat-x 50% 100%; }

.foot-wrap 		{ width:960px; margin:0 auto; text-align:left; }

.foot-grid-1 { float:left; width:370px; margin:0 0 15px 30px; }
.foot-grid-2 { float:right; width:505px; margin:0 30px 0 0; text-align:right; }

.address 		{ font-size:0.85em; line-height:1.4em; }
.site_credits 	{ font-size:0.75em; }
.site_credits a 	{ color:#5a87b8; }


/* 
 *
 *
 * end of file
 *
 *
 */