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

/* =Styling all elements                                                                                                                                                                                                                                                                                              
=======================================================================================================*/
* {
	margin: 0;
	padding: 0;
}
a {
	outline: none;
	border: none;
	text-decoration: none;
}
img {
	border: none;
}
input {
	vertical-align: middle;
	outline: none;
}
/*=====================================================================================================*/

/* Body 
-------------------------------------------------------------------------------------------------------*/

body {
	background:#000000 url(../images/bg.jpg) no-repeat center top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	padding-top:15px;
}
.splash_body {
	background:#000000 url(../images/splash_bg.jpg) no-repeat center top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	padding-top:30px;
}
.logo_padd {
	padding-left:13px;
}
.menu {
	padding-top:56px;
}
.menu ul {
	height:36px;
	width:600px;
}
.menu li {
	color:#FFFFFF;
	/*float:left;*/
	display:inline;
	font-weight:bold;
	list-style:none;
	height:36px;
}
.menu li a {
	color:#FFFFFF;
	padding:0 10px;
	display:block;
	float:left;
}
.menu li a:hover, .active {
	background:url(../images/menu_hover.jpg) no-repeat center bottom;
	height:36px;
	display:block;
}
.request_menu {
	background:url(../images/view_bg.jpg) repeat-x left top;
	height:37px;
}
.canvas {
	background-color:#000000;
	padding-top:26px;
}
.webdesign_box {
	background:url(../images/line.jpg) no-repeat right top;
	height:286px;
	padding-right:13px;
}
.webdesign_box p {
	line-height:18px;
	text-align:justify;
	color:#8a8a8a;
	padding-top:7px;
}
.view_more_text {
	color:#8c0000;
	font-weight:bold;
	text-align:right;
	padding-top:20px;
}
.view_more_text a:hover {
	text-decoration:underline;
}
.inner_cont_area {
	padding-left:20px;
	line-height:20px;
	padding-right:30px;
}
.inner_cont_area h1 {
	font-size:18px;
	font-family:"Times New Roman", Times, serif;
	padding-bottom:20px;
}
.inner_cont_area p {
	color:#8a8a8a;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:5px;
}
.pagi_link{
	padding:20px;
}
.pagi_link a{
	font-size:13px;
	color:#FFFFFF;
	padding-right:10px;
	font-weight:bold;
}
.pagi_link a:hover{
	color:#8c0000;
}
.active_link {
	color:#8c0000;
}
/* Footer 
-------------------------------------------------------------------------------------------------------*/
.footer {
	background:url(../images/footer_line.jpg) repeat-x left top;
}
.footer_img {
	background:url(../images/footer_img.jpg) no-repeat left top;
	height:45px;
}
.footer_img a {
	color:#7f7f7f;
	font-size:11px;
	padding:0 12px;
}
.footer_img a:hover {
	text-decoration:underline;
}
.footer_text {
	color:#7f7f7f;
	font-size:11px;
}
.footer_text a:hover {
	text-decoration:underline;
}
/* Splash Page
-------------------------------------------------------------------------------------------------------*/
.splash_menu {
	padding-top:48px;
}
.splash_menu ul {
	height:36px;
	width:600px;
}
.splash_menu li {
	color:#FFFFFF;
	/*float:left;*/
	display:inline;
	font-weight:bold;
	list-style:none;
	height:36px;
}
.splash_menu li a {
	color:#FFFFFF;
	padding:0 10px;
	display:block;
	float:left;
}
.splash_menu li a:hover {
	background:url(../images/arrow.gif) no-repeat center bottom;
	height:36px;
	display:block;
}
.sp_canvas {
	padding:0px 5px 5px 7px;
}
.sp_free_box {
	background:url(../images/splash_free_bg.jpg) no-repeat left top;
	padding:37px 40px 20px 34px;
	font-size:11px;
	color:#b6bfc5;
}
.sp_text_box {
	width:131px;
	height:22px;
}
.comment_text_box {
	width:277px;
	height:52px;
}
/* Scroll Script */

.stepcarousel {
	border: 2px solid #7b7b79;
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 955px; /*Width of Carousel Viewer itself*/
	height: 321px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
.stepcarousel .panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	width: 959px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}