/* Start of CMSMS style sheet 'style' */
* { padding: 0; margin: 0; outline: none }

body {
	font: 12px Arial, Helvetica, sans-serif;
	background: url(images/bg-body.jpg) repeat-x
}


/* SKELETON
--------------------------------------------------*/
#container {
	width: 974px;
	margin: 0 auto
}

#header {
	width: 964px; height: 25px;
	color: #FFF;
	text-align: right;
	padding: 25px 10px 0 0
}

#navigation {
	width: 100%; height: 42px;
	background: #FFF url(images/bg-navigation.jpg) repeat-x
}

#banner {
	width: 100%; height: 250px;
	background: #FFF
}

#teaser {
	width: 965px; height: 133px;
	background: #000;
	margin-bottom: 25px; padding: 10px 4px 0 5px
}

#middle {
	width: 943px;
	background: url(images/bg-divider.jpg) repeat-y;
	padding: 0 20px 0 10px; margin-bottom: 50px
}

#left-col {
	width: 250px;
	float: left
}

#right-col {
	width: 653px;
	float: right
}

#footer {
	width: 100%; height: 100px;
	color: #666;
	border-top: 2px solid #F6F6F6;
	padding-top: 20px
}

#copyright {
	width: 210px;
	float: left
}
	#copyright img { margin-right: 10px; float: left }
	#copyright p { width: 164px; font-size: 11px; padding-top: 15px; float: left }

#footer-navigation {
	width: 365px;
	padding: 29px 0 0 90px;
	float: left
}
	#footer-navigation a { color: #666; text-decoration: none }
	#footer-navigation a:hover { text-decoration: underline }

#webdesign-by {
	width: 210px;
	font: 10px Arial, Helvetica, sans-serif;
	padding: 29px 0 0 79px;
	float: left
}
	#webdesign-by p { float: left }
	#webdesign-by img { position: relative; top: -7px; float: right }

/* NAVIGATION
--------------------------------------------------*/
#navigation ul li { list-style: none; float: left }
#navigation ul li a { text-indent: -10000px; float: left }
#navigation ul li a:hover { background-position: bottom }
#navigation ul li .active { background-position: 0px 80px !important }

#home {
	width: 96px; height: 40px;
	background: url(images/nav-home.jpg)
}

#mission {
	width: 106px; height: 40px;
	background: url(images/nav-mission.jpg)
}

#services {
	width: 112px; height: 40px;
	background: url(images/nav-services.jpg)
}

#clients {
	width: 102px; height: 40px;
	background: url(images/nav-clients.jpg)
}

#downloads {
	width: 128px; height: 40px;
	background: url(images/nav-downloads.jpg)
}

#contact-us {
	width: 126px; height: 40px;
	background: url(images/nav-contact-us.jpg)
}


/* TEASER
--------------------------------------------------*/
#teaser div {
	width: 172px; height: 120px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #656565;
	border-right: 1px solid #333;
	padding: 0 10px 0 10px;
	float: left
}

#teaser .no-border { border: 0 }

#teaser a {
	color: #FFF;
	text-decoration: underline;
	text-indent: -10000px;
	float: left
}

#teaser p { float: left }

#electronics a {
	width: 172px; height: 53px;
	background: url(images/bg-alarm-monitoring.jpg) no-repeat;
}

#maintenance a {
	width: 172px; height: 53px;
	background: url(images/bg-maintenance.jpg) no-repeat
}

#fire a {
	width: 172px; height: 53px;
	background: url(images/bg-fire.jpg) no-repeat
}

#cleaning a {
	width: 172px; height: 53px;
	background: url(images/bg-cleaning.jpg) no-repeat
}

#security a {
	width: 172px; height: 53px;
	background: url(images/bg-security.jpg) no-repeat
}


/* MISCELLANEOUS
--------------------------------------------------*/
.clearfix {
	font-size: 0;
	line-height: 0;
	clear: both
}

a { color: #3d9ab4; text-decoration: none }

a:hover { color: #3d9ab4; text-decoration: underline }

img { border: 0 }

h1 {
	font: 18px Arial, Helvetica, sans-serif;
	color: #000;
	margin-bottom: 11px
}

h2 {
	font: 18px Arial, Helvetica, sans-serif;
	color: #000;
	margin-bottom: 18px
}

#banner a {
	position: relative; left: 50px; top: 40px
}

#right-col li {
	background: url(images/bg-plus.jpg) no-repeat 0px 4px;
	list-style: none;
	padding: 0 0 10px 17px
}

#left-col {
	font: 11px Arial, Helvetica, sans-serif;
	color: #656565
}

#left-col a {
	color: #0b698f
}

#left-col li {
	font-size: 12px;
	background: url(images/bg-arrow.gif) no-repeat 1px 1px;
	list-style: none;
	padding: 0 0 10px 23px
}

#left-col li a { text-decoration: underline }

#contact-info {
	width: 250px;
	padding: 15px 0 0 24px
}

#header input {
	border: 1px solid #CCC
}


/* NEWS
--------------------------------------------------*/
.NewsSummary {
	margin-bottom: 14px
}

.date {
	font-size: 12px;
	color: #0b698f;
	font-style: italic;
	margin-bottom: 3px
}

.NewsSummary .title a {
	font-size: 12px;
	color: #000 !important;
	font-weight: bold
}

.NewsSummary .more a {
	font-style: italic;
	text-decoration: underline;
	text-transform: lowercase;
}


/* NEWS ROOM
--------------------------------------------------*/
td { text-align: center; padding-bottom: 30px }



/* DOWNLOADS
--------------------------------------------------*/
.downloads {
	width: 100%
}

.downloads h3 {
	text-align: center;
	border-bottom: 1px solid black;
	margin: 1em 0.5em 0.5em !important;
	text-align: right
}

.downloads h4 {
	text-align: center;
	border-bottom: 1px dotted black;
	margin: 1em 0.5em 0.5em !important;
	text-align: right;
	font-size: 1.1em
}
.downloads h5 {
	text-align: center;
	border-bottom: 1px dotted black;
	margin: 1em 0.5em 0.5em !important;
	text-align: right;
	font-size: 1em
}

.downloads .file {
	margin:2px;
	padding:5px
}

.downloads .description {
	width: 80%
}

.downloads .icons {
	display: block;
	float:right
}

.downloads .small {
	font-size: 0.8em
}

.downloads .title {
	font-size: 1.1em;
	background-color: #FFF;
	width: 80%;
	text-align:center
}
.downloads p {
	padding:0; margin:0
}

.downloads .row1 {
	background-color: #ddd
}

.downloads .row2 {
	background-color: #bbb
}


/* CONTACT US
--------------------------------------------------*/
#contact-middle {
	width: 943px;
	background: url(images/bg-divider.jpg) 152px 0px repeat-y;
	padding: 0 20px 0 10px; margin-bottom: 50px
}

#contact-left-col {
	width: 400px;
	float: left
}

#contact-right-col {
	width: 500px;
	float: right
}

.contactform div {
	width: 500px;
	color: #000;
	padding: 0 0 11px 0
}

.contactform label {
	width: 100px;
	font-size: 11px;
	text-align: left;
	display: block;
	position: relative; top: 4px;
	float: left;
}

.contactform input {
	width: 35%;
	color: #000;
	background: #FFF;
	border: 1px solid #969696;
	padding: 2px
}

.contactform select{
	width: 181px !important;
	color: #000;
	background: #FFF;
	border: 1px solid #969696;
	padding: 2px
}
	.contactform input.checkbox {border: none;}

.contactform select {
	width: 45%;
	border: 1px solid #969696
}

.contactform textarea {
	width: 100%; height: 176px;
	font: 12px/13px Arial, Helvetica, sans-serif;
	color: #000;
	background: #FFF;
	border: 1px solid #969696;
	padding: 2px
}

.contactform .error_message {
	width: 400px !important;
	font-size: 10px;
	color: red;
	padding: 0 0 0 100px !important;
	position: relative; top: -5px
}

.formbuilderform .message {
	line-height: 16px;
	padding: 0 0 8px 0;
}

.captcha {
	padding: 10px 0 11px 0px !important
}

.captcha-image {
	width: 400px !important;
	padding: 0 0 0 100px !important
}

.captcha-image img {
	width: 90px; height: 22px;
	position: relative; left: 191px; top: -33px
}

.submit {
	padding: 10px 0 0 0 !important
}

.submit input {
	width: 119px; height: 18px;
	font: 12px/13px Arial, Helvetica, sans-serif;
	background: #ffcc66;
	padding: 0px;
	border: 2px solid #ff9933;
	cursor: pointer;
	float: right
}
/* End of 'style' */