body {
	font-family:Arial, Helvetica;
	background-image:url('../img/headergradient.png');
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	z-index: 1;
}


:focus { -moz-outline-style: none; }

a {
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	padding:2px 5px;
	color:#999999;
	background-color:white;
}

a:link {
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	padding:2px 5px;
	color:#999999;
	background-color:white;
}

a:visited {
	color:#999999;
	background-color:white;
}
ul {
	list-style: none;
}
li {
	list-style: none;
}

a:hover {
	color:white;
	background-color:#999999;
}

#containertop {
	margin:0 auto;
	width:1000px;
	/*background-color: pink;*/
}

#container {
	margin:0 auto;
	width:1000px;
	height: 1000px;
	/*background-color: pink;*/
}


#header {
	width: 1000px;
	margin: 0px auto;
}

#sub_logo{display:block;width:auto;float:left;margin:30px auto 10px;}
#sub_logo a{background-color:transparent;}

#logo {
	display:block;
	width:626px;
	margin:50px auto 10px;
}

#logo a, #logo a:link, #logo a:active, #logo a:visited,#logo a:hover {
	text-decoration: none;
	background: transparent;
}




.story {
	font: normal 10px/normal Geneva, Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #666666;
}

.story p{
	font: normal 10px/normal Geneva, Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #666666;
}

.li{
	list-style: none;
}

/* nav elements */

/*#header_navi {
	margin:0 !important;
	padding:0 !important;
	float:left;
	position:absolute;
	height:35px;
	left:210px;
	top:102px;
}*/

.center_out{float:right;position:relative;right:30%;}
.center_in{position:relative;right:-30%;z-index:auto; height: 65px;}
* html .center_in{float:left;}

#header_navi {
margin:0 auto;
height:35px;
width:375px;
}


#header_navi ul{
margin: 0;
padding: 0;

font-family:Arial;
list-style-type: none;
}

#header_navi ul li{
	display: inline;
	margin: 0;
	list-style: none;
}

#header_navi ul  li a{
	background-color:#f2f2f2;
	padding: 4px 6px;
	margin: 0px 2px 0;
	float:left;
	color:#999;
	font-size:16px;
	font-weight:bold;
	list-style-type:none;
	text-decoration: none;

}



#header_navi ul li a:hover{
background-color:#999;
	color:white;
}


#header_navi ul li#current a {	

	padding-bottom: 20px;
	color:#fff;
	background-image:url('../img/nav_arrow_big.png');
	background-repeat:no-repeat;
	background-position:center 27px;
	background-color:#c72128;
}

/* end of nav elements */


/*#header_contact {
	position: absolute;
	top: 30px;
	right: 0px;
}*/

/* Auto Clear */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
/*.clearfix{clear:both;}*/
/* Hides from IE-mac \*/
.clearfix{zoom:1;display:block;}
/* End hide from IE-mac */

#header_contact {display:block;margin:0 auto 20px;text-align:center;width:100%;float:left;}

.header_element {display:block;} 
.header_element a{text-align:center;}

#content {
	float: left;
	width: 800px;
}

#home_description {
	width: 800px;
	margin: 30px auto 0px;
	height: 360px;
	padding-bottom: 10px;
}

#home_description .column_left {
	float:left;
	width:380px;
	margin-left:0px;
	margin-right:0px;
}

#home_description .column_right {
	float:right;
	width:380px;
}


#servicesheader {
	float: left;
	width: 790px;
	font: bold 24px Arial;
	color: #999999;
	margin-top: 40px;
	padding: 0px 80px 15px 100px;
}

#servicesheader .header01{
	width:230px;
	float: left;;
}

#servicesheader .header02{
	width:230px;
	float: left;
	margin-left: 50px;
}


#servicesheader .header03{
	width:230px;
	float: right;
}

#clients {
	float: left;
	width: 894px;
	background: url(../img/clients.png) no-repeat left top;
	height: 500px;
	padding-top: 29px;
	padding-bottom: 20px;
	padding-left: 106px;
}

#clientsheader {
	float: left;
	width: 790px;
	padding: 0px 80px 15px 100px;
	font: bold 24px Arial;
	color: #999999;
	margin-top: 40px;
}

#clients li {
	list-style: none;
	float: left;
	padding-bottom: 20px;
	padding-right: 21px;
	height:140px;
}

#clients ul {
	list-style: none;

}

#clients li a:hover, #clients li a:link, #clients li a, #clients li a:active, #clients li a:visited {
	margin: 0px;
	padding: 0px;
	list-style: none;
	background: #FFFFFF;
 } 

	
#clients a:hover, #clients a:link, #clients a, #clients a:active, #clients a:visited {
	margin: 0px;
	padding: 0px;
	list-style: none;
	background: #FFFFFF;
 } 


#clients h1{
	font: 24px Arial, Helvetica, sans-serif;
	color: #999999;
}

#blog {
	float: left;
	width: 900px;
	background: url(../img/gradient.png) repeat-y left top;
	font: 12px Arial, Helvetica, sans-serif;
	color: #999999;
	margin-bottom: 20px;
	padding-top: 15px;
	padding-bottom: 80px;
	padding-left: 100px;
	height: 300px;
}

#blog h1{
	font: 18px Arial, Helvetica, sans-serif;
	color: #999999;
}

#fadeslideshow {
	float: left;
	width: 790px;
	background: url(../img/iphone_bkg.gif) no-repeat left top;
	padding: 15px 80px 80px 100px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #999999;
	margin-bottom: 20px;
	height: 370px;
}

#fadeslideshow .column_01 {
	width:95px;
	float: left;
	margin-top: 20px;
	text-align: center;
}

#fadeslideshow .home{
	width:80px;
	float: left;
	margin-bottom: 25px;
}

#fadeslideshow .home a:link, #fadeslideshow .home2 a:hover, #fadeslideshow .home a, #fadeslideshow .home a:active, #fadeslideshow .home a:visited {
	text-decoration:none;
	color:#999999;
	background-color:white;
	margin: 0px;
	padding: 0px;
}

#fadeslideshow .logo{
	width:80px;
	padding-left: 8px;
}

#fadeslideshow .column_02 {
	width:300px;
	float: left;
	margin-left: 80px;
	margin-top: 100px;
	text-align: justify;
}



#fadeslideshow .column_03 {
	width:179px;
	float: right;
	margin-top: 64px;
	padding-right: 30px;
	
}

#fadeslideshow h1 {
	font: 22px/normal Arial, Helvetica, sans-serif;
	color: #999999;
	margin: 0px 0px -15px;
	padding: 0px;
}

#fadeslideshow h2 {
	font: normal 14px Arial, Helvetica, sans-serif;
	color: #999999;
	padding-top: 8px;
}


.slideshow {
	float: right;
}
.slideshow img {
}


#services {
	float: left;
	width: 790px;
	background: url(../img/gradient_3col.png) repeat-y left top;
	height:840px;
	padding: 15px 80px 80px 100px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #999999;
	margin-bottom: 20px;
}


#services h1{
	font: 18px Arial, Helvetica, sans-serif;
	color: #999999;
}
#services h2{
	font: 14px Arial, Helvetica, sans-serif;
	color: #c72128;
		text-align: center;
		font-weight:bold;
}
#services h2 span{
	font: 12px Arial, Helvetica, sans-serif;
	color: #c72128;
	font-weight:none;

}

#header_services_top{
	width: 405;
	border-bottom-width:1px;
 	border-bottom-style:solid;
  	border-bottom-color:#c72128;
	height: 18px;
	}

#services-sub-head .header_services_col_1 {
	width:140px;
	float: left;
	height:80px;
	font: 12px Arial;
	padding-left: 15px;
	padding-top: 5px;
}

#services-sub-head .header_services_col_2 {
	width:140px;
	float: left;
	height:80px;
	font: 12px Arial;
	padding-top: 5px;
}

#services-sub-head .header_services_col_3 {
	width:140px;
	float: left;
	height:80px;
	font: 12px Arial;
	padding-top: 5px;
}
#services-sub-head .header_services_col_4 {
	width:140px;
	float: left;
	height:80px;
	font: 12px Arial;
	padding-top: 5px;
}
#services-sub-head .header_services_col_5 {
	width:140px;
	float: left;
	height:80px;
	font: 12px Arial;
	padding-top: 5px;
}
#top_apphead{
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #C72128;
	margin-left: auto; 
	margin-right: auto; 
	text-align: left;
	width: 140px;
	float:left;
	}
#top_apphead1{
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #C72128;
	margin-left: auto; 
	margin-right: auto; 
	text-align: left;
	width: 140px;
	float:left;
	padding-left: 15px;
	}



#services .column_01 {
	width:230px;
	float: left;
	height:310px;
}
#services .column_01a {
	width:230px;
	float: left;
	height:320px;
}
#services .column_01b {
	width:230px;
	float: left;
	height:310px;
}

#services .column_02 a:link, #services .column_02 a:hover, #services .column_02 a, #services .column_02 a:active, #services .column_02 a:visited {
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	padding:2px 5px;
	color:#999999;
	background-color:white;
}




#services .column_02 a:hover {
	color:white;
	background-color:#999999;
}


#services .column_02{
	width:230px;
		float: left;
	margin-left: 45px;
	height: 310px;}
	
#services .column_02a{
	width:230px;
		float: left;
	margin-left: 45px;
	height: 320px;}
	
#services .column_02a a:link, #services .column_02 a:hover, #services .column_02 a, #services .column_02 a:active, #services .column_02 a:visited a:hover {
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	padding:2px 5px;
	color:#999999;
	background-color:transparent;
}

	
#services .column_02b{
	width:230px;
		float: left;
	margin-left: 45px;
	height: 310px;}


#services .column_03 {
	width:230px;
	float: right;
	height: 310px;
}
#services .column_03a {
	width:230px;
	float: right;
	height: 320px;
}
#services .column_03b {
	width:230px;
	float: right;
	height: 310px;
}


#services .column_03 a:link, #services .column_03 a:hover, #services .column_03 a, #services .column_03 a:active, #services .column_03 a:visited {
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	padding:2px 5px;
	color:#999999;
	background-color:white;
}


#services .column_03 a:hover {
	color:white;
	background-color:#999999;
}

#services-head{color:#c72128;font-size:26px;font-weight: bold;margin:0 auto 16px;width:800px;text-align:center;}
	
#services-sub-head{
	font: bold 14px Arial;
	color:#999999;
	}
	
	
#apphead{
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #C72128;
	margin-left: auto; 
	margin-right: auto; 
	text-align: center;
	}
	
	
/*............................contacts columns..................................*/
#contacts {
	background: url("../img/gradient_3col.png") repeat-y scroll left top transparent;
    color: #999999;
    float: left;
    font: 11px Arial,Helvetica,sans-serif;
    height: 600px;
    margin-bottom: 20px;
    padding: 15px 80px 80px 100px;
    width: 790px;
}


#contacts h1{
	font: 18px Arial, Helvetica, sans-serif;
	color: #999999;
}
#contacts h2{
	font: 12px Arial, Helvetica, sans-serif;
		text-align:left;
		font-weight:bold;
}
#contacts h2.right{
	font: 12px Arial, Helvetica, sans-serif;
	font-weight:none;
	text-align:left;

}
#contacts .column_02 a:link, #contacts .column_02 a:hover, #contacts .column_02 a, #contacts .column_02 a:active, #contacts .column_02 a:visited {
	text-decoration:none;
	font-size:12px;
	padding:2px;
	color:#999999;
	background-color:white;
}
#contacts .column_01 a:link, #contacts .column_01 a:hover, #contacts .column_01 a, #contacts .column_01 a:active, #contacts .column_01 a:visited {
	text-decoration:none;
	font-size:12px;
	padding:2px;
	color:#999999;
	background-color:white;
}
#contacts .column_03 a:link, #contacts .column_03 a:hover, #contacts .column_03 a, #contacts .column_03 a:active, #contacts .column_03 a:visited {
	text-decoration:none;
	font-size:12px;
	padding:2px;
	color:#999999;
	background-color:white;
}
/*.......................phone..........................................*/
#contacts .column_devide_left_phone {
	width:105px;
	float: left;
	text-align:left;
	margin-bottom:7px;
}
#contacts .column_devide_right_phone {
	width:125px;
	float: right;
	text-align:left;
margin-bottom:7px;
}
/*.......................add..........................................*/
#contacts .column_devide_left_add {
	width:105px;
	float: left;
	text-align:left;
	margin-bottom:36px;
}
#contacts .column_devide_right_add {
	width:125px;
	float: right;
	text-align:left;
margin-bottom:53px;
}
/*.......................add2..........................................*/
#contacts .column_devide_left_add2 {
	width:105px;
	float: left;
	text-align:left;
	margin-bottom:10px;
}
#contacts .column_devide_right_add2 {
	width:125px;
	float: left;
	text-align:left;
margin-bottom:10px;
}
/*.........................people and position...........................................*/
#contacts .column_devide_left_head {
	width:105px;
	float: left;
	text-align:left;
	color:#fff;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:10px;}
	
#contacts .column_devide_right_head {
	width:125px;
	float: right;
	text-align:left;
	color:#fff;
	padding-top:5px;
	padding-bottom:5px;
margin-bottom:10px;
}


#contacts .column_01 {
	width:230px;
	float: left;
	height:200px;
}

#contacts .column_01a {
	width:230px;
	float: left;
	height:300px;
}

#contacts .column_01b {
	width:230px;
	float: left;
	height:200px;
}

#contacts .column_01b a:link, #contacts .column_02 a:hover, #contacts .column_02 a, #contacts .column_02 a:active, #contacts .column_02 a:visited a:hover {
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	padding:2px 5px;
	color:#999999;
	background-color:transparent;
}

#contacts .column_02{
	width:230px;
	float: left;
	margin-left: 45px;
	height: 200px;
	}
	
#contacts .column_02a{
	width:230px;
		float: left;
	margin-left: 45px;
	height: 300px;
	}
	
#contacts .column_02b{
	width:230px;
		float: left;
	margin-left: 45px;
	height: 200px;
	}
	
#contacts .column_02b a:link, #contacts .column_02 a:hover, #contacts .column_02 a, #contacts .column_02 a:active, #contacts .column_02 a:visited a:hover {
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	padding:2px 5px;
	color:#999999;
	background-color:transparent;
}



#contacts .column_03 {
	width:230px;
	float: right;
	height: 200px;
}

#contacts .column_03a {
	width:230px;
	float: right;
	height: 300px;
}

#contacts .column_03b {
	width:230px;
	float: right;
	height: 200px;
}

#contacts .column_03b a:link, #contacts .column_02 a:hover, #contacts .column_02 a, #contacts .column_02 a:active, #contacts .column_02 a:visited a:hover{
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	padding:2px 5px;
	color:#999999;
	background-color:transparent;
}

/*..........................e mail..................................*/
#contacts .column_devide_left2 {
	width:105px;
	float: left;
	text-align:left;
	margin-bottom:19px;
}

#contacts .column_devide_right2 {
	width:125px;
	float: right;
	text-align:left;
	margin-bottom:19px;
}

/*.........................column 1....................................*/
#contacts .column_01 {
	width:230px;
	float: left;
}
#contacts .column_01_bottom {
	width:230px;
	float: left;
}
#contacts .column_01_top 
{height:250px;
	width:230px;
	float: left;
	padding-top: 15px;
}


/*.........................column 2....................................*/
#contacts .column_02 {
	width:230px;
	float: left;
	margin-left: 45px;}

#contacts .column_02_bottom {
	width:230px;

}
#contacts .column_02_top {
	width:230px;
	height:120px;
}
/*.........................column 2....................................*/
#contacts .column_03 {
	width:230px;
	float: right;
	
}
#contacts .column_03_top {
	width:230px;
	height:250px;
	float: right;
	
}
#contacts .column_03_bottom {
	width:230px;
	float: right;
	
}/* contacts ends...........................
*/
.float-left {
	float:left;
	width: 100px;
}

.twocol_box {
	clear:both;
	height:auto;
	color: #808080;
	font: normal 12px Arial;
	padding-top: 20px;
	/*background: url('../img/gradient_2col.png') repeat-y -100px;*/
}

.title {
	font-size:22px;
	font-weight:bold;
	color:#999;
	margin-bottom:10px;
}

.bold {
font-weight:bold;
	
}



.title2 {
	font-size:22px;
	font-weight:bold;
	color:#999;
	margin-bottom:10px;
	width: 300px;
	padding-left: 20px;
}


#footer {
	padding-bottom: 30px;
	clear: both;
	width: 800px;
	margin: 20px auto 30px;
}

.left {
	float:left;
	margin-left:0px;
}

.right {
	float:right;
	margin-right:0px;
}

#footer a {
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	padding:1px 5px;
	color:#999;
	background-color:#f2f2f2;
}

#footer a:visited {
	color:#999;
	background-color:#f2f2f2;
}

#footer a:hover {
	color:white;
	background-color:#999999;
}

#showroom {
	float: left;
	width: 100%;
	margin-top: 10px;
}

div#app-bg {
	position: absolute;
	top: 435px;
	left: 50%;
	margin-left: -500px;
	width: 1000px;
	height: 260px;
	background-image:url('../img/gradient.png');
	background-repeat:repeat-y;
	background-position:0 0;
}



div#about-news-bg {
	position: absolute;
	background-image:url('../img/gradient_2col.png');
	/*top: -100px;*/
	top:840px;
	left: 50%;
	margin-left: -500px;
	width: 1000px;
	height: 100px;
	background-repeat: repeat-y;
	background-position:0 0;
	z-index: -100;
	
}
.map {
	border: 5px solid #FFFFFF;
	margin-bottom: 18px;
	margin-top: 0px;
	width: 231px;
}
#contact_details{
    height:700px;
}



#containerslider {
	margin:0 auto;
	width:800px;
}

#containerwp {
	margin:20px auto 0;
	width:1000px;
	height: auto;
	background: url(../img/gradient.png);
    /*background-color: pink;*/
}
 
#contentwp {
	float: left;
	width: 900px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #999999;
	margin-bottom: 20px;
	height: auto;
	padding: 15px 100px 80px;
}