/*
Theme Name: Telogis for Wordpress
Theme URI: http://www.telogis.com/
Description: The default WordPress theme for Telogis.com
Version: 1
Author: Scott Buckland
*/

body {
	background: none;
}

html {
	background-position: 0 7px;
}

#header {
	background: none;
	border-bottom: 3px solid white;
	text-indent: -10000px;
	position: relative;
    height: 389px;
}

.half-black {
	height: 49px;
}

#header .wrap {
	width: 1000px;
	margin-top: -42px;
	background: url("/images/home/bg.jpg") no-repeat scroll center top transparent;
}
	
#header #platform, #header #fleet, #header #route, #header #progression, #header #mobile, #header #integration, #header #geobase {
    height: 382px;
	width: 993px;

}

#header #platform {
	background: url("/images/home/f-platform.jpg") no-repeat scroll center top transparent;
}

#header #fleet {
	display: none;
	background: url("/images/home/f-fleet.jpg") no-repeat scroll center top transparent;
}

#header #route {
	display: none;
	background: url("/images/home/f-route.jpg") no-repeat scroll center top transparent;
}

#header #progression {
	display: none;
	background: url("/images/home/f-progression.jpg") no-repeat scroll center top transparent;
}

#header #mobile {
	display: none;
	background: url("/images/home/f-mobile.jpg") no-repeat scroll center top transparent;
}

#header #integration {
	display: none;
	background: url("/images/home/f-integration.jpg") no-repeat scroll center top transparent;
}

#header #geobase {
	display: none;
	background: url("/images/home/f-geobase.jpg") no-repeat scroll center top transparent;
}

#header h1 a {
	position: absolute;
	display:block;
	height:343px;
	left:0px;
	text-indent:-100000px;
	width:1000px;
	top:0px;
}

#header .liveDemo {
    bottom: 76px;
    display: block;
    height: 49px;
    left: 298px;
    position: absolute;
    text-indent: -100000px;
    width: 163px;
}

#header .solutions {
    bottom: 76px;
    display: block;
    height: 49px;
    left: 104px;
    position: absolute;
    text-indent: -100000px;
    width: 163px;
}

h2 {
	font-size: 1.3em;
}

#content {
	background: #f2f2f2;
	border-bottom: none;
}

	#content-inner {
		float: none;
		width: 1000px;
		padding: 0;
	}
	
	#content-inner ul.articles {
		margin-top: 0;
		margin-bottom: 0;
	}
	
	#content-inner ul li {
		margin-bottom: 0;
	}
	
	ul.articles li {
		float: left;
		width: 282px;
		padding: 0 26px;
		margin: 0;
		list-style: none;
		height: 295px;
	}
	
	ul.articles li p {
		font-size: 0.9em;
		line-height: 1.8em;
		color: #373737;
	}
	
	ul.articles li.articleOne {
		background: url('images/template/front-article-route.jpg') no-repeat center bottom;
		padding-left: 0;
		border-right: 3px solid #fff;
	}

	ul.articles li.articleTwo {
		background: url('/images/template/front-article-progression.jpg') no-repeat center bottom;
	}
	
	ul.articles li.articleThree {
		background: url('images/template/front-article-green.jpg') no-repeat center bottom;
		padding-right: 0;
		border-left: 3px solid #fff;
	}
	
	ul.articles h2 {
		margin-top: 1.5em;
	}
	
	ul.articles li a.more {
		float: right;
		background: url('images/template/read-more-arrow.png') no-repeat right;
		color: #009aff;
		text-decoration: none;
		padding-right: 12px;
	}
	
	#sub-nav {
		float: left;
		margin: 25px 0 0 25px;
		width: 255px;
	}
	
#content-lower {
	clear: both;
	background: #ffffff;
	height: 135px;
}

	#content-lower img {
		margin: 25px;
	}

fieldset {
	margin-top: 2em;
	}
	
#footer .wrap .news {
	border-top: 1px #e4e4e4 solid;
	height: 130px;
	padding: 10px 0;
	font-size: 0.9em;
	color: #454545;
	margin: 0 26px;
}
	
#newsletter {
	width: 282px;
	float: left;
	position: relative;
}

#newsletter p {
	line-height: 1.2em;
	margin-bottom: 0.5em;
	padding-top: 0.5em;
}

#newsletter label.error {
	position: absolute;
	left: 0;
	width: 282px;
	bottom: -1.5em;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

#footer form fieldset {
	border: none;
	background: none;
	margin: 0;
	padding: 0;
}

#footer .wrap .news legend {
	color: #000000;
	border: none;
	background: none;
	margin: 0;
	padding: 0 0 0.5em 0;
	}

#newsemail {
	background-color: #ffffff;
	border: 2px solid #cccccc;
	padding: 5px;
	width: 155px;
	color: #999999;
}
	
#email-subscribe {
	border: 2px solid #cccccc;
	background: #eeeeee;
	color: #000000;
	padding: 3px;
	font-weight: bold;
	margin-left: 5px;
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
}

#newsemail:focus, #email-subscribe:focus {
	border-color: #f7ad3f;
}

#latest-news {
	float: left;
	margin-left: 48px;
	width: 618px;
	}
	
	#latest-news h3, #newsletter h3  {
		margin-bottom: 0.5em;
		color: #000000;
		font-size: 1.3em;
		font-weight: bold;
	}
	
		#latest-news h3 a, #newsletter h3 a {
			text-decoration: none;
			color: #000000;
		}
		
		#latest-news h3 a:hover {
			text-decoration: underline;
		}
		
		#latest-news .article a {
			font-size: 0.9em;
		}

#switchnav {
    bottom: 0;
    display: block;
    position: absolute;
    right: 245px;
    text-indent: -100000px;
    width: 515px;
    z-index: 9;
}

#switchnav a {
	display:block;
	float:left;
	height:49px;
	line-height:19px;
	margin:0 2px;
	text-align:center;
	text-decoration:none;
	width:53px;
	color: #333333;
	position: relative;
	z-index: 6;
	background-position: center bottom;
	background-repeat: no-repeat;
	outline: none;
}

a.previous, a.next {
	text-indent: -10000px;
	display:block;
	width: 35px;
	height: 49px;
	float: left;
}

#resumePlay a {
	text-decoration: none;
}

.wrap-relative {
	margin: 0 auto;
	width: 1000px;
	position: relative;
}