@charset "utf-8";
/* CSS Document */

body, html {
height:100%;
}

.sntGroup {
	font:100% Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	background-color:#FFFFFF;

}


* html .sntGroup {
	font:120% Arial, Helvetica, sans-serif;
	font-size/**/:/**/large;
}

.sntGroup a img{border:0;}

#container {
text-align:left;
width:912px;
margin: 0 auto;
padding:0;
text-align: left;
border:1px solid #004B98;
border-width:0 1px 0 1px;
}

#Top,
#Content,
#Footer
{
width:910px;
float:left;
clear:both;
width:100%;
border:1px solid #004B98;
position:relative;
}


#Top {
	background-color:#FFFFFF;
	border-width:0px 1px 1px 1px;
	height:68px;	
}

	img.logo {
	
		float:left;
		margin:0;

		}
	img.logo_tuplex {
		width:234px;
	 	height:46px; 
		float:left;
		margin:0px 6px 14px 6px;
		}
		
	
		

#Content {
background-color:#E0E1EF;
background-image:url(images/content_small_bg.gif);
background-repeat:repeat-y;
border-top-width:0px;
}

	#Left {
	float:left;
	margin:0;
	padding:0;
	}
		#Content.index #Left{
			width:292px;
			padding:0 0 40px 0;
		}

		img.header { width:290px; height:270px; border-right: 1px solid #004B98}

		/*/////////// font styles ////////////*/

		#Left h1, #Left h2, #Left h3, #Left p {color:#FFFFFF; margin:0; padding:0;}
		#Left h1 {font-size:130%; font-weight:normal;}
		#Left p {font-size:70%; line-height:140%;}
	
		#Left h1 {font-size:130%; font-weight:normal;}
		
		#Left p a {color:#FFFFFF;}
		#Left p a:hover {color:#e1e1e1;}
			
		#Content.index #Left h1 {margin:1em 14px 0.5em 14px;}
		#Content.index #Left p {margin:1em 14px 0em 14px;}
		
		
	
		
	
	#Right {
	float:left;
	margin:0;
	padding:0;
	background-color:#E0E1EF;
	}
		#Content.index #Right{
			width:620px;
			padding:0 0 10px 0;
			border:none;
		}

		/*/////////// font styles ////////////*/

		#Right h1, #Right h2, #Right h3, #Right p {color:#004B98; margin:0; padding:0;}
		
		#Right h1 {font-size:130%; font-weight:normal;}
		
		#Right p {font-size:70%; line-height:140%;}
		#Right ul {
			color:#004B98;
			font-size:70%;
			line-height:140%;
			margin: 0px;
			padding-top: 0px;
			padding-right: 0px;
			padding-bottom: 0px;
			padding-left: 1.4em;
		}
		
		#Right ul ul{
			font-size:100%;
			line-height:140%;
			margin: 0px;
			padding-top: 0px;
			padding-right: 0px;
			padding-bottom: 0px;
			padding-left: 0.5em;
		}
		
	
		#Right h1 {font-size:130%; font-weight:normal; color:#004B98; }
		#Right h2 {font-size:110%; font-weight:normal; color:#004B98;}
		#Right h3 {font-size:90%; font-weight:normal; color:#004B98;}
		
		#Right p a, #Right ul a {color:#004B98;}
		
		#Content.index #Right hr {
		font-size:0;
		display:block;
		line-height:0;
		width:100%;
		clear:both;
		height:2px;
		padding:0;
		margin:10px 0 0 0;
		border:1px solid #004B98;
		/**/border-color:#E0E1EF;
		border-width:0 0 1px 0;
		background-color:#E0E1EF;}
		#Content.index #Right img.contentImage, #Content.index #Right div.contentDiv {float:right; margin:0.5em 10px 1em 10px; clear:both; border:1px solid #004B98; }

		#Content.index #Right img.normalImage {margin:0.5em 20px 0em 20px; padding:0;}
		
		#Content.index #Right h1 {margin:0.5em 20px 0.5em 20px;}	
		#Content.index #Right h2 {margin:0.5em 20px 0.5em 20px;}
		#Content.index #Right h3 {margin:1em 20px 0em 20px; padding:0;}
		#Content.index #Right h2 a, #Content.index #Right h2 a:visited{color:#004B98; text-decoration:none;}
		#Content.index #Right h2 a:hover{color:#6597cc; text-decoration:none;}
		#Content.index #Right p {margin:1em 20px 0em 20px;}
		#Content.index #Right ul {margin:0em 20px 0em 20px;}
	
		#Content.index #Right h1.thin, #Content.index #Right h2.thin, #Content.index #Right p.thin, #Content.index #Right ul.thin {margin-right:230px}

		#Content.index #Right #flashcontent {margin:0em 20px 0em 20px;}
		
		
#Footer {
	text-align:center;
	margin:0;
	padding:0;
	font-size:70%;
	background-color:#FFFFFF;
	border-top-width:0px;
}
	
#Footer p { 
	margin:0;
	line-height:100%;
	padding:1em 15px 1em 15px;
	color:#004B98;
}

#Footer a, #footer a:visited{
color:#004B98;
text-decoration:none;
}
.sntGroup #container #Content #Right table.specTable, .sntGroup #container #Content #Right table.specTableWide {
	padding:0;
	margin-top: 1em;
	margin-right: 20px;
	margin-bottom: 1em;
	margin-left: 20px;
	font-size: 70%;
	color: #004B98;
	border: 1px solid #004B98;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	width: 250px;
}
.sntGroup #container #Content #Right table.specTableWide
{
	width: 480px;
}

.sntGroup #container #Content #Right table.specTable th, .sntGroup #container #Content #Right table.specTable td,
.sntGroup #container #Content #Right table.specTableWide th, .sntGroup #container #Content #Right table.specTableWide td
{
	text-align:left;
	padding: 0.4em;
	margin: 0px;
	border: 1px solid #004B98;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
}

.sntGroup #container #Content #Right table.specTable th,
.sntGroup #container #Content #Right table.specTableWide th
{
color:#FFFFFF;
background-color:#004B98;
font-weight:normal;

}

.sntGroup #container #Content #Right table.specTable ul, .sntGroup #container #Content #Right table.specTableWide ul
{
	font-size:100%;
	line-height:140%;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 1.4em;
}


/*////CONTACT FORM//////*/
#contactForm {
float:left;
width:100%;
}

.red {color:#004B98;}

#contactForm label.short {
	margin: 0 0 0.5em 0;
	clear:both;
	float:left;
	display:block;
	width:100%;
}

#contactForm label.long {
	margin: 0 0 0.5em 0;
	display:block;
	width:100%;
}



#contactForm input.textfield, #contactForm .textarea, #contactForm .select {
float:left;
width: 200px;
}

#contactForm input.checkbox{
float:left;
margin:0 10px 0 20px;
}

#contactForm span.formLabelLong {
	display:block;
	text-align: left;
	margin:4px 4px 0 0;
	overflow:hidden;
}


#contactForm span.formLabel {
	display:block;
	width:130px;
	float:left;
	text-align: right;
	clear: both;
	margin:4px 4px 0 0;
	overflow:hidden;
}





#contactForm .errorMsg {font-weight:bold; color:#CC0000;}

/*/////////////////*/


.sntGroup  #container  #Content  #Right #gallery {width:400px; float:left; clear:both; margin:2em 20px 1em 20px; padding:0;}
.sntGroup  #container  #Content  #Right #gallery img {float:left;}

.tempText {color:#339900; font-weight:bold;}


/*/////////////////*/


.googleMap {
border:1px solid #E5E5E5;
padding:2px;
width: 300px;
height: 500px;
margin:10px;
float:right;
}


.mapContainer {
width:300px;
padding:4px;
margin-bottom:1em;
border:1px solid #663300;
}
#map_canvas { height: 500px; width:300px;  }

#map_canvas div{
line-height:100%;
}