/*----------
		ELEC PROTECT
----------*/
@import url("reset.css");

/*----------	LaYoUT STYLeS	----------*/
body {
	color: #2A5986;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	background: #90D2F7 url(../images/core/bg.jpg) repeat-x top center;
}

#container { margin: 0 auto 10px auto; width: 920px; }
#container-shadow { background: url(../images/core/bg-shadow.gif) repeat-y center top; }
#container-shadow-gradient { width: 920px; background: url(../images/core/bg-gradient-shadow.gif) no-repeat top center; }

#content-container { width: 900px; padding: 0 10px; text-align: left; }

.column-left { width: 280px; margin: 30px 20px; }
.column-right { width: 570px; margin-top: 30px; }


/*----------	CoMMoN STYLeS	----------*/
a { color: #F50000; text-decoration: none; }
a:hover { text-decoration: underline; }
strong { font-weight: bold; }
p { margin: 15px 30px 20px 2px; }
ul { list-style: square; display: block; margin-right: 30px; }
ul li { margin-left: 25px;  }

.clear { display: block; clear: both; }
.hidden { display: none; }
.left { float: left; }
.right {float: right; }

#text { margin-right: 0px; }
img#title { margin: 0px 0 10px 0; }
img#inner_photos { float: right; margin: 20px; }

/*----------	HeaDeR STYLeS	----------*/
#header { position: relative; height: 170px; width: 900px; }
#header #flash { position: absolute; top: 0px; left: 10px; }
#header img#logo { position: absolute; top: 10px; left: 145px; }
#header img#slogan { position: absolute; top: 32px; left: 470px; }


/*----------	NaVIGaTIoN STYLeS	----------*/
#nav { position: absolute; left: 328px; top: 127px; height: 43px; }
#nav ul { list-style-type: none; margin: 0; }
#nav ul li { float: left; display: inline; margin: 0; }
#nav ul li a { display: block; height: 43px; }
#nav ul li a:hover { background-position: 0 -43px !important; }
#nav ul li#home a { background: url(../images/nav/home.gif) no-repeat top center; width: 69px; }
#nav ul li#how a { background: url(../images/nav/how.gif) no-repeat top center; width: 195px; }
#nav ul li#installation a { background: url(../images/nav/installation.gif) no-repeat top center; width: 195px; }
#nav ul li#contact a { background: url(../images/nav/contact.gif) no-repeat top center; width: 87px; }

body.home #nav ul li#home a, body.how #nav ul li#how a, body.installation #nav ul li#installation a, body.contact #nav ul li#contact a { background-position: 0 -43px !important; }


/*----------	CTa STYLeS	----------*/
#cta_picture { width: 240px; height: 300px; display: block; }
body.home #cta_picture { background: url(../images/core/cta_picture.jpg) no-repeat; }
body.how #cta_picture { background: url(../images/core/cta_picture1.jpg) no-repeat; }
body.installation #cta_picture { background: url(../images/core/cta_picture2.jpg) no-repeat; }
body.contact #cta_picture { background: url(../images/core/cta_picture3.jpg) no-repeat; }
#cta p { margin-left: 13px; }
#bold-color { color: #06335D; }
img#quote { margin: 35px 0 0 0; }

/*----------	aUTHoRISeD STYLeS	----------*/
#authorised-agents { width: 550px; margin: 30px 0; border: 5px solid #F4F4F4; background-color: #E5E5E5; }
#authorised-agents p { margin: 10px; }
#authorised-agents img { float: right; margin: 5px 5px 5px 10px; border: 5px solid #FFFFFF; }

/*----------	LoGoS STYLeS	----------*/
#logos { _margin-left: 5px; width: 900px; background-color: #F4F4F4; }
#logos img { margin: 5px 6px; }


/*----------	FooTER STYLeS	----------*/
#footer { width: 870px; _margin-left: 5px; background-color: #074884; color: #90D2F7; padding: 15px; font-size: 11px; }
#footer p { margin: 0 25px; padding: 0; }
#footer a { color: #90D2F7; }
#footer #copyright { color: #FFFFFF; margin-left: 30px; }
#footer img#webfirm { float: right; margin: 0 20px; }