/*----------
	Focus For A Change - CSS Document 
----------*/

@import url("reset.css");

/*----------	LaYoUT STYLeS	----------*/
body {
	font: 62.5%/1.8em Verdana, Arial, Helvetica, sans-serif;
	background: #C9C9C9 url(../images/core/bg.gif) repeat-x top left;
}

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

#container {
	width: 900px;
	padding: 0 5px;
	font-size: 1.1em;
	background: url(../images/core/shadow.gif) no-repeat top;
}

#content {
	width: 690px;
	padding-top: 20px;
	background: #FFFFFF url(../images/core/content-bg.gif) repeat-y top;
}

#left-column {
	width: 210px;
	background: #000000 url(../images/core/logo-bg.gif) no-repeat left top;
}

#right-column {
	width: 690px;
	background-color: #FFFFFF;
}

#text {
	width: 480px;
	margin-left: 30px;
	_margin-left: 15px;
}

#text2 {
	width: 600px;
	margin-left: 30px;
}

/*----------	LoGo STYLeS	----------*/
#logo { margin: 25px 0 25px 47px; }


/*----------	LoGo STYLeS	----------*/
#banner {
	width: 690px;
	height: 351px;
	position: relative;
	background: url(../images/core/banner.jpg) no-repeat;
}

#banner img#BlueDot {
	position: absolute;
	top: 176px;
	left: 569px;
}

#banner #RotatingImages {
	position: absolute;
	width: 145px;
	height: 115px;
	top: 72px;
	left: 44px;
}

#banner #RotatingImages img {
	display: none;
}

#banner #RotatingImages img#first {
	display: block;
}


/*----------	NaVIGaTIoN STYLeS	----------*/
#nav { }
#nav ul { list-style-type: none; }
#nav ul li { display: inline; }
#nav ul li a { height: 30px; display: block; width: 210px; }
#nav ul li a:hover { background-position: -210px 0 !important; }
#nav ul li#home a { background: url(../images/nav/home.gif) no-repeat; }
#nav ul li#profile a { background: url(../images/nav/profile.gif) no-repeat; }
#nav ul li#immobilisers a { background: url(../images/nav/immobilisers.gif) no-repeat; }
#nav ul li#alarms a { background: url(../images/nav/alarms.gif) no-repeat; }
#nav ul li#accessories a { background: url(../images/nav/accessories.gif) no-repeat; }
#nav ul li#contact a { background: url(../images/nav/contact.gif) no-repeat; }

.home li#home a, .profile li#profile a, .immobilisers li#immobilisers a, .alarms li#alarms a, .accessories li#accessories a, .contact li#contact a {
	background-position: -210px 0 !important;
}


/*----------	CoMMoN STYLeS	----------*/
a { color: #D1181F; text-decoration: underline; }
a:hover { text-decoration: none; }
img { border: none; }
h1 {
	display: block;
	color: #000000;
	font-size: 1.6em;
	font-weight: normal;
}
h2 { font-size: 1.3em; font-weight: bold; margin: 10px 0; }
strong { font-weight: bold; }
hr { border: none; border-bottom: 1px solid #0068AA; margin: 10px; }
p { margin: 20px 0; }
table { width: 95%; text-align: left; margin: 20px 0 10px 0px; padding: 0; }
th { border: 1px solid #CAC9C9;text-align: left; font-size: 1.3em; padding: 5px; font-weight: bold; }
td { border: 1px solid #CAC9C9; padding: 3px; vertical-align: middle; }

td p { margin: 0 30px; }
td.topTD { border: none; margin: 0; padding: 0; }
ul.list { margin: 10px 0; list-style-type: disc; }
ul.list li { margin: 0 0 0 50px; }
img.banner { margin: 12px 0 10px 10px; float: left; }
img.inner_photos { float: right; margin: 10px; }

.clear { display: block; clear: both; }
.hidden { display: none; }
.left { float: left; }
.right { float: right; }
.red, sup { color: #D1181F; }
.top { text-align: right; font-size: 0.9em; margin: 0px 15px 10px 0; }
.top2 { border-top: 1px solid #CAC9C9; text-align: right; font-size: 0.9em; margin: 10px 15px 0; }


/*----------	FeaTUReD STYLeS	----------*/
#featured {
	width: 130px;
	height: 250px;
	margin: 30px 20px 0 0;
	_margin-right: 10px;
	position: relative;
	background: url(../images/core/featured-bg.gif) no-repeat;
}

#featured-img {
	position: absolute;
	top: 80px;
	left: 5px;
}

#featured-img img {
	display: none;
}

#featured-img img#first {
	display: block;
}

#featured a {
	width: 110px;
	height: 35px;
	display: block;
	position: absolute;
	top: 190px;
	left: 5px;
}


/*----------	CTa STYLeS	----------*/
#cta { margin: 12px 0 10px 25px; }
#cta img { padding-bottom: 10px; }


/*----------	DeTaILS STYLeS	----------*/
#details {
	clear: both;
	height: 25px;
	color: #D5D5D5;
	text-align: center;
	background-color: #232323;
}

#details p { margin: 0; }


/*----------	FooTeR STYLeS	----------*/
div#footer {
	width:900px;
	height: 40px;
	font-size: 0.9em;
	background-color: #fff;
	margin:0 auto;
}


/*#footer-bottom {
	background: url(../images/core/footer-bg.gif) no-repeat bottom;
	clear: both;
	width: 910px;
	height: 10px;
	margin: 0 auto;
	display: block;
}*/

div#footer a { text-decoration: none;}	
div#footer a:hover { text-decoration: underline; }	
div#footer p { float: left; padding-left: 20px; margin: 10px 0 0px 0; }
div#footer img#wflogo { float: right; padding: 5px 20px 10px 0; border: none; }