/* Global reset */

/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }

table { border-collapse:collapse; border-spacing:0 }

fieldset, img { border:0 }

address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }

ol, ul, 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:''}

/* Global reset-RESET */

/* The below restores some sensible defaults */

strong { font-weight:bold }

em { font-style:italic }

a img { border:none } /* Gets rid of IE's blue borders */

/* ----------------------------- font faces ----------------------------- */

@font-face {
	font-family: Museo Sans;
	src: url('fonts/MuseoSans-300_0.otf');
}

@font-face {
	font-family: Museo Sans 300 Italic;
	src: url('fonts/MuseoSans-300Italic_0.otf');
}

@font-face {
	font-family: Trajan Pro;
	src: url('fonts/TrajanPro-Regular.otf');
}

@font-face {
	font-family: Trajan Pro;
	src: url('fonts/TrajanPro-Regular.otf');
}

/* ----------------------------- general ----------------------------- */

body {
	font-family: Museo Sans, sans-serif;
	font-size: 17px;
	line-height: 1.5;
	color: #023156;
	background-image: url(img/bg.png);
	background-repeat: repeat-x;
	background-color: #b7dcf4;
	margin: 0;
	padding: 0;
}

	#header {
		width: 960px;
		margin: 25px auto 0;
	}

	#nav_holder {
			float: right;
	}

		#navigation {
			margin-top: 85px;
			width: 500px;
			height: 68px;
			background-image: url(img/nav_bg.png);
			background-repeat: no-repeat; 
			float: right;
		}

#content {
	width: 960px;
	margin: 0 auto;
}

	#changer {
		float: left;
		width: 980px;
		height: 420px;	
		background-image: url(img/banner_bg.png);
		background-repeat: no-repeat; 
	}
	
		#changer_text {
			float: left;
			width: 306px;
			height: 360px;	
			margin: 30px;
		}
		
		#changer_text p {
			margin-bottom: 10px;
			color: #7995ac;
		}
		
	.document {
		width: 306px;
		height: 70px;
		margin-top: 10px;
	}

	.icon {
			width: 64px;
			height: 64px;
			float: left;
			margin-right: 10px;
	}
	
	.document_link_types {
			float: left;
			margin-top: 15px;
	}
	
	.document_link_application {
			width: 200px;
			float: left;
			margin-top: 3px;
	}
	
	
	#mainContent {
		width: 960px;
		float: left;
		margin-left: 10px;
	}
	
	.line {
		margin-top: 10px;
		margin-bottom: 20px;
		height: 2px;
		background-image: url(img/line.png);
		background-repeat: no-repeat;
		clear: both;
	}
	
	.left {
		float: left;
		width: 306px;
		height: 300px;
		margin-right: 20px;
		margin-bottom: 20px;
		text-align: justify;
	}
	
	.middle {
		float: left;
		width: 306px;
		height: 300px;
		margin-right: 20px;
		margin-bottom: 20px;
		text-align: justify;
	}
	
	.right {
		float: left;
		width: 306px;
		height: 300px;
		margin-bottom: 20px;
		text-align: justify;
	}
	
		.left p, .middle  p, .right p {
			margin-top: 10px;
			text-shadow: 0px 1px 0px #fff;
		}
		
		#google_frame {
			margin-top: 10px;
			border: 10px solid #fff;
			-webkit-box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, .15);
			-moz-box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, .1);
			box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, .1); 
		}
		
		#google_frame_contact {
			float: right;
			margin-top: 10px;
			margin-right: 60px;
			border: 10px solid #fff;
			-webkit-box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, .15);
			-moz-box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, .1);
			box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, .1); 
		}
	
	h1 {
		font-family: Trajan Pro, sans-serif;
		font-size: 24px;
		font-weight:bold;
		text-shadow: 0px 1px 0px #fff;
	}
	
	h2 {
		font-family: Trajan Pro, sans-serif;
		font-size: 16px;
		font-weight:bold;
		text-shadow: 0px 1px 0px #fff;
	}
	
	h3 {
		float: right;
		margin-top: 10px;
		font-size: 24px;
		text-shadow: 0px 1px 0px #fff;
	}
	
#footer {
	width: 980px;
	height: 87px;
	padding-top: 30px;
	padding-left: 25px;
	color: #7995ac;
	clear: both;
	background-image: url(img/footer.png);
	background-repeat: no-repeat;
	margin: 0 auto;
}

	#copyright {
		float: left;
		margin-right: 100px;
	}
	
	#phone {
		float: left;
		margin-right: 20px;
	}
	
	#telephone {
		float: left;
		margin-right: 80px;
	}
	
	#mobile {
		float: left;
		
	}
	
a { 
	text-decoration: none;
	color: #023156;
	text-shadow: 0px 1px 0px #fff;
}

a:hover{ 
	color: #fff;
	text-shadow: 0px 1px 0px #023156;
}

input{
	padding: 5px;
	margin-bottom: 10px;
}

.error {
  color: red;
}

textarea {
  padding: 5px;
  margin-bottom: 10px;
}
	
/* ----------------------------- navigation menu ----------------------------- */

/* Everything CSS Sprite Menu */
	ul#menu{margin:0; padding:0; list-style:none; clear:both;}
		#menu li{overflow:hidden; text-indent:-9999px; display:inline; float:left;}
			#menu li a{background:url('img/menu.png') no-repeat; width:100%; height:100%; display:block; }

			/* Home Button */
			#menu li.home{width:79px; height:25px; margin-right: 37px;}
				#menu li.home a{background-position:0 0;}
				#menu li.home a:hover{background-position:0 -25px;}
				#menu li.home a.selected{background-position:0 -50px;}
				
			/* Services Button */
			#menu li.services{width:114px; height:25px; margin-right: 37px;}
				#menu li.services a{background-position:-131px 0;}
				#menu li.services a:hover{background-position:-131px -25px;}
				#menu li.services a.selected{background-position:-131px -50px;}
				
			/* Contact Us Button */
			#menu li.contactus{width:163px; height:25px; margin-right: 0;}
				#menu li.contactus a{background-position:-297px 0;}
				#menu li.contactus a:hover{background-position:-297px -25px;}
				#menu li.contactus a.selected{background-position:-297px -50px;}
				
/* --------------------------------------------- content slider --------------------------------------------- */
/** 
 * Slideshow style rules.
 */
#slideshow {
	margin:20px auto;
	width:980px;
	height:380px;
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:940px;
  height:380px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}

#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:920px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:380px;
}

.slider_text {
	width: 290px;
	margin-left: 25px;
	margin-right: 10px;
	margin-top: 10px;
	float: left;
}
	.slider_text p {
		margin-bottom: 10px;
		color: #7995ac;
	}

.slider_image {
	width: 590px;
	height: 360px;
	float: left;
	margin-top: 10px;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:50px;
  height:380px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:-10px;
  background:transparent url(img/control_left.png) no-repeat 0 0;
  position:absolute;
  z-index:1;
  
}
#rightControl {
  top:0;
  right:-10px;
  background:transparent url(img/control_right.png) no-repeat 0 0;
}

/** 
 * Style rules for Demo page
 */


.slide img {
  border: none;
  margin: 0;
}