@charset "utf-8";
body {
	background-image: url(../images/bg_leather.png);
	background-repeat: repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	font-family: "Calibri";
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
* {
	list-style:none;
	margin: 0px;
	padding: 0px;
}
a {
	font-family: "Calibri";
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
a:hover {
	font-family: "Calibri";
	font-size: 14px;
	font-weight: normal;
	color: #0097ff;
	text-decoration: none;
}
a.link {
	font-size: 12px;
	font-weight: normal;
	color: #65a7e9;
	text-decoration: none;
}
a.link:hover {
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}
#main {
	width:100%;
}
#top {
	background-image:url(../images/top-bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	width: 100%;
	float:left;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	height: 405px;
}
#first {
	width:1001px;
}
#logo_div {
	width:1001px;
	float:left;
}
#box-wrap
{
width:1001px;
float:left;
height:315px;
text-align:left;
}
.logo_main {
width:336px;
height:262px;
float:left;
position:absolute;
z-index:1002;
top:100px;
display:block;
}
.logo{
	background-image:url(../images/logo.png);
	background-repeat:no-repeat;
	background-position: left top;
	width:330px;
	height:140px;
	float:left;
}
.logo_text {
	float: left;
	height: 44px;
	width: 320px;
	padding-left: 16px;
}
.logo_text1 {
	float: left;
	height: 61px;
	width: 320px;
	padding-top: 10px;
	padding-left: 16px;
}
.bg_portfolio {
	background-image:url(../images/bg_portfolio.png);
	background-repeat:no-repeat;
	z-index:1001;
	position:absolute;
	width:755px;
	height:212px;
	float:left;
	top:140px;
}
.screen {
background-image:url(../images/screen.png);
background-repeat:no-repeat;
float:left;
width:282px;
height:288px;
position:absolute;
top:137px;
margin-left:237px;
z-index:1002;
}
#fist .list {
float:left;
width:765px;
height:198px;
}
.slide1 {
	width:255px;
	height:198px;
	float:left;
	filter: Alpha(Opacity=50);
}
.slide2 {
width:255px;
height:198px;
float:left;
}
.slide3 {
width:255px;
height:198px;
float:left;
filter: Alpha(Opacity=50);
}
.second {
	width:1001px;
}
.menu {
	background-color: #120b0a;
	filter:alpha(opacity=80);
	opacity: 0.80;
	-moz-opacity:0.80;
	float: left;
	height: 78px;
	width: 1001px;
	margin-top: 13px;
}
.comnalin {
	text-align: left;
	float: left;
	width: 1001px;
}
.comnalin-1 {
	text-align: left;
	width: 1001px;
}
.comnalin-prs {
	float: left;
	width: 100%;
}
.mid-left {
	float: left;
	width: 637px;
}
.mid-right {
	float: left;
	width: 364px;
}
.tab1 {
	width:124px; float:left; padding:10px 65px 0 30px;
}
.tab2 {
	width:118px; float:left; padding:10px 49px 0 52px;
}
.tab3 {
	width:178px; float:left; padding:10px 54px 0 51px;
}
.tab4 {
	width:195px; float:left; padding:10px 38px 0 45px;
}
.font15_Calibri {
	font-family: Calibri;
	font-size: 15px;
	color: #FFFFFF;
}
.font11_Calibri {
	font-family: Calibri;
	font-size: 11px;
	color: #FFFFFF;
}
.icon-img1 {
	float: left;
	height: 125px;
	width: 92px;
	padding-right: 11px;
	padding-left: 17px;
}
.icon-img2 {
	float: left;
	height: 63px;
	width: 62px;
	padding-right: 17px;
	padding-bottom: 12px;
}
.icon-img3 {
	float: left;
	height: 63px;
	width: 62px;
	padding-bottom: 12px;
}
.icon-img4 {
	float: left;
	height: 63px;
	width: 62px;
	padding-right: 12px;
}
.icon-img5 {
	float: left;
	height: 63px;
	width: 62px;
}
.text-12 {
	font-family: Calibri, Arial;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: justify;
}
#middel-bg {
	width: 100%;
	float:left;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding-top: 18px;
	background-image: url(../images/mid-bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #000000;
}
.img-bg-blu {
	background-image: url(../images/img-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
	float: left;
	width: 1001px;
	margin-top: 5px;
}
.img-bg-blu .bar
{
height:24px;
padding-top:2px;
padding-left:5px;
}
#header
{	
width:700px;
height:212px;
float:right;
}
.header1
{
	width:922px;
	float:left;
	padding-left:20px;
	padding-top:0px;
	font-size: 18px;
}
.header2
{
	width:901px;
	float:left;
	padding-left:20px;
	font-size: 18px;
}
.box-bg {
	float: left;
	width: 321px;
	padding-right: 3px;
	padding-top: 15px;
	height:256px;
}
.box-icon1 {
	float: left;
	width: 105px;
	padding-top: 30px;
	padding-right: 7px;
	padding-left: 7px;
}
.box-text1 {
	float: right;
	width: 190px;
	padding-top: 30px;
	padding-right: 12px;
	font-family: Calibri;
	font-size: 14px;
	font-weight: normal;
	color: #8a8a8a;
}
.box-btn {
	float: left;
	width: 206px;
	padding-left: 115px;
}
.box-icon2 {
	float: left;
	width: 68px;
	padding-top: 30px;
	padding-right: 15px;
	padding-left: 15px;
}
.box-text2 {
	float: right;
	width: 210px;
	padding-top: 30px;
	padding-right: 10px;
	font-family: Calibri;
	font-size: 14px;
	font-weight: normal;
	color: #8a8a8a;
}
.box-icon3 {
	float: left;
	width: 78px;
	padding-top: 30px;
	padding-right: 10px;
	padding-left: 10px;
}
#middel-bg1 {
	width: 100%;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding-top: 18px;
	background-image: url(../images/bg_leather.png);
	background-repeat: repeat;
	background-position: left top;
	float: left;
}
.mid-text-box {
	float: left;
	width: 273px;
	padding-right: 20px;
	padding-bottom: 12px;
	padding-left: 30px;
}
.text-hd-img-box {
	float: left;
	width: 100%;
	padding-bottom: 12px;
	height: 30px;
	padding-top: 13px;
}
.text-hd-box {
	float: left;
	height: 155px;
	width: 267px;
	padding: 5px;
	background-color: #1f1f1f;
}
.next-prv-box {
	float: left;
	height: 15px;
	width: 260px;
	padding-top: 13px;
	padding-bottom: 12px;
	text-align: right;
	padding-right: 13px;
}
.icon-box {
	text-align: center;
	float: left;
	width: 66px;
	padding-top: 6px;
}
/*-----------------------------------17-04-2010--------------------------------*/

.portfolio_left {
	float: left;
	width: 660px;
	text-align: left;
}
.portfolio_left .heading {
	float: left;
	width: 98%;
	padding-left: 2%;
}

.droup_us_text {
	float: left;
	width: 200px;
	padding-top: 6px;
}
.font12_lblue {
	font-size: 12px;
	color: #65a7e9;
}
.give_us {
	float: left;
	width: 260px;
	margin-left: 8px;
	margin-top: 9px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #303030;
	border-right-color: #303030;
	border-bottom-color: #303030;
	border-left-color: #303030;
}
.give_img {
	float: left;
	width: 45px;
	padding-top: 6px;
	padding-left: 14px;
}
.give_call {
	float: left;
	width: 150px;
	padding-top: 16px;

}
.link_mail {
	font-family: Calibri, Arial;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.link_mail:hover {
	font-family: Calibri, Arial;
	font-size: 12px;
	font-weight: normal;
	color: #0097ff;
	text-decoration: none;
}
.footer_bg {
	float: left;
	width: 100%;
	background-image: url(../images/footer_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.footer {
	height: 72px;
	width: 967px;
	padding-top: 22px;
	padding-left: 34px;
	text-align: left;
}
.copyright {
	width:70%; float:left;
}
.back-to-top-img {
	width:20%; float:left; padding-left:10%;
}
.font12_Calibri {
	font-family: Calibri;
	font-size: 12px;
	color: #FFFFFF;
}
.port_midd_bg {
	text-align: left;
	width: 1001px;
	background-image: url(../images/port_midd_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #000000;
}
.port_img_main {
	float: left;
	width: 600px;
	padding-right: 32px;
	padding-left: 28px;
}
.port_img_main2 {
	float: left;
	width: 100%;
	padding-bottom: 30px;
}
.port_img_main2 .port_1 {
	float: left;
	width: 280px;
}
.port_img_main2 .port_2 {
	float: left;
	width: 280px;
	padding-left: 38px;
}
.port_img_main2 .temp_1 {
	float: left;
	width: 282px;
}
.port_img_main2 .temp_2 {
	background-image: url(../images/template_ies.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 190px;
}
.port_img_main2 .temp_3 {
	background-image: url(../images/template_msds.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 190px;
}
.port_img_main2 .temp_4 {
	background-image: url(../images/template_boba.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 190px;
}
.port_img_main2 .temp_bg_text {
	float: left;
	padding-top: 8px;
	padding-left: 11px;
	width: 177px;
	height:39px;
}
.port_img_main2 .temp_bg_view_pro {
	float: right;
	padding-top: 14px;
	width: 91px;
}
.portfolio_right {
	float: left;
	width: 341px;
	text-align: left;
	padding-top: 16px;
}
.portfolio_right .get_strated2 {
	float: left;
	width: 292px;
}
.portfolio_right .get_strated {
	width: 297px;
	float:left;
	padding:16px 0 30px 25px;
}
.portfolio_right .get_strated_middle {
	float: left;
	width: 284px;
	background-image: url(../images/get_strated_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	padding-left: 8px;
	background-color:#0cb3e7;
}
.portfolio_right .we_are_sure {
	float: left;
	width: 284px;
	padding-top: 15px;
}
.portfolio_right .why_dont_you {
	float: left;
	width: 276px;
	padding-left: 8px;
	padding-top: 15px;
	padding-bottom: 19px;
}
.portfolio_right .get_strated_btn {
	float: left;
	padding-left: 16px;
	padding-bottom: 2px;
}
.port_btn_bg {
	background-image: url(../images/port_btn_bg.jpg);
	background-repeat: no-repeat;
	width: 320px;
	background-position: 23px top;
	float:left;
}
.port_btn_box {
	float: left;
	width: 320px;
}
.padd_23 {
	float: left;
	padding-left: 23px;
}
.btn_all {
	font-family: Calibri;
	font-size: 20px;
	color: #FFFFFF;
	float: left;
	padding-top: 8px;
	padding-bottom: 7px;
	padding-left: 55px;
	width: 266px;
}
.btn_all:hover {
	font-family: Calibri;
	font-size: 20px;
	color: #000000;
	float: left;
	padding-top: 8px;
	padding-bottom: 7px;
	padding-left: 43px;
	width: 277px;
	background-image: url(../images/port_btn_hvr.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 12px;
	cursor:pointer;
}
.btn_all_select {
	font-family: Calibri;
	font-size: 20px;
	color: #000000;
	float: left;
	padding-top: 8px;
	padding-bottom: 7px;
	padding-left: 43px;
	width: 277px;
	background-image: url(../images/port_btn_hvr.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 12px;
}
/*-----------------------------------about------------------------------------*/
.port_btn_bg1 {
	background-image: url(../images/port_btn_bg.jpg);
	background-repeat: no-repeat;
	width: 297px;
	background-position: left top;
	float:left;
	margin-left: 23px;
	background-color: #1e1611;
}
.about_right_img {
	width: 256px;
	float: left;
	padding-bottom: 10px;
	padding-left: 15px;
}
.border {
	border: 5px solid #FFFFFF;
}.font-20-wit {
	font-family: Calibri, Arial;
	font-size: 20px;
	color: #FFFFFF;
	text-decoration: none;
}
a.link1 {
	font-size: 14px;
	font-weight: normal;
	color: #5b4238;
	text-decoration: none;
}
a.link1:hover {
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: underline;
}
.about_img_main {
	float: left;
	width: 613px;
	padding-right: 32px;
	padding-left: 15px;
}
.our_ser_hd_bg {
	float: left;
	width: 645px;
	margin-left:15px;
	background-image: url(../images/grd-hd-rpt.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	font-size: 22px;
}
.our_ser_hd_bg1 {
	float: left;
	width: 645px;
	margin-left:15px;
}
.our_ser_hd_text {
	float: left;
	width: 316px;
}
.our_ser_hd_text1 {
	float: left;
	width: 305px;
}
.our_ser_text {
	float: left;
	width: 300px;
	padding-left:20px;
}
.our_ser_text1 {
	float: left;
	width: 300px;
	padding-bottom: 10px;
}
a.link2 {
	font-size: 18px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
a.link2:hover {
	font-size: 18px;
	font-weight: normal;
	color: #2e84d1;
	text-decoration: none;
}
/*------------------------------------services----------------------------------*/
.cross_browser_hd {
	float: left;
	width: 278px;
	padding: 15px 0 12px 6px;
}
.cross_browser {
	float: left;
	width: 276px;
	padding-left: 8px;
	padding-bottom: 12px;
}
.browser_icon {
	float: left;
	width: 60px;
	padding-right: 30px;
}
.design_bg {
	float: left;
	width: 575px;
	padding-left: 15px;
}
.design_text {
	float: left;
	width: 100%;
}
/*-------------------------------------contact---------------------------------*/
.testimonials-text {
	width: 256px;
	float: left;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-top: 10px;
}
.testimonials-box {
	text-align: right;
	width: 256px;
	float: left;
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3F3C39;
	margin-left: 15px;
}
.testimonials-box1 {
	text-align: right;
	width: 256px;
	float: left;
	padding-bottom: 15px;
	padding-left: 15px;
}
a.link3 {
	font-size: 13px;
	font-weight: normal;
	color: #b55322;
	text-decoration: none;
}
a.link3:hover {
	font-size: 13px;
	font-weight: normal;
	color: #b55322;
	text-decoration: underline;
}
.font-lt-blu {
	color:#afebfe;
}
.font-20-blk {
	font-size: 20px;
	color:#000000;
}
.line-bg {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #b3e7f8;
}
.online_box {
	float: left;
	width: 268px;
	padding-left: 8px;
	padding-top: 10px;
}
.online_box1 {
	float: left;
	width: 268px;
	padding-left: 8px;
	padding-bottom: 10px;
	padding-top: 10px;
}
.cont-form-bg {
	float: left;
	width: 583px;
	padding-right: 32px;
	padding-left: 45px;
	background-image: url(../images/cont-form-bg.jpg);
	background-repeat: repeat-y;
	background-position: 15px top;
}
.cont-field-box {
	float: left;
	width: 605px;
	padding-bottom: 5px;
	padding-top: 10px;
}
.cont-field-bg {
	background-image: url(../images/form-1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	width: 601px;
	height: 30px;
	padding: 2px;
}
.cont-text-field {
	float: left;
	width: 560px;
	padding: 5px;
	background: transparent;
	border:transparent;
	color:#FFFFFF;
	font-size:15px;
}
.cont-field-bg1 {
	background-image: url(../images/form-2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	width: 605px;
	padding: 2px;
	height: 240px;
}
.cont-text-field1 {
	float: left;
	width: 560px;
	height:230px;
	padding: 5px;
	background: transparent;
	border:transparent;
	color:#FFFFFF;
	font-size:15px;
}
.temp_bg {
	width: 278px;
	float: left;
	background-image: url(../images/template_bg1.jpg);
	background-repeat: no-repeat;
	cursor:pointer;
	padding-top:142px;
	height:47px;
	position:absolute;
	background-position: 0px 142px;
}
.temp_bg:hover {
	background-position: -278px 142px;
	float:left;
	cursor:pointer;
}
.thum_img_temp {
	float: left;
	width: 267px;
	height:40px;
	padding:7px 0 0 11px;
}
.font-26-wit {
	font-size: 26px;
	color:#fff;
}
.font-28-wit {
	font-size: 28px;
	color:#fff;
	line-height:20px;
}
.font-28-red {
	font-size: 28px;
	color:#b55322;
	line-height:20px;
}
.font-28-blu {
	font-size: 28px;
	color:#45b8db;
	line-height:20px;
}
.font-20-blu {
	font-size: 20px;
	color:#45b8db;
	line-height:20px;
}
.black_close{
	background-image:url(../images/black_close.png);
	height:30px;
	width:30px;
	float:left;
	background-repeat: no-repeat;
	background-position: left top;
}
.contact_message{
	height:30px;
	width:350px;
	float:left;
	font-size: 20px;
	color:#45b8db;
	line-height:20px;
	text-align:left;
}