body {
	background:url(../assets/main_bg.jpg) repeat-x top #ffffcc;
	font:12px 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
	color:#333366;
	line-height:1.8em;
	margin:0px;
	border:none;
}

ul, ol{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

#wrapper {
	text-align: left;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	position:relative;
	padding-bottom: 10px;
}

#ie6{
	display:none;
	}

a:link, a:visited {
	color:#666600;
	text-decoration:none;
	border:none;
}

a:hover {
	text-decoration:underline;
}

.clearFix:after {
	content:'.';
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

.bold {
	font-weight:bold;
	color:#999900;
}

@media all and (min-width: 0) {
	#header {
		border:transparent solid 1px !important;	}
}
/* === Style for the Header === */
#header {
	width: 905px;
	margin: auto;
	padding: 0;
}

/*Navigation Style*/
#nav {
	width:615px;
	height:13px;
	position:relative;
	background-image:url(../assets/nav.png);
	margin-top:30px;
	margin-left:55px;
	padding:0px;
}

	#nav li{
		float:left;
	}
	
		#nav li a{
			position:absolute;
			top:0;
			margin:0;
			padding:0;
			display:block;
			height:13px;
			background:url(../assets/nav.png) no-repeat;
			text-indent:-9999px;
			overflow:hidden;
			font-size:1%;
		}
		
		li#nav_home a{
			left:0px;
			width:62px;
			background-position:0 0;
		}
		
		li#nav_comp a{
			left:62px;
			width:130px;
			background-position:-62px 0;
		}
		
		li#nav_port a{
			left:192px;
			width:101px;
			background-position:-192px 0;
		}
		
		li#nav_serv a{
			left:293px;
			width:87px;
			background-position:-293px 0;
		}
		
		li#nav_meth a{
			left:380px;
			width:134px;
			background-position:-380px 0;
		}
		
		
		li#nav_contct a{
			left:514px;
			width:101px;
			background-position:-514px 0;
		}
		
		li#nav_home a:hover{
			background-position:0 -13px;
		} 
		
		li#nav_comp a:hover{
			background-position:-62px -13px;
		}
		
		li#nav_port a:hover{
			background-position:-192px -13px;
		}
		
		li#nav_serv a:hover{
			background-position:-293px -13px;
		}
		
		li#nav_meth a:hover{
			background-position:-380px -13px;
		}
		
		li#nav_contct a:hover{
			background-position:-514px -13px;
		}
		
		#body_home li#nav_home a{
			background-position:0 -26px;
		}
		
		#body_comp li#nav_comp a{
			background-position:-62px -26px;
		}
		
		#body_port li#nav_port a{
			background-position:-192px -26px;
		}
		
		#body_serv li#nav_serv a{
			background-position:-293px -26px;
		}
		
		#body_meth li#nav_meth a{
			background-position:-380px -26px;
		}
		
		
		#body_contct li#nav_contct a{
			background-position:-514px -26px;
		}
		
/*Logo*/
.logo {
	width:145px;
	padding:0;
	float:right;
	position:relative;
	margin-right:40px;
	margin-top:-45px;
}

/* === Main Content === */
#main {
	width:663px;
	padding:0;
	position:relative;
	margin:-190px 0 0 58px;
}

	.contentTop, .contentMain, .contentBtm{
		background:url(../assets/content_bgTop.png) no-repeat transparent;
		width:666px;
		height:11px;
		margin-top:0px;
	}
	
	.contentTopHome{
		background:url(../assets/content_bgTop.png) no-repeat transparent;
		width:666px;
		height:6px;
		margin-top:0px;
	}
	
	.contentMain {
		background:url(../assets/content_bgMid.png) repeat-y;
		height:auto;
		padding:0 15px 0 15px;
	}
	
	.contentBtm{
		background:url(../assets/content_bgBtm.png) no-repeat transparent;
	}
	
	.banner, .banner2 {
		margin-left:5px;
		margin-top:3px;
		border:#9999ff solid 1px;
	}
	
	.banner2 {
		margin-left:3px;
	}
	
/*=== Sidebar === */

#sidebarHome { /*Sidebar for the home page*/
	width:229px;
	height:248px;
	float:right;
	position:relative;
	margin-right:17px;
	margin-top:-160px;
	background:url(../assets/sidebar_home.png) no-repeat transparent;
}


	.sidebarHome_content{ /*Sidebar for the home page*/
		padding:5px 15px 0 15px; 
		text-align:center;
		margin-top:0px;
	}
	
	#sidebarHome h1, .sidebarPortfolioT h1{
		font-family:'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
		font-size:14px;
		font-weight:normal;
		margin-top:10px;
		margin-bottom:0px;
		text-align:center;
		text-transform:uppercase;
		color:#333366;
	}
	
	.sidebarPortfolioT h1{
			padding-top:19px;
			color:#FFFFFF;
		}
/*Porfolio Showcase for hompage*/
#sidebarPortfolio {
	width:378px;
	float:right;
	position:relative;
	margin-right:-200px;
	margin-top:-60px;
}

	.sidebarPortfolioT, .sidebarPortfolioB  {
		background:url(../assets/port_homeTop.png) no-repeat;
		width:378px;
		height:44px;
		margin:0px;
	}
	
		.sidebarPortfolioT span{
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#FFFFFF;
			font-style:italic;
		}

	
	.sidebarPortfolioM {
		background:url(../assets/port_homeMid.png) repeat-y;
	}
	
	.sidebarPortfolioB {
		background:url(../assets/port_homeBtm.png) no-repeat;
		height:38px;
		text-align:center;
		padding:0 0 0 15px;
	}
	
			.sidebarPortfolioB a:link, .sidebarPortfolioB a:visited{
				font-family:'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
				font-size:13px;
				color:#FFCC00;
				text-decoration:none;
				border:0;
			}
			
			.sidebarPortfolioB a:hover, .sidebarPortfolioB a:active{
				text-decoration:underline;
			}



/*Welcome Text*/
.welcomeTxt {
	width:450px;
	text-align:justify;
	float:left;
	position:relative;
	margin:-10px 0 0 75px;
}

		.welcomeTxt h1{
			font-size:16px;
			color:#333366;
			font-weight:bold;
			padding:0px;
		}
		
		.welcomeTxt p{
			margin-bottom:-7px;
		}
		
		
/* === Footer === */
#footer {
	width:960px;
	color: #333366;
	text-align: center;
	line-height: 2.4em;
	clear: both;
	font-size: 11px;
	padding-top: 40px;
	padding-bottom:10px;
	background:url(../assets/footer.jpg) no-repeat 106px 30px;
}

		#footer a:link, #footer a:visited, #footer a:active {
			font-weight:bold;
			color: #333366; 
			text-decoration: none;
		}
		#footer a:hover {
			color: #333300; 
			text-decoration: underline;
		}
		
		#synovia {
			clear:both;
			line-height: 12px;
			padding-top: 3px;
			font-size: 1em;
		}
		
/* === Sidebar Main === */
#sidebar{
	width:229px;
	float:right;
	position:relative;
	margin-right:-197px;
	margin-top:-45px;
	line-height:1.2em;
}

		.sidebarTop, .sidebarMid, .sidebarBtm {
			background:url(../assets/sidebar_top.png) no-repeat;
			width:235px;
			height:31px;
			float:left;
		}

				.sidebarTop h1{
					font-family:'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
					font-size:13px;
					text-align:center;
					color:#333366;
					padding:5px 0 0 0;
				}
				
				.sidebarTop h1 a:link, .sidebarTop h1 a:visited{
					font-weight:normal;
					text-decoration:underline;
					text-transform:uppercase;
					color:#333366;
				}
				
				.sidebarTop h1 a:hover{
					color:#666600;
				}
				
		.sidebarMid {
			background:url(../assets/sidebar_mid.png) repeat-y;
			height:auto;
		}
		
				.sidebarMid a:link, .sidebarMid a:visited{
					font-size:11px;
					font-weight:normal;
					color:#333366;
					line-height:1.8em;
				}
				
				.sidebarMid a:hover{
					color:#666600;
				}
				
				.sidebarMid a.active{
					color:#666600;
					text-decoration:underline;
				}
		
		.sidebarBtm {
			background: url(../assets/sidebar_btm.png) no-repeat;
			height:38px;
		}
/* === Main Content === */
#mainContent {
	width:632px;
	border:#9999ff solid 1px;
	margin-left:3px;
	margin-top:8px;
	padding-top:10px;
	padding-bottom:10px;
}

		.content {
			padding:0 15px 15px 10px;
			text-align:justify;
		}
		
			.content a:link, .content a:visited {
				background-image:url(../assets/link-bg.png);
				background-repeat:repeat-x;
				border-bottom:1px dashed #666666;
				color:#333366;
			}
			
			.content  a:hover {
				border-bottom:1px solid #000000;
				text-decoration:none;
				color:#000000;
			}
			.content h1, .content h3, .content h4 {
				font-family: 'Times New Roman', Times, serif;
				font-size:20px;
				font-weight:bold;
				color:#333366;
				font-style:italic;
			}
			
			.content h3{
				font-size:18px;
				color:#999900;
			}
			
			.content h4{
				font-size:16px;
				color:#999900;
				margin-bottom:5px;
				margin-top:10px;
			}
			
			.content ol{
				list-style-position:outside;
				list-style-type:square;
			}
			
			.ourMission {
				float:right;
				margin:3px 0px 0 0px;
			}
			
			div.left {
				float:left;
				margin: 5px 3px 0 3px;
			} 

/* === Our team slide tab ===*/
		#heading {
			display: block;
			text-align: center;
			margin-bottom: 1em;
			font-size: 13px;
		}
		#heading * {
			display: inline;
			padding: 7px;
			user-select: none;
			cursor: pointer;
			vertical-align: middle;
		}
		#heading li.active {
			background-color: #66ccff;
			border-radius: 3px;
			-webkit-border-radius: 3px;
			-opera-border-radius: 3px;
			-moz-border-radius: 3px;
		}
		#panes {
			text-align: justify;
			border-style: none;
			width: 510px;
			margin: 0 1em 0 50px;
			line-height:1.3em;
		}
		
		#panes img{
			padding:10px 10px 0 10px;
		}
		
		#panes h1{
			font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
			font-size:13px;
			font-weight:normal;
			color:#666600;
			font-style:normal;
		}
		
		#panes span{
			font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
			font-size:11px;
			font-weight:normal;
			color:#993300;
			font-style:italic;
		}
		
		#panes p {
		 	width: 500px;
			margin: 0 auto 1em auto;
			line-height: 1.6em;
		}
		
		#panes div div {
			overflow: hidden;
		}
		
		#previous { float: none; cursor: pointer; }
		#next { float: none; cursor: pointer; }

/* === Our values ===*/
.ourPple, .ourCust, .ourQlty {
	float:left;
	width:173px;
	padding:40px 10px 40px 0;
}
/*Visible to only Opera*/
@media all and (min-width: 0) {
.ourCust {
	margin-bottom:5px;
	margin-top:20px;;
}	

.ourPple{
	padding-bottom:31px;
}	

}

.ourCust {
	padding:15px 10px 0 0;
}

.ourQlty {
	padding:0px 10px 0 0;
}

/* === Why Us ===*/
.floatR {
	float:right;
	margin:3px 0px 0 0px;
}

.floatL {
	float:left;
	margin:3px 0px 0 0px;
}

/* === Synovia Advantage === */

#synnav {
	width:350px;
	height:50px;
	position:relative;
	background-image:url(../assets/synovia_adv.jpg);
	margin-top:30px;
	margin-left:130px;
	padding:0px;
}

#synnav li{
	float:left;
}

#synnav li a{
	position:absolute;
	top:0;
	margin:0;
	padding:0;
	display:block;
	height:50px;
	background:url(../assets/synovia_adv.jpg) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	font-size:1%;
}

li#synnav_main a{
	left:0px;
	width:350px;
	background-position:0 0;
	text-decoration:none;
	border:none;
}

li#synnav_main a:hover{
	background-position:0 -50px;
} 

/* === Contact Us Page === */
.colorRed {
	color:#CC6600;
}

#contactform{
	font:11.4px Verdana, Arial, Helvetica, sans-serif;
	color:#333366;
	line-height:1.8em;
	text-align:left;
}

		#contactform input, #contactform textarea{
			width: 205px;
			height:20px;
			padding: 2px 0px 0 5px;
			margin: -8px 0 0 0px;
			font: 100% 'Trebuchet MS', Verdana, Sans-Serif;
			border: 1px dashed #ccff66;
			background-color: #FFFFCC;
			color: #003A99;
		}
		
		/*.cntUs_Form input{
			color: #003A99;
			background-color: #FFCC99;
			border: 1px dashed #666666;
			cursor:pointer;
		}*/
		
		#contactform textarea{
			height: 100px;
			overflow: auto;
		}
		
		#contactform p{
			margin-top:-1px;
		}
		
		#contactform #submit{
			cursor:pointer;
			color: #333333;
			background-color: #FFFFCC;
			border: 1px dotted #999999;
			width:100px;
			font-size:12px;
			margin-top:5px;
			padding:0px 0 0 5px;
		}
		
		#contactform input:focus, #contactform textarea:focus {
		background-color: #FFFFFF;
	}
	
.cntUs_Header {
	background:url(../assets/main_bg.jpg) no-repeat 0 0;
	background-color:#FFCC00;
	border-bottom:1px solid #999900;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#666699;
	text-align:center;
	padding-top:10px;
}

.cntUs_Txt {
	color:#333366;
	line-height:1.8em;
	text-align:left;
	border-bottom:1px solid #999900;
}

/*Partners*/
.partners{
	font:11.4px Verdana, Arial, Helvetica, sans-serif;
	color:#333366;
	line-height:1.8em;
	text-align:justify;
}

		.partners a:link, .partners a:active{
			color:#CC6600;
			background-image:none;
			text-decoration:none;
			border:none;
		}
		
		.partners a:hover{
			color:#CC6600;
			text-decoration:underline;
		}
		
		.partners img a:link, .partners img a:visited{
			background-image:none;
			text-decoration:none;
			border:none;
		}
		
		.partners img a:hover, .partners img a:active{
			background-image:none;
			text-decoration:none;
			border :none;
		}
		
/* === SiteMap === */
.siteMap {
	font:11.4px Verdana, Arial, Helvetica, sans-serif;
	color:#333366;
	line-height:1.8em;
	text-align:left;
}

		.siteMap a:link, .siteMap a:visited{
			font:11.4px Verdana, Arial, Helvetica, sans-serif;
			font-weight:bold;
			text-decoration:underline;
			color:#333366;
			text-align:left;
			border:none;
			background-image:none;
		}
		
		.siteMap a:hover{
			text-decoration:none;
		}
		
		.siteMap ol a:link, .siteMap ol a:visited{
			font:11.4px Verdana, Arial, Helvetica, sans-serif;
			text-decoration:none;
			color:#333366;
			text-align:left;
			border:none;
			background-image:none;
		}
		
		.siteMap ol a:hover{
			text-decoration:underline;
		}
		
/*=== Style for the Header Banner === */

	 #portfolioHld {
		width: 265px;
		padding:0;
		top:-7px;
		left:-41px;
		position:relative;
		z-index:3;
		border:red solid 1px;
	}
	
	ul#portfolio li img{
		border:none;
		padding: 0;
		margin:0;
	}
	
	.collapsiblePanelOpera {
		display:none;
	}
	

/* ==== Collapsible panels  ====*/
.collapsiblePanel  {
	width: 607px;
	position:relative;
	float:left;
	font-family: verdana;
}


			.h1 {
				text-align:left;
				font-size:15px;
				font-family:Calibri;
				font-style:normal;
				color:#663300;
				font-weight:bold;
			}
			
			.p{
				margin:-5px 0 0 0;
				text-align:justify;
				font-size:12px;
				text-decoration: none;
				font-family: Calibri;
				color:#663300;
				line-height:1.6em;
				padding-right:10px;
			}
			

	.collapsiblePanel a {
		cursor:pointer;
		display:block;
		background:url(../assets/portfolio_orange.jpg) no-repeat transparent;
		background-color:#ffcc00;
		-moz-border-radius: 10px;
		-khtml-border-radius: 10px;
		-webkit-border-radius: 10px;
		height:113px;
		font-size:16px;
		font-family: Calibri;
		font-weight:normal;
		line-height:normal;
		margin:0 0 2px 0;
		padding-top:15px;
		padding-right:10px;
	}
	.collapsiblePanel a:hover {
		background: url(../assets/portfolio_purpleHover.jpg) no-repeat transparent;
		background-color:#ccccff;
		text-decoration:none;
		border:none;
	}
	.collapsiblePanel a.selected {
		color: #CCCCCC;
		background: url(../assets/portfolio_purple.jpg) no-repeat transparent;
		background-color:#ccccff;
	}
	
	.collapsiblePanel a img {
		float:left;
		margin:-6px 5px 0 15px;
	}
	
	.collapsiblePanel a h1, .collapsiblePanel a:hover h1 {
		text-align:left;
		font-size:15px;
		font-family:Calibri;
		font-style:normal;
		color:#663300;
	}
	
	.collapsiblePanel a:hover h1, .collapsiblePanel a:hover p {
		color:#333366;
	}
	
	.collapsiblePanel a.selected h1, .collapsiblePanel a.selected p {
		color:#333366;
	}
	
	.collapsiblePanel a p{
		margin:-5px 0 0 0;
		text-align:justify;
		font-size:12px;
		text-decoration: none;
		font-family: Calibri;
		color:#663300;
		line-height:1.6em;
		padding-right:10px;
	}
	
	.collapsiblePanelitem {
		/*background-color:#FFFF99;*/
		background-color:transparent;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-khtml-border-radius: 10px;
		-webkit-border-radius: 10px;
		padding:5px 10px 5px 10px;
		margin:0 0 5px 0;
	}
	
	
/* ----------------IMAGE SLIDER------------- */
#SlideItMoo_outer {  
	width:585px; 
	height:490px;
	margin:0 0 0 20px; 
	display:block; 
	position:relative; 
	padding:0;
	border:#FFCC00 solid 5px;
	background-color:#000000;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding:5px 10px 5px 10px;
}
	/* create custom forward-backward buttons for this container */
	#SlideItMoo_outer .SlideItMoo_forward,
	#SlideItMoo_outer .SlideItMoo_back{ 
		display:block; 
		position:absolute; 
		cursor:pointer; 
		width:32px; 
		height:258px; 
		top:100px; 
		right:25px;
		background:url(../assets/right_button.png) no-repeat center;
	}
	#SlideItMoo_outer .SlideItMoo_back { 
		left:25px; 
		top:100px;
		background:url(../assets/left_button.png) no-repeat center;  
	}
	
	/* the width is set to show the number of thumbnails that will be visible */
	#SlideItMoo_inner{ 
		position:relative ; 
		overflow:hidden ; 
		width:472px ; /* set a display width to make the slider look good in case js is disabled */
		height:480px;
		margin:0px auto 0px;
		padding:0px;
		background-color:#000000;
	}
	/* the thumbnails container; set a width on it so everything will be fine */
	#SlideItMoo_items { 
		display:block; 
		position:relative; 
	}
	/* single element design */
	#SlideItMoo_items div.SlideItMoo_element, #SlideItMoo_items div.SlideItMoo_element2 { 
		display:block; 
		position:relative; 
		float:left; 
		margin:0 0px 0 -15px; 
		font-size:11px; 
		width:472px; 
		text-align:center; 
		color:#FFFFFF;
	}
	#SlideItMoo_items a {
		 padding:0px; 
		 margin:0; 
		 clear:both; 
		 display:block;
		 background:none;
		 border:none;
	}
		
	#SlideItMoo_items a img{ 
		border:none; 
	}
	
	#info {
		 padding:0px; 
		 margin:377px 0 0 50px; 
		 clear:both; 
		 background:none;
		 width:400px;
		 height:auto;
		 float:left;
		 position:absolute;
		 text-align:left;
		 font-weight:normal;
		 line-height:1.6em;
		 font-family:Calibri ;
	}
	
	#info h1, #info p, #info h2 {
		 font-size:14px;
		 color:#FFCC00;
		 font-style:normal;
		 padding:0;
		 margin:0;
	}
	
	#info h1 span, #info p{
		 font-size:12px;
	}
	
	#info h2 {
		 font-size:13px;
	}
	
	#info h2 span {
		 font-size:12px;
		 color:#FFFF99;
	}
	
	#info p{
		margin:0;
	}
	
	#info a{
		font-size:12px;
		color:#33CC33;
		text-decoration:underline;
	}
	
	#info a:hover{
		text-decoration:none;
	}

.errors {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FF0000;
	text-align: center;
	border: 1px solid #FF0000;
}
.feedback {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #0000CC;
	text-align: center;
	border: 1px solid #000066;
}