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

html, body {
	height:100%;
	width:100%;
}

body {
	font-family: 'Rosario', sans-serif;
	font-size:12px;
	background:url(../images/backbg_01.jpg) repeat-x #1e1e1e;
	padding:0;
	margin:0;
	color:#262525;
}

.content {
	text-align:center;
}

.content #account {
	width:980px;
	margin:30px auto;
}

.content #header {
	width:100%;
	background:url(../images/headerbg_04.png) no-repeat;
	height:186px;
	margin:0 0 20px 0;
	position:relative;
}
	.content #logo {
		width:288px;
		height:85px;
		margin:40px 40px 0 20px;
		float:left;
	}
	.content #contactno {
		background:url(../images/contactno.png) no-repeat;
		width:288px;
		height:40px;
		position:absolute;
		bottom:0;
		left:20px;
		color:#fff;
		text-align:center;
		font-size:17px;
		padding:14px 0 0 0;
	}
	
	.headersplbt {
		margin:65px 0 0 5px;
		height:55px;
		float:left;
	}

.content #menuarea {
	width:100%;
	height:46px;
	margin:0 0 20px 0;
	position:relative;
	z-index:800;
	
}
	.content #menuleft {
		background:url(../images/menuleft.png) no-repeat;
		width:16px;
		height:46px;
		float:left;
	}
	.content #menumiddle {
		background:url(../images/menubg.png) repeat-x;
		height:46px;
		width:948px;
		float:left;

	}
	.content #menuright {
		background:url(../images/menuright.png) no-repeat;
		width:16px;
		height:46px;
		float:left;
	}
	
.content #bodyarea {
	width:950px;
	background:url(../images/bodybg_28.png) repeat;
	position:relative;
	padding:15px;
}
	.topleft {
		background:url(../images/bodylefttop_07.jpg) no-repeat;
		width:15px;
		height:15px;
		position:absolute;
		top:0;
		left:0;
	}
	.topright {
		background:url(../images/bodyrighttop_09.jpg) no-repeat;
		width:15px;
		height:15px;
		position:absolute;
		top:0;
		right:0;
	}
	.bottomleft {
		background:url(../images/bodyleftbottom_07.jpg) no-repeat;
		width:15px;
		height:15px;
		position:absolute;
		bottom:0;
		left:0;
	}
	.bottomright {
		background:url(../images/bodyrightbottom_14.jpg) no-repeat;
		width:15px;
		height:15px;
		position:absolute;
		bottom:0;
		right:0;
	}
	.bodycontainer {
		width:950px;
		margin:0 auto;
	}
	.sliderbox {
		width:920px;
		height:208px;
		background:#d3d3d3;
		position:relative;
		padding:15px;
		margin:0 0 15px 0;
	}
		.content #leftcolumn {
			width:600px;
			margin:0 50px 0 0;
			float:left;
		}
		
		.content #centertcont {
			width:900px;
			margin:0 auto;
			float:left;
		}
		
		.content #textcont {
		width:100%;
		padding:0;
		}
		
		.leftpanelcont {
		width:100%;
		}
		
		.spreadsheet {
		margin:0 auto;
		width:70%;
		}
		
		.content #rightcolumn {
			width:300px;
			float:right;
		}
		.hrdivider {
			width:100%;
			height:1px;
			border-bottom:1px solid #bbbbbb;
			margin:10px 0;
		}
		.graybox {
			width:270px;
			background:#d3d3d3;
			position:relative;
			padding:15px;
			margin:0 0 15px 0;
		}
			.grayboxtopleft {
				background:url(../images/graybox_topleft.jpg) no-repeat;
				width:15px;
				height:15px;
				position:absolute;
				top:0;
				left:0;
			}
			.grayboxtopright {
				background:url(../images/graybox_topright.jpg) no-repeat;
				width:15px;
				height:15px;
				position:absolute;
				top:0;
				right:0;
			}
			.grayboxbottomleft {
				background:url(../images/graybox_bottomleft.jpg) no-repeat;
				width:15px;
				height:15px;
				position:absolute;
				bottom:0;
				left:0;
			}
			.grayboxbottomright {
				background:url(../images/graybox_bottomright.jpg) no-repeat;
				width:15px;
				height:15px;
				position:absolute;
				bottom:0;
				right:0;
			}
			.hrdividerblock {
				width:100%;
				height:1px;
				border-bottom:1px dotted #bbbbbb;
				margin:5px 0;
			}
			
.bluebox {
			width:270px;
			background:#2a45cb;
			position:relative;
			padding:15px;
			margin:0 0 15px 0;
		}
		.bluebox p{
		font-size:12px;
		font-weight:normal;
		color:#ebebeb;
		text-decoration:none;
		}
		.bluebox p a {
		color:#ebebeb;
		text-decoration:none;
		}
		
		.bluebox p a:hover {
		color:#ebebeb;
		text-decoration:underline;
		}
		
			.blueboxtopleft {
				background:url(../images/bluebox_topleft.jpg) no-repeat;
				width:15px;
				height:15px;
				position:absolute;
				top:0;
				left:0;
			}
			.blueboxtopright {
				background:url(../images/bluebox_topright.jpg) no-repeat;
				width:15px;
				height:15px;
				position:absolute;
				top:0;
				right:0;
			}
			.blueboxbottomleft {
				background:url(../images/bluebox_bottomleft.jpg) no-repeat;
				width:15px;
				height:15px;
				position:absolute;
				bottom:0;
				left:0;
			}
			.blueboxbottomright {
				background:url(../images/bluebox_bottomright.jpg) no-repeat;
				width:15px;
				height:15px;
				position:absolute;
				bottom:0;
				right:0;
			}

.morebt {
	height:25px;
	width:100%;
	margin:0;
	text-align:right;
/*	position:absolute;
	right:0;
	bottom:0;
	z-index:800;*/
}
	.morebt a {
		background:url(../images/moreimg_44.jpg) no-repeat left #bd2907;
		padding:4px 10px;
		color:#fff;
		height:17px;
		display:block;
		width:70px;
		text-decoration:none;
		float:right;
	}

/*-----------------Photo----------------*/

.photocont {
	width:170px;
	height:140px;
	float:left;
	margin:5px 7px;
	padding:0;
	}
	
.photocont p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#b83213;
	text-align:center;
	padding:6px 0;
	}

.photo {
	margin: 0;
	position: relative;
	width: 169px;
	height: 106px;
}
.photo img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 0;
	height: 106px;
}
.photo span {
	width: 20px;
	height: 106px;
	display: block;
 }
.photo a {
	text-decoration: none;
	cursor:pointer;
}

.photo a:hover {
	text-decoration: none;
	cursor:pointer;
}

.sample span {
	width: 169px;
	height: 106px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background:url(../images/round_corner.png) no-repeat;
}
.sample img {
	border: none;
	padding: 0;
	height: 106px;
}

.servicepanel {
	width:100%;
	margin-bottom:5px;
	padding:11px 0;
}

	.serviceimage {
	float:left;
	width:184px;
	float:left;
	margin:5px 15px 5px 0;
	padding:0;
	border:solid 2px #bbbbbb;
	}
	
	.serviceimage img {
	width:184px;
	}
	
	.servicetxt {
	width:385px;
	float:right;
	}
	
	.contactboxl {
	width:380px;
	float:left;
	margin:0px 10px 0px 0px;
	padding:0;
	}
	.contactbox {
	width:380px;
	float:right;
	margin:0px 10px 0px 0px;
	padding:0;
	}
	#map {
	width:380px;
	height:300px;
	border:2px solid #fff;
	margin:10px 0;
	padding:0;
	float:left;
	}
/*-----------------Photo----------------*/

.content #footer {
	width:100%;
	border:double #bbbbbb;
	border-width:1px 0 0 0;
	padding:10px 0 5px 0;
	text-align:left;
	line-height:20px;
	font-size:14px;
}
	#footer a {
		text-decoration:none;
		color:#262525;
	}
	
	ul#followus {
	margin:0;
	padding:0;
	}
	
	ul#followus li {
	list-style-type:none;
	float:right;
	text-align:right;
	padding:5px 5px 0px 5px;
	}
	
	ul#followus li img{
	width:29px;
	padding:0;
	}
	
	
.content #footerline {
	background:#2a45cb;
	height:3px;
	width:100%;
	margin:0 auto;
}

.clr {
	clear:both;
	line-height:0px;
}