* {
margin:0;
padding:0;
}
body, html {
min-height:101%;
}
body {
-moz-background-inline-policy:continuous;
background:none repeat scroll 0 0 #251116;
color:#F7F4EF;
}
body {
-moz-background-inline-policy:continuous;
background:url("images/bg-art-red.jpg") no-repeat fixed left -585px #FF0000;
font:100% Arial,Helvetica,sans-serif;
}
textarea, select {
-moz-background-inline-policy:continuous;
background:none repeat scroll 0 0 #555555;
color:#FFFFFF;
padding:5px 0;
width:100%;
}
input {
-moz-background-inline-policy:continuous;
background:none repeat scroll 0 0 #CCCCCC;
}
p {
color:#666666;
line-height:145%;
margin:15px 0;
}
a, a:visited {
color:#555555;
text-decoration:none;
}
a:hover, a:active {
color:#DD0000;
}
ol {
margin:15px 15px 15px 35px;
}
a img, fieldset {
border:medium none;
}
:focus {
outline:medium none;
}
#top {
padding-bottom:28px;
}
.wrapper {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
font-size:1em;
margin:0 auto;
width:100%;
}
#home #top .wrapper {
}
#interior #top .wrapper {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
}
#main {
-moz-background-inline-policy:continuous;
background:url("images/number.png") no-repeat scroll right 10px transparent;
margin:0 auto;
width:980px;
}
#content {
-moz-background-inline-policy:continuous;
-moz-border-radius:4px 4px 4px 4px;
-moz-box-shadow:0 0 5px #555555;
background:none repeat scroll 0 0 #EEEEEE;
height:auto;
padding:10px;
width:960px;
}
#interior #sidebar {
display:none;
float:right;
width:100%;
}
#masthead {
-moz-background-inline-policy:continuous;
background:url("images/bg_masthead.jpg") repeat scroll 0 0 transparent;
height:100px;
}
.left {
float:left;
}
.right {
float:right;
}
#branding {
-moz-background-inline-policy:continuous;
background:url("images/branding.png") repeat scroll 0 0 #EEEEEE;
height:70px;
position:fixed;
text-align:center;
top:0;
width:100%;
z-index:100;
}
#description {
color:#DD0000;
font:0.6em 'Lucida Grande','Lucida Sans Unicode',Arial;
letter-spacing:0.4em;
margin:0 auto;
position:static;
text-transform:uppercase;
top:75px;
width:960px;
z-index:110;
}
h1 {
-moz-background-inline-policy:continuous;
background:url("images/s1-logo.png") repeat scroll 0 0 transparent;
font:2.5em Georgia,"Times New Roman",Times,serif;
height:71px;
letter-spacing:0.05em;
margin:0 auto;
width:960px;
}
h2 {
color:#FFFFFF;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:1.7em;
font-size-adjust:none;
font-stretch:normal;
font-style:italic;
font-variant:normal;
font-weight:normal;
letter-spacing:0.025em;
margin:5px 0 0 0;
}
h3, h4 {
color:#000000;
font-style:italic;
letter-spacing:0.025em;
}
h3 {
color:#000000;
font:small-caps 1em helvetica;
margin:5px 0 40px 0;
}
#sidebar h3 {
margin-bottom:7px;
}
.widget h3 {
font-size:1.5em;
margin-bottom:7px;
}
h4 {
color:#FF0000;
font-family:adobe garamond pro,times New Roman,georgia;
font-size:1.3em;
margin-bottom:10px;
}
h4#pagetitle {
margin-bottom:15px;
}
h5 {
font-size:1em;
}
h5 {
font-size:0.9em;
margin-left:200px;
}
h1 a, h1 a:visited {
color:#AAAAAA;
display:none;
}
h1 a:hover, h1 a:active {
border-bottom:1px solid #82435A;
text-decoration:none;
}
.commentcount {
-moz-background-inline-policy:continuous;
background:url("images/bubble.gif") no-repeat scroll right center transparent;
color:#87BCD2;
padding-right:12px;
}
.commentcount a {
font-family:Georgia,"Times New Roman",Times,serif;
}
.module {
-moz-background-inline-policy:continuous;
background:none repeat scroll 0 0 #FFFFFF;
font-size:0.8em;
overflow:auto;
padding:12px;
}
.module img {
border:1px solid #4F383D;
float:left;
margin:0 13px 7px 0;
padding:3px;
}
.module p {
margin:0;
}
h3 em {
font-size:0.8em;
font-style:italic;
}
#archive-list li {
float:left;
font-size:0.9em;
height:60px;
line-height:140%;
margin:0 6px 0 25px;
width:165px;
}
.pagenavigationbox {
color:#A19E94;
margin-top:20px;
}
.pagenavigationbox a, .pagenavigationbox a:visited, .pagenavigationbox span {
color:#A19E94;
display:block;
float:left;
font:0.7em Arial,Georgia,"Times New Roman",Times,serif;
height:20px;
margin-right:4px;
padding-top:4px;
text-align:center;
width:24px;
}
.pagenavigationbox, .pagenavigationbox a, .pagnavigationbox a:visited {
-moz-background-inline-policy:continuous;
background:url("images/bg_pagelink.gif") no-repeat scroll 0 0 transparent;
}
.pagenavigationbox a:hover, .pagenavigationbox a:active {
-moz-background-inline-policy:continuous;
background:none repeat scroll 0 0 #372529;
text-decoration:none;
}
.pagenavcurrent {
-moz-background-inline-policy:continuous;
background:url("images/bg_current_pagelink.gif") no-repeat scroll 0 0 transparent;
}
.widget {
font-size:0.85em;
margin-bottom:30px;
}
.widget li {
-moz-background-inline-policy:continuous;
background:url("images/bg_headline.gif") no-repeat scroll center bottom transparent;
line-height:135%;
list-style:none outside none;
padding:10px 0 13px;
}
#wp-calendar {
font-size:0.9em;
width:100%;
}
#wp-calendar caption {
padding-bottom:5px;
}
#wp-calendar td, #wp-calendar th {
text-align:center;
}
#wp-calendar #prev {
text-align:right;
}
#wp-calendar #next {
text-align:left;
}
#wp-calendar th {
-moz-background-inline-policy:continuous;
background:none repeat scroll 0 0 #3E292E;
padding:2px 4px;
}
.textwidget {
font-size:0.9em;
line-height:145%;
}
#recentcomments em {
-moz-background-inline-policy:continuous;
background:url("images/bg_recentcomment.gif") no-repeat scroll right center transparent;
color:#87BCD2;
font:italic 0.9em Georgia,"Times New Roman",Times,serif;
letter-spacing:0.08em;
padding-right:19px;
}
#recentcomments a, #recentcomments a:visited {
color:#F2F0E9;
font-size:0.9em;
}
#tagcloud a {
line-height:150%;
padding-right:6px;
}
#sidebar li {
list-style:none outside none;
}
#searchform {
margin-left:11px;
}
#searchform .field {
font-size:1em;
padding:3px;
width:90px;
}
#searchform .button {
font-size:1em;
margin:0;
padding:3px;
}
.button {
-moz-background-inline-policy:continuous;
background:none repeat scroll 0 0 #EEEEEE;
font-size:0.8em;
margin-top:7px;
padding:4px 18px;
}
a.button, a.button:visited {
color:#000000;
display:none;
margin:18px 0 0 30px;
width:78px;
}
a.button:hover, a.button:active {
text-decoration:none;
}
.button:focus, .button:hover {
}
.field {
-moz-background-inline-policy:continuous !important;
background:none repeat scroll 0 0 #FFFFFF !important;
border:medium none;
color:#F2F0E9;
font-size:0.8em;
padding:4px 4px 4px 22px;
}
#user-name.field {
-moz-background-inline-policy:continuous !important;
background:url("images/user-name.gif") no-repeat scroll 5px 4px #FFFFFF !important;
margin-right:5px;
width:118px;
}
#user-name.field:focus {
-moz-background-inline-policy:continuous !important;
background:url("images/user-name.gif") no-repeat scroll 5px 4px #4C353B !important;
}
#user-email.field {
-moz-background-inline-policy:continuous !important;
background:url("images/user-email.gif") no-repeat scroll 5px 7px #FFFFFF !important;
width:118px;
}
#user-email.field:focus {
-moz-background-inline-policy:continuous !important;
background:url("images/user-email.gif") no-repeat scroll 5px 7px #4C353B !important;
}
#user-comment.field {
-moz-background-inline-policy:continuous !important;
background:url("images/user-comment.gif") no-repeat scroll 5px 6px #FFFFFF !important;
height:120px;
margin-top:8px;
width:273px;
}
#user-comment.field:focus {
-moz-background-inline-policy:continuous !important;
background:url("images/user-comment.gif") no-repeat scroll 5px 6px #4C353B !important;
}
#user-url.field {
-moz-background-inline-policy:continuous !important;
background:url("images/user-url.gif") no-repeat scroll 4px 8px #412C31 !important;
}
#user-url.field:focus {
-moz-background-inline-policy:continuous !important;
background:url("images/user-url.gif") no-repeat scroll 4px 8px #4C353B !important;
}
#interior #user-name.field, #interior #user-email.field, #interior #user-url.field, #interior #user-url.field {
width:260px;
}
#interior #user-comment.field {
height:300px;
width:586px;
}
.clearfloat:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
.clearfloat {
display:inline-block;
}
.clearfloat {
display:block;
}
#footer {
margin:0 auto;
padding:20px 0;
width:960px;
}
#footer .wrapper {
color:#000000;
font:0.65em 'Lucida Grande','Lucida Sans Unicode',Arial;
letter-spacing:0.08em;
text-align:right;
text-transform:uppercase;
}
div.wrap {
margin:0 auto;
text-align:left;
width:993px;
}
div#top div#nav {
clear:both;
float:left;
height:52px;
margin:22px 0 0;
width:993px;
}
div#top div#nav ul {
float:left;
height:52px;
list-style-type:none;
width:700px;
}
div#nav ul li {
float:left;
height:52px;
}
div#nav ul li a {
border:0 none;
display:block;
height:52px;
line-height:52px;
text-indent:-9999px;
}
div#header {
margin:-1px 0 0;
}
div#video-header {
height:683px;
margin:-1px 0 0;
}
div#header div.wrap {
-moz-background-inline-policy:continuous;
background:url("images/header-bg.png") no-repeat scroll 50% 0 transparent;
height:299px;
}
div#header div#slide-holder {
height:299px;
position:absolute;
width:993px;
z-index:40;
}
div#header div#slide-holder div#slide-runner {
height:278px;
left:9px;
overflow:hidden;
position:absolute;
top:9px;
width:973px;
}
div#header div#slide-holder img {
display:none;
margin:0;
position:absolute;
}
div#header div#slide-holder div#slide-controls {
-moz-background-inline-policy:continuous;
background:url("images/slide-bg.png") repeat scroll 0 0 transparent;
bottom:228px;
display:none;
height:46px;
left:0;
position:absolute;
width:973px;
}
div#header div#slide-holder div#slide-controls p.text {
color:#FFFFFF;
display:inline;
float:left;
font-size:10px;
line-height:16px;
margin:15px 0 0 20px;
text-transform:uppercase;
}
div#header div#slide-holder div#slide-controls p#slide-nav {
display:inline;
float:right;
height:24px;
margin:11px 15px 0 0;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
background-position:0 0;
background-repeat:no-repeat;
display:inline;
float:left;
font-size:11px;
font-weight:bold;
height:24px;
line-height:24px;
margin:0 5px 0 0;
text-align:center;
text-decoration:none;
width:24px;
}
div#header div#slide-holder div#slide-controls p#slide-nav a.on {
background-position:0 -24px;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
background-image:url("images/silde-nav.png");
}
div#nav ul li a {
-moz-background-inline-policy:continuous;
background:url("images/nav.png") no-repeat scroll 0 0 transparent;
}
.credits {
border-top:1px solid #EDEDED;
color:#999999;
font:130%/110% Garamond,Georgia,serif;
letter-spacing:2px;
margin:0.5em auto 1.5em;
padding-top:8px;
text-align:center;
width:300px;
}
.credits em {
color:#999999;
}
.credits a {
color:#999999;
text-decoration:none;
text-transform:uppercase;
}
.credits a:hover {
text-decoration:underline;
}
#Layer1 {
height:86px;
left:65px;
position:absolute;
top:319px;
width:889px;
z-index:41;
}
.clear {
height:10px;
width:960px;
}
.banner {
-moz-border-radius:4px 4px 4px 4px;
background-image:url("images/mid_banner.jpg");
border:1px solid #DDDDDD;
height:115px;
width:958px;
}
.block {
-moz-background-inline-policy:continuous;
-moz-border-radius:4px 4px 4px 4px;
background:url("images/main-bg.jpg") no-repeat scroll 0 0 #F5F5F5;
border:1px solid #DDDDDD;
}
.productblock {
-moz-background-inline-policy:continuous;
-moz-border-radius:4px 4px 4px 4px;
background:url("images/product.jpg") no-repeat scroll 0 0 #FFFFFF;
border:1px solid #DDDDDD;
height:650px;
}
.servicesblock {
-moz-background-inline-policy:continuous;
-moz-border-radius:4px 4px 4px 4px;
background:url("images/csm.jpg") no-repeat scroll 0 0 #FFFFFF;
border:1px solid #DDDDDD;
height:790px;
}
.aboutblock {
-moz-background-inline-policy:continuous;
-moz-border-radius:4px 4px 4px 4px;
background:url("images/family.png") no-repeat scroll 0 0 #FFFFFF;
border:1px solid #DDDDDD;
height:570px;
}
.securityblock {
-moz-background-inline-policy:continuous;
-moz-border-radius:4px 4px 4px 4px;
background:url("images/security1.jpg") no-repeat scroll 0 0 #FFFFFF;
border:1px solid #DDDDDD;
height:450px;
}
.container {
padding:20px;
}
.container4 {
height:110px;
padding:5px;
}
.fourths {
-moz-background-inline-policy:continuous;
-moz-border-radius:4px 4px 4px 4px;
background:url("images/bg_thirds.png") repeat-x scroll 0 0 #FFFFFF;
border:1px solid #DDDDDD;
float:left;
font-size:15px;
height:150px;
margin-top:10px;
width:230.5px;
}
.doorfourths {
-moz-background-inline-policy:continuous;
-moz-border-radius:4px 4px 4px 4px;
background:url("images/products/doorwindow.jpg") repeat-x scroll 0 0 #FFFFFF;
border:1px solid #DDDDDD;
float:left;
font-size:15px;
height:150px;
margin-top:10px;
width:230.5px;
}
.talkingfourths {
-moz-background-inline-policy:continuous;
-moz-border-radius:4px 4px 4px 4px;
background:url("images/products/talking-alpha-keypad.jpg") repeat-x scroll 0 0 #FFFFFF;
border:1px solid #DDDDDD;
float:left;
font-size:15px;
height:150px;
margin-top:10px;
width:230.5px;
}
.touchfourths {
-moz-background-inline-policy:continuous;
-moz-border-radius:4px 4px 4px 4px;
background:url("images/products/touch-screen.jpg") repeat-x scroll 0 0 #FFFFFF;
border:1px solid #DDDDDD;
float:left;
font-size:15px;
height:150px;
margin-top:10px;
width:230.5px;
}
.screensfourths {
-moz-background-inline-policy:continuous;
-moz-border-radius:4px 4px 4px 4px;
background:url("images/products/security-screens.jpg") repeat-x scroll 0 0 #FFFFFF;
border:1px solid #DDDDDD;
float:left;
font-size:15px;
height:150px;
margin-top:10px;
width:230.5px;
}
.motionfourths {
-moz-background-inline-policy:continuous;
-moz-border-radius:4px 4px 4px 4px;
background:url("images/products/motion-sensors.jpg") repeat-x scroll 0 0 #FFFFFF;
border:1px solid #DDDDDD;
float:left;
font-size:15px;
height:150px;
margin-top:10px;
width:230.5px;
}
.laserfourths {
-moz-background-inline-policy:continuous;
-moz-border-radius:4px 4px 4px 4px;
background:url("images/products/laser.jpg") repeat-x scroll 0 0 #FFFFFF;
border:1px solid #DDDDDD;
float:left;
font-size:15px;
height:150px;
margin-top:10px;
width:230.5px;
}
.keyfobfourths {
-moz-background-inline-policy:continuous;
-moz-border-radius:4px 4px 4px 4px;
background:url("images/products/keyfob.jpg") repeat-x scroll 0 0 #FFFFFF;
border:1px solid #DDDDDD;
float:left;
font-size:15px;
height:150px;
margin-top:10px;
width:230.5px;
}
.smokefourths {
-moz-background-inline-policy:continuous;
-moz-border-radius:4px 4px 4px 4px;
background:url("images/products/smoke.jpg") repeat-x scroll 0 0 #FFFFFF;
border:1px solid #DDDDDD;
float:left;
font-size:15px;
height:150px;
margin-top:10px;
width:230.5px;
}
.winefourths {
-moz-background-inline-policy:continuous;
-moz-border-radius:4px 4px 4px 4px;
background:url("images/products/wine.jpg") repeat-x scroll 0 0 #FFFFFF;
border:1px solid #DDDDDD;
float:left;
font-size:15px;
height:150px;
margin-top:10px;
width:230.5px;
}
.waterfourths {
-moz-background-inline-policy:continuous;
-moz-border-radius:4px 4px 4px 4px;
background:url("images/products/water-detect.jpg") repeat-x scroll 0 0 #FFFFFF;
border:1px solid #DDDDDD;
float:left;
font-size:15px;
height:150px;
margin-top:10px;
width:230.5px;
}
.sirenfourths {
-moz-background-inline-policy:continuous;
-moz-border-radius:4px 4px 4px 4px;
background:url("images/products/siren.jpg") repeat-x scroll 0 0 #FFFFFF;
border:1px solid #DDDDDD;
float:left;
font-size:15px;
height:150px;
margin-top:10px;
width:230.5px;
}
.talkingsirenfourths {
-moz-background-inline-policy:continuous;
-moz-border-radius:4px 4px 4px 4px;
background:url("images/products/talking.jpg") repeat-x scroll 0 0 #FFFFFF;
border:1px solid #DDDDDD;
float:left;
font-size:15px;
height:150px;
margin-top:10px;
width:230.5px;
}
.thirds {
-moz-background-inline-policy:continuous;
-moz-border-radius:4px 4px 4px 4px;
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #DDDDDD;
float:left;
font-size:15px;
height:1500px;
width:311px;
}
.twothirds {
-moz-background-inline-policy:continuous;
-moz-border-radius:4px 4px 4px 4px;
background:url("images/burglar.jpg") no-repeat scroll 0 0 #000000;
border:1px solid #DDDDDD;
float:left;
font-size:15px;
width:635px;
}
.spacer {
float:left;
height:150px;
width:10px;
}
.spacer3rds {
float:left;
height:150px;
width:10px;
}
#productblock1 {
-moz-background-inline-policy:continuous;
background:none repeat scroll 0 0 transparent;
height:152px;
margin-bottom:10px;
width:100%;
}
#productblock1 ul {
color:dodgerBlue;
font-family:georgia;
font-size:11px;
font-style:italic;
list-style:none outside none;
padding:50px 0 0 50px;
position:relative;
text-align:right;
}
#productblock2 {
-moz-background-inline-policy:continuous;
background:none repeat scroll 0 0 transparent;
height:320px;
margin-bottom:10px;
width:100%;
}
#productblock2 ul {
color:dodgerBlue;
font-family:georgia;
font-size:11px;
font-style:italic;
list-style:none outside none;
padding:50px 0 0 50px;
position:relative;
text-align:right;
}
.phones {
margin-left:165px;
}
.number {
-moz-background-inline-policy:continuous;
background:url("images/number.png") no-repeat scroll right 10px transparent;
height:60px;
width:960px;
}
.brands {
float:left;
margin-right:10px;
}
.brandcontainer {
-moz-background-inline-policy:continuous;
background:none repeat scroll 0 0 #FFFFFF;
float:left;
margin-bottom:5px;
width:960px;
}
.featured {
-moz-background-inline-policy:continuous;
background:none repeat scroll 0 0 #000000;
height:20px;
padding:2px 10px;
}
.video {
float:right;
height:218px;
overflow:hidden;
padding:1px 1px 0 0;
}
.video3rds {
height:218px;
margin-bottom:20px;
margin-left:-20px;
overflow:hidden;
padding:0;
position:inherit;
width:311px;
}
.numberMain {
-moz-background-inline-policy:continuous;
background:url("images/number.png") no-repeat scroll right 10px transparent;
height:60px;
margin:-83px 0;
position:absolute;
width:970px;
}
.clicked {
background:none repeat scroll 0 0 transparent !important;
padding:0 !important;
}
div.wpcf7-mail-sent-ok {
-moz-background-inline-policy:continuous;
-moz-border-radius:20px 20px 20px 20px;
background:none repeat scroll 0 0 #A9FFD4;
color:#222222;
}
div.wpcf7-validation-errors {
-moz-background-inline-policy:continuous;
-moz-border-radius:20px 20px 20px 20px;
background:none repeat scroll 0 0 #F7E700;
color:#FF0000;
width:870px;
}
span.wpcf7-not-valid-tip {
-moz-background-inline-policy:continuous;
-moz-border-radius:5px 5px 5px 5px;
background:none repeat scroll 0 0 yellow;
border:1px solid #FF0000;
color:#222222;
font-size:10pt;
left:20%;
opacity:0.5;
padding:5px;
position:absolute;
top:20%;
width:280px;
z-index:1;
}
#suattr {
display:none;
}
.videoBlock  {
float:left;
position:relative;
padding:20px 25px 20px 45px ;
}