/**************************
Global styles
***************************/
* { 
margin: 0; 
padding: 0; 
}  

body {
margin: 0; 
color: #000; 
font-family: Arial, sans-serif; 
font-size: 100%;
text-align: center;
background-color:#FFF !important;
}

img,a img {
border: none;
}

.hide {
position: absolute;
left: -1500px;
width: 990px;
font-size:1px; 
}


.clear {
clear:both !important;
overflow:hidden !important;
margin:0 !important;
padding:0 !important;
border:0 !important;
font-size:1px !important;
height:1px !important;
width:1px !important;
}

#wrap {
position: relative;
clear: both;
width: 950px;
margin-left: auto !important;
margin-right: auto !important;
padding: 0;
color: #000;
}




/**************************
Banner 
***************************/
#cmsBanner {
width: 950px;
color: #FFF;
min-height: 90px;
height: auto !important;
height: 90px;
text-align: left;
border-bottom: 0px solid #ccc;
}

	#identity {
	float: left;
	width: 100px;
	margin: 0;
	padding: 0;
	min-height: 90px;
	height: auto !important;
	height: 90px;
	}
		div#cmsBanner h1,
		div#cmsBanner p {
		position: absolute;
		left: -1500px;
		width: 990px;
		font-size:1px; 
		}
		div#cmsBanner .loopbannerlogo {
		margin: 5px 0 0 0;
		width: 55px;
		height: 83px;
		border: 1px;
		}
		
	
	
	#navigationTabs {
	background-color:#fff;
	float: left;
	width: 400px;
	margin: 65px 0 0 450px;
	padding: 0;
	}
	*html #navigationTabs {
	margin: 65px 0 0 275px;
	}
	html>/**/body #navigationTabs, x:-moz-any-link, x:default { width: 410px;margin: 65px 0 0 440px; }
	
		div#navigationTabs ul {
		margin: 0px 0px 0px 0px !important;
		padding: 0px 0px 0px 0px !important;
		list-style: none;
		list-style-position: inside;
		font-weight: normal;
		text-align: right !important;
		display: inline;
		}
			div#navigationTabs ul li {
			float: left;
			margin: 0px;
			padding: 0px 25px;
			color: #FFF;
			text-align: right !important;
			}
				div#navigationTabs ul li a,
				div#navigationTabs ul li a:visited {
				font-size: 0.75em;
				font-weight: normal;
				color: #999;
				background-color: #fff;
				text-decoration: none;
				}
					div#navigationTabs ul li a:hover {
					color: #f00;
					background-color: #fff;
					}
				div#navigationTabs ul li.last {
				padding: 0px 0px 0px 25px !important;
				}	
			div#navigationTabs ul li.sel {
			color: #000;
			background-color: #fff;
			}
				div#navigationTabs ul li.sel a,
				div#navigationTabs ul li.sel a:visited {
				color: #f00;
				text-decoration: none;
				}
					div#navigationTabs ul li.sel a:hover {
					background-color: #fff;
					}
				

		









/**************************
Main Layout
***************************/
div#main {
float:left;
width:100%;
margin: 0px 0 0 0;
padding: 0;
line-height:1.4;
background-color: #f3f3f3;
min-height: 650px;
height: auto !important;
height: 650px;
}
	div#left {
	float:left;
	width:190px;
	margin: 70px 0px 40px 70px !important;
	padding: 0 0 0 0px !important;
	}
	*html div#left {
	margin: 40px 25px 0 35px !important;
	}
	div#triSpot {
	width:810px;
	float:left;
	margin: 0px 70px 0px 70px !important;
	padding: 0 0 0 0px;
	text-align: left;
	border-bottom: 0px solid #fff;
	font-size: 0.75em;
	}
	*html div#triSpot {
	margin: 40px 0px 0 35px !important;
	}
	div#contentTri {
	width:500px;
	float:left;
	margin: 30px 30px 40px 70px !important;
	padding: 0 0 0 15px;
	text-align: left;
	border-left: 1px solid #fff;
	font-size: 0.75em;
	}
	div#content {
	width:500px;
	float:left;
	margin: 70px 30px 40px 70px !important;
	padding: 0 0 0 15px;
	text-align: left;
	border-left: 1px solid #fff;
	font-size: 0.75em;
	}
	div.subspot {
	min-height: 200px !important;
	height: auto !important;
	height: 200px !important;
	}
	*html div#content {
	margin: 40px 15px 40px 35px !important;
	}
		div.contenth {
		min-height: 30px !important;
		height: auto !important;
		height: 30px !important;
		}
	div#home{
	width:690px;
	float:left;
	margin: 0px 30px 0 0px;
	text-align: left;
	}
	div#right {
	float:right;
	width:230px;
	margin:70px 50px 0 0;
	}
	*html div#right {
	margin: 70px 25px 0 0 !important;
	}








/**************************
Right Column
***************************/
div#left div.box {
width:190px;
margin: 0;
padding: 0;
text-align: left;
}
	
	div#left div.box img {
	width: 190px;
	border: 1px solid #fff;
	margin: 0 0 15px 0;
	padding: 0px;
	}
		div#left div.box img.last {
		margin: 0 0 0px 0 !important;
		}










/**************************
Right Column
***************************/
div#right div.box {
width:230px;
margin: 0;
padding: 0;
text-align: left;
}
	
	/* plain list */
	div#right div.box h2 {
	font-size: 1.0em;
	color: #f00;
	font-weight:normal;
	margin: 0px 0px 5px 0px !important;
	padding-top: 0px;
	border-bottom: 1px solid #fff;
	}
	div#right div.plain p {
	margin: 0px 0px 0px 0px;
	padding: 0 0 0px 0;
	color:#000;
	font-size: 0.75em;
	}
	div#right div.plain a,
	div#right div.plain a:visited {
	color: #f00;
	text-decoration: none;
	}
		div#right div.plain a:hover {
		color: #999;
		}
	div#right div.plain ul.clients {
	width:230px;
	margin: 0px 0px 20px 0px !important;
	padding: 1px 0 0 0;
	list-style: none;
	list-style-position: outside;
	}
		
		div#right div.plain ul.clients li {
		float:left !important;
		display: inline;
		margin: 0px 30px 10px 0px;
		width: 100px;
		min-height: 60px;
		height: auto !important;
		height: 60px;
		text-align: left !important;
		background-image: none;
		}	
		div#right div.plain ul.clients li.r {
		float:left !important;
		display: inline;
		margin: 0px 0px 10px 0px;
		width: 100px;
		min-height: 60px;
		height: auto !important;
		height: 60px;
		text-align: left !important;
		background-image: none;
		}			
					
					
					
					
					
					
/**************************
Footer
***************************/
div#footer {
width:950px;
margin: 20px 0 20px 0px;
padding: 0px 0;
color: #999;
text-align: right;
}
	div#footer ul {
	width: 950px;
	margin: 0;
	padding: 0 0 0 0;
	list-style: none;
	list-style-position: outside;
	display: inline;
	}
		div#footer ul li {
		float: left;
		padding: 0 0.7em 0 0;
		font-size: 0.65em;
		font-weight: normal;
		color: #999;
		}
			div#footer ul li a,
			div#footer ul li a:visited {
			color: #999;
			text-decoration: none;
			}
				div#footer ul li a:hover {
				color: #009ad5;
				}
				

















/**************************
General Content
***************************/
div#content {
margin: 0;
}

div#content h1,
div#triSpot h1,
div#contentH h1 {
font-size: 2.5em;
font-weight: normal;
color: #f00;
margin: -0.3em 0 1em 0;
padding: 0;
}
	div#content h1 span {
	color: #000 !important;
	font-size: 0.65em;
	font-weight: normal;
	}

		
div#content .intro,
div#content .intro p {
margin: 0 0 20px 0;
color: #000 !important;
font-weight:normal;
}


div#content h2 {
font-size: 1.6em;
color: #000;
margin: 2.5em 0 0 0;
font-weight:normal;
}
	div#content h2 a,
	div#content h2 a:visited {
	color: #f00 !important;
	text-decoration: none !important;
	}
		div#content h2 a:hover {
		color: #f00 !important;
		}

div#content h3,
div#content h4 {
font-size: 1.3em;
color: #000;
margin: 1em 0 0 0;
font-weight:normal;
}
	div#content h3 a {
	color: #000 !important;
	text-decoration: none !important;
	}
		div#content h3 a:hover {
		color: #000 !important;
		}

div#content p,
div#contentH p {
margin: 0 0 1em 0;
color: #000;
}
	div#content p.last {
	margin: 0 0 -0.3em 0;
	}
div#content ul {
margin: 10px 0 10px 15px;
color: #000;
list-style: square;
list-style-position: outside;
}

div#content ol {
margin: 10px 0 0 25px;
color: #000;
list-style: decimal;
list-style-position: outside;
}

div#content a,
div#content a:visited {
color: #f00;
text-decoration: none;
}
	div#content a:hover {
	color: #999;
	}










/**************************
Home Page Content
***************************/
#homeL {
width:430px !important;
float:left;
}


div.contentH {
float:left;
margin: 70px 30px 0px 70px;
padding: 0 0 0 15px;
text-align: left;
border-left: 1px solid #fff;
font-size: 0.75em;
}

*html div.contentH {
margin: 70px 30px 0px 35px;
}
	
	div.contentH h1 {
	font-size: 2.5em;
	font-weight: normal;
	color: #233289;
	margin: -0.3em 0 1em 0;
	padding: 0;
	}
	
	
	div.contentH h2 {
	font-size: 1.6em;
	color: #000;
	margin: -5px 0 0 0 !important;
	font-weight:normal;
	}
	
	
	div.contentH h3 {
	font-size: 1.2em;
	color: #233289;
	margin: 0em 0 0 0;
	font-weight:normal;
	}
		div.contentH h3 a,
		div.contentH h3 a:visited {
		color: #233289 !important;
		text-decoration: none !important;
		}
			div.contentH h3 a:hover {
			color: #233289 !important;
			}
	
	div.contentH p {
	margin: 0 0 1em 0;
	color: #000;
	}
		div.contentH p.last {
		margin: 0 0 -0.3em 0;
		}
	div.contentH ul {
	margin: 10px 0 0px 0px;
	color: #000;
	list-style: none;
	list-style-position: outside;
	}
	
	
	div.contentH a,
	div.contentH a:visited {
	color: #009ad5;
	text-decoration: none;
	}
		div.contentH a:hover {
		color: #999;
		}
	





#homeR {
float:right;
width:430px;
margin:70px 50px 0 0;
text-align: left;
}
*html #homeR {
margin:70px 0px 0 0;
}

.homeSpot img {
width: 430px;
height: 100px;
border: 1px solid #fff;
}
#homeR strong {
color: #ff2d00;
font-weight: bold;
}

#homeR .hi {
color: #ff2d00;
}

div.contentR {
margin: 70px 30px 40px 0px;
}
*html div.contentR {
margin: 70px 0px 40px 0px !important;
}

	div.contentR h1 {
	color: #ff2d00 !important;
	}
		div.contentR h1 span {
		color: #000 !important;
		font-size: 0.65em;
		font-weight: normal;
		}





	
	
	
	
	
	
	
	
	
	
	
	
/**************************
Case Studies
***************************/
#triSpot ul {
margin: 0px 0px 0px 0px !important;
padding: 0 ;
list-style: none;
list-style-position: outside;
}
	#triSpot ul li {
	float:left !important;
	display: inline;
	margin: 0px 100px 10px 0px;
	width: 200px;
	min-height: 200px;
	height: auto !important;
	height: 200px;
	text-align: left !important;
	}
	#triSpot ul li.right {
	margin: 0px 0px 10px 0px !important;
	}
	


		
		#triSpot ul li img {
		float: left;
		border: 1px solid #fff;
		width: 200px;
		height: 100px;
		margin: 0px 0px 10px 0px;
		}
			* html #triSpot ul li img { 
			display:inline; 
			margin-left: -5px;
			border: 1px solid #fff;
			}
		#triSpot ul li h2 {
		font-size: 1.2em;
		color: #000;
		margin: 2.5em 0 0 0;
		font-weight:normal;
		}
			#triSpot ul li h2 a,
			#triSpot ul li h2 a:visited {
			color: #f00 !important;
			text-decoration: none !important;
			}
				#triSpot ul li h2 a:hover {
				color: #999 !important;
				}

		#triSpot ul li p {
		color:#000;
		margin: 5px 0px 0px 0px !important;
		font-size: 1em;
		line-height: 1.2em;
		}

















/**************************
Contact Page
***************************/
div#content address {
color: #000;
font-style: normal;
}

div#content div.contact-info {
margin: 1em 0 1em 0;
color: #000;
}
	div#content div.contact-info b {
	color: #000;
	}
	div#content div.contact-info p {
	margin: 0;
	}
div#content div#map {
width: 550px; 
height: 300px;
margin: 1em 0 0 0;
}