/*
THEME NAME: Raptor Alarms v2.0
DESCRIPTION: Custom theme designed for Raptor Alarms by Karen Rubado and Karebou Design Studio
VERSION: 2.0
AUTHOR: <a href="http://karebou.com/">Karebou Web Design Studio</a>


TOC ............................................
>1: RESET
>2: DEFAULT CLASSES
>3: ACCESSIBILITY
>4: DEFAULT STYLES
>5: LAYOUT STYLES
>6: GENERAL STYLES
>7: HOME PAGE STYLES
>8: FOOTER STYLES
>9: FORM STYLES

*/

/* >1: RESET ............................................  */
body {color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:"'";}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
a{outline: none;}
.alignright,img.alignright{
float:right;
margin:1em 0 0 1em;
}

.alignleft,img.alignleft{
float:left;
margin:1em 1em 0 0;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}

/* >2: DEFAULT CLASSES ............................................ */
.center { text-align: center; }
.right { text-align: right !important; }
.left { text-align: left !important; }
.large{ font-size: 1.1em;}
.small { font-size: 0.9em; }
.smaller { font-size: 0.8em !important; }
.floatRight { float: right; }
.floatLeft { float: left;}
.clear { clear: both; }
.hide { display: none; }
.teal {color:#0e92b5;}
.green {color:#8ca33a;}
.blue {color:#04497d;}

/* >3: ACCESSIBILITY  ............................................ */
.skip-link {
	position: absolute;
	left: -9999px;
	font-size: small;
}

/* >4: DEFAULT STYLES............................................ */
body {
	font: 62.5%/1.4 Arial, Verdana, Helvetica, sans-serif;
	color: #504f4f;
	background:#fff url(images/bg-secondary.jpg) repeat-x;
}

body.raptor-home {background:#fff url(images/bg-main.jpg) repeat-x;}

h1 { 
	font-size:29px;
	margin: 0 0 11px;
	padding: 0;
	color:#fff;
	line-height:1.2em;
}

h2 {
	font-size: 22px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color:#cc7f05;
	margin: 0;
	padding: 10px 0;
}


h3 { 
	font-size: 20px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #036994;
	padding:0 0 10px;
}

a { color: #0184ba; text-decoration: none;}

a:hover, a:active { text-decoration: underline; }

p{margin: 0 0 1em 0; line-height:1.5em;}

/* >5: LAYOUT STYLES............................................ */

div#wrapper {
	width:990px;
	margin:0 auto;
}

div#header {
	background:url(images/phone.png) no-repeat 745px 0;
	height:110px;
	padding:0 10px;
}

div#logo {
	width:412px;
	height:80px;
	float:left;
	margin-top:27px;
}

div#nav {
	float:right;
	width:500px;
	margin-top:83px;
}

div#nav ul {float:right;}

div#nav ul li {
	margin-left:22px;
	float:left;
}

div#intro {
	background:url(images/bg-blue-top.png) no-repeat 0 top;
	padding-top:33px;
}

div#intro span {
	background:url(images/bg-blue-btm.png) no-repeat 0 bottom;
	display:block;
	padding:0 5px 30px 30px;
}

div#content {
	background:url(images/bg-white-secondary-top.png) no-repeat 0 top;
	padding-top:33px;
	font-size:14px;
	width:683px;
	float:left;
}

div#content span {
	background:url(images/bg-white-secondary-btm.png) no-repeat 0 bottom;
	display:block;
	padding:0 30px 30px 30px;
}

div#sidebar {
	float:right;
	width:286px;
	margin:10px 10px 0 0;
	}

div#footer {
	background:#fff;
	border-top:1px solid #ad8538;
	margin-top:30px;
}

div#footer span {
	width:990px;
	margin:0 auto;
	height:156px;
}

/* >6: GENERAL STYLES............................................ */

div#nav ul li a {
	color:#504f4f;
	text-transform:uppercase;
	font-size:14px;	
}

div#nav ul li.active a {color:#0184ba;}

div#intro p {
	color:#fff;
	font-size:16px;
	line-height:1.6em;
}

div#intro img {
	float:right;
	margin-top:-326px;
}

a.btn-services {
	background:url(images/btn-services.png) no-repeat 0 top;
	width:260px;
	height:42px;
	text-indent:-9999px;
	display:block;
}

a.btn-services:hover {
	background:url(images/btn-services.png) no-repeat 0 bottom;
}

div#left-box, div#right-box {
	color:#fff;
	background:url(images/bg-medblue-top.png) no-repeat 0 top;
	padding-top:21px;
	width:286px;
	float:left;
}

div#right-box {
	background:url(images/bg-ltblue-top.png) no-repeat 0 top;
	float:right;
}

div#content div#left-box span, div#content div#right-box span, div#sidebar div#left-box span, div#sidebar div#right-box span {
	background:url(images/bg-medblue-btm.png) no-repeat 0 bottom;
	display:block;
	padding:0 15px 10px;
}

div#content div#right-box span, div#sidebar div#right-box span {
	background:url(images/bg-ltblue-btm.png) no-repeat 0 bottom;
}

div#left-box h3 {
	background:url(images/raptor.png) no-repeat 0 0;
	padding:9px 0 0 50px;
	margin-top:-10px;
}

div#right-box h3 {
	background:url(images/dino.png) no-repeat 0 0;
	padding:9px 0 0 64px;
	margin-top:-10px;
}

div#left-box ol li {
	list-style-type:decimal;
	margin-left:20px;
	padding-bottom:10px;
	}
	
div#sidebar {font-size:14px;}

div#sidebar div#left-box, div#sidebar div#right-box {margin-bottom:20px;}


#content ul li {
	background:url(images/shield-yellow.png) no-repeat 0 8px;
	padding:8px 0 8px 30px;
	border-bottom:1px dashed #b6b6b6;
}
	
	
/* >7: HOME PAGE STYLES............................................ */

body.raptor-home div#intro h1, body.raptor-home div#intro p {width:470px;}

div#home-list {
	width:315px;
	float:left;
}

div#home-list li {
	background:url(images/shield.png) no-repeat 0 8px;
	padding:8px 0 8px 30px;
	border-bottom:1px dashed #b6b6b6;
}

div#home-boxes {
	float:right;
	width:590px;
}

div#home-boxes h3, div#sidebar h3 {
	border-bottom:1px dashed #fff;
	margin-bottom:10px;
	color:#fff;
	}
	
div#home-boxes a, div#sidebar a {
	color:#fff;
	text-decoration:underline;
	}

div#home-boxes a:hover, div#sidebar a:hover {text-decoration:none;}

div#full-box {
	background:url(images/bg-dkblue-top.png) no-repeat 0 top;
	color:#fff;
	margin-top:15px;
	padding-top:21px;
	width:588px;
}

div#content div#full-box span {
	background:url(images/bg-dkblue-btm.png) no-repeat 0 bottom;
	display:block;
	padding:0 15px 10px;
}

div#full-box h3 {
	padding:0;
	margin-top:-10px;
	}
	
body.raptor-home div#content {
	background:url(images/bg-white-top.png) no-repeat 0 top;
	padding-top:33px;
	font-size:14px;
	width:100%;
	float:none;
}

body.raptor-home div#content span {
	background:url(images/bg-white-btm.png) no-repeat 0 bottom;
	display:block;
	padding:0 30px 30px 30px;
}



/* >8: FOOTER STYLES............................................ */
	
div#footer ul {
	width:970px;
	margin:0 auto;
}

div#footer li {
	float:left;
	border-right:1px solid #edce88;
	color:#6d6d6d;
	font-size:12px;
	height:105px;
	margin-top:13px;
}

div#footer li.copyright {
	background:url(images/copyright.png) no-repeat 0 0;
	padding:62px 0 0 110px;
	width:170px;
	height:68px;
}

div#footer li.karebou {
	background:url(images/karebou.png) no-repeat right 0;
	border-right:0px;
	margin-top:10px;
	padding:71px 0 0 115px;
	width:165px;
	height:79px;
}

div#footer li.registered, div#footer li.address {
	width:177px;
	padding:25px 0 0 25px;
	}


/* >8: FORM STYLES............................................ */
div#content span#errorDiv1 {background:none;}

#form {padding-left:20px;}

#form p {
	border-bottom:1px dashed #0093D0;
	padding-bottom:10px;
}

#form label {
	width:80px;
	font-weight:bold;
	color:#CC7F05;
	display:block;
	float:left;
}

#form input#name, #form input#email, #form input#phone {
	width:400px;
}

form textarea#enquiry {
	width:404px;
	height:100px;
}

input#submit {
	background:url(images/btn-send.png) no-repeat 0 top;
	width:120px;
	height:40px;
	border:0;
	font-size:0;
	line-height:0;
	cursor:pointer;
}

input#submit:hover {
	background:url(images/btn-send.png) no-repeat 0 bottom;
}