/* 
    AUTHOR: ZYLONE IT
            info@zyloneit.com
*/

/* ------------------------------------------ */
/* RESETS, BASIC PAGE SETUP, BASIC TYPOGRAPHY */
/* ------------------------------------------ */
* { margin: 0;}
html { overflow-y: scroll; }
body { font: 12px Arial, Helvetica, sans-serif; background:url(images/bg.jpg) repeat-x; background-color:#7f8391;}
ul { list-style: none;}
p { font: 13px; margin-bottom: 5px; }
a { outline: none; color: #09C; text-decoration: none;}
a img { border: none; }
a:visited{ color:#09C;}
input, select {width:200px;}
textarea {width:350px;} 
/* END RESET */

/* ------------------------------------------ */
/* TOOLBOX CSS */
/* ------------------------------------------ */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
.transpBlack { background: url(transpBlack.png); }
/* END TOOLBOX */

/* ------------------------------------------ */
/* PAGE STRUCTURE */
/* ------------------------------------------ */

#body{
	width: 100%;

}

#page-wrap {
	width: 979px;
	margin: 5px auto;
	background-color:#f0eeee;
	clear:both;
}

#body-content{
	padding: 0px;
	clear: both;
}

#header{
	height: 165px;
	width: 979px;
	margin: 0 auto;
}

#banner{
	width: 979px;
	height:135px;
	margin: 0px auto;
	background: url(images/logo.jpg) no-repeat;
}

#animated{
	float: right;
	width: 823px;
	height:135px;
	background: url(images/topbg.jpg) no-repeat;
}

#menu{
	
	height: 34px;
	width: 979px;
	margin:0 auto;
	
}


#tagline{
	float: right;
	width: 580px;
	margin: 45px;
	font: 28px "Helvetica LT Std", Arial, sans-serif;
	color: #FFF;
}
/*MENU*/
#menu{
	width:100%;
	
}


.chromestyle2{
width: 979px;
margin: 0 auto;
height: 32px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
text-transform: capitalize;
background: url(images/menubg.jpg) repeat-x;

}

.chromestyle2 a{
 color: #ffffff;
 display:block;
}

.chromestyle2 a:hover{
	color: #FFFFFF;
}


.chromestyle2:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}


.chromestyle2 ul{

width: 100%;
padding: 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}


.chromestyle2 ul li{
display: inline;

}

.chromestyle2 ul li a{
color: #ffffff;
padding: 7px 40px;
margin: 0;
text-decoration: none;
float:left;
margin-left: 10px;

}

.chromestyle2 ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background-color: #2e57ab;/*THEME CHANGE HERE*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
 /*THEME CHANGE HERE*/
border-bottom-width: 0;
font: Arial, Helvetica, sans-serif;
line-height:18px;
z-index:100;
background-color: #2e57ab;
width: 50px;
visibility: hidden;
font-size: 13px;
text-transform:uppercase;

}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #eed2b3; /*THEME CHANGE HERE*/
padding: 5px 0;
text-decoration: none;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;

}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #4b61ce;
}

/*END MENU*/


/*CONTENT-PAGES*/
#left{
	width: 765px;
	float: left;
	background-color: #f2f2dc;
	
}
#left a{
	color: #960;
	text-decoration: none;
}


#left-main a{
	color: #960;
	text-decoration: none;
}


#left-main{
	width: 100%;
	float: left;	
	background-color:  #f0eeee; }


#left a:hover{
	color: #966;
	text-decoration: underline;
}
#left-content-main{
	padding: 1px;
	font-size: 12px;
	line-height: 18px;
}
#left-content{
	padding: 10px;
	font-size: 12px;
	line-height: 18px;
}

#left-photo{
	width: 220px;
	float:left;
	overflow: hidden;
	padding: 10px 15px 0px 15px;
	background-color: #f7f7f7;
}
#right{
	width: 257px;
	float: right;
	background-color: #fff;
}
#right a{
	color: #990;
	text-decoration: none;

}

#right a:hover{
	color: #960;
}

#right-content{
	margin: 10px;
}
#center{
	float: right;
	width: 719px;
	background-color: #f0eeee;
	
}
#center-content{
	margin: 10px 19px;


}
.bigtext-main{
	color: #a76017;
	font: 20px "Lucida Bright", Georgia, "Times New Roman", serif;
	
}
.rightbox-main {
	background-color: #FFF;
	padding: 13px;

}
.pagetitle{
	font: bold 20px "Century Gothic", Tahoma, sans-serif;
	color: #66C;
	padding-bottom: 10px;
}

.maintext{
	color:#333;
	font: 11px Arial, Helvetica, sans-serif;
}

.subtitle{
		color: #000;
		font: bold 15px "Helvetica LT Std", Arial, sans-serif;
}
.text{
	color: #4b4b4b;
	font: 12px Arial, Helvetica, sans-serif;
	text-align:justify;
	line-height: 18px;
}
.login-text-field{
	width: 120px;
}
#footer{
	height: 60px;
	border-top: #8e765e;
	width: 982px;
	margin: auto;
	font-weight: bold;
	font-size: 10px;
}

#copyright{
	width: 570px;
	float:left;
	margin-left: 10px;
	margin-top: 15px;
	line-height: 10px;
}

#copyright a{
	color: #FFF;
}

#copyrigh a:hover{
	color: #06C;
}
#address{
	width: 200px;
	float:right;
	margin-top: 15px;
	line-height: 10px;
}
.footer-content{
	padding: 0px;
	color: #FFF;
	margin-top: 20px;
}

#message{
padding: 2px;

background-color: #FFF;
 
}

.image-thumb{
	margin: 20px;
	border: 10px solid #d7d6b0;
}

#contactform{
	float:right;
	width: 60%;
	border: 1px solid #d7d6b0;
	margin-bottom: 10px;
	background: #e5e4ce;
}

.contactform-fields{
	width: 300px;
	height: 25px;
	font: 16px "Lucida Bright", Georgia, "Times New Roman", serif;
	
}

#contact-details{
	float:left;
	width: 33%;
	padding: 10px;
	border: 1px solid #d7d6b0;
	background: #e5e4ce;
}

.contact-details-field2{
	height: 150px;
	width: 300px;
	font: 16px "Lucida Bright", Georgia, "Times New Roman", serif;
}

#announcements{
	height: 256px;
	overflow:visible;
}

/* Listen */
#news{
	padding:0;
	
	
}
#news li{
margin-bottom: 1px;
}
ul#news {
	color: #960;
}
h3 {
	font-size: 107%;
	line-height: 1.2;
	font-weight: bold;
	color: #0088cc;
	margin:20px;
}
.subtitle2{
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
}

.title{
	color: #3864bb;
	font: bold 18px "Century Gothic", Tahoma, sans-serif;
}

#bannerko{
	width: 979px;
	margin: 0 auto;
}

#updates{
	float: left;
	width: 251px;
	height: 221px;
	background-color: #fff;
}

#updates-content{
	padding: 10px;
}
#updates-text{
	color: #000;
	line-height: 17px;
	margin-top: 10px;
	
}
#banner-home{
	float: right;
	width: 721px;
}

.dotted{
	height: 1px;
	border-top: 1px #999 dotted;
}

#careerbutton{
	padding: 0 15px;
}

#btgroups{
	margin-top: 10px;
}
.button-group{
	padding-bottom: 4px;
}

.products-button{
	margin-top: 5px;
}

#innercontent{
	background-color: #FFF;
}

#innerleft{
	float: left;
	background-color: #fff;
	width: 251px;
	clear:both;
}

#innerleft2{
	float: left;
	background-color: #fff;
	width: 251px;
	overflow: hidden;
}
#innerright{
	float: right;
	width:74%;
	background: #e3e1e1;
}

#inner-content-main{
	padding:10px;
}
#inner-content-main div p{
	margin-bottom:15px;
}


/*FOR TEAM */


.button {
	float: left;
	margin: 5px;
}

#content_team{
	float: right;
	width: 500px;
	height:250px;
	
	margin-right: 10px;
	margin-bottom: 20px;

}

#content_team2{ /*--PHONES MODEL*/
		float: right;
	width: 600px;
	height:250px;
	
	margin-right: 10px;
	margin-bottom: 20px;
}
#teamleft{
	width: 250px;
	float: left;
	margin-bottom: 20px;
}

#innerright2{
	padding: 0 20px;

}

#home {
	display: none;
	padding: 30px;
}
#home-button {
	opacity: 1.0;
	padding-bottom: 20px;
	
}

#about {
	display: none;
	padding: 120px 30px;
}
#about-button {
	opacity: 0.5;
	border-bottom: 1px solid #fff;
	margin-bottom: 20px;
}

#iphone {
	display: none;
	padding: 45px 20px;
}

#nokia {
	display: none;
	padding: 150px 20px;
}

#nokia-button {
	opacity: 0.5;
	border-bottom: 1px solid #fff;
}
#BB {
	display: none;
	padding: 250px 30px;
}

#BB-button {
	opacity: 0.5;
	border-bottom: 1px solid #fff;
}

#samsung {
	display: none;
	padding: 360px 30px;
}

#samsung-button {
	opacity: 0.5;
	border-bottom: 1px solid #fff;
}

#SE {
	display: none;
	padding: 460px 30px;
}
#SE-button {
	opacity: 0.5;
	border-bottom: 1px solid #fff;
}
/**
#contact {
	display: none;
	padding: 170px 30px;
}
**/
#contact-button {
	opacity: 0.5;
	border-bottom: 1px solid #fff;
	
}

.line{height:1px; border-top: 1px solid #CCC; width: 100%;}


.phonelink{
	margin-bottom: 10px;
	border-bottom: 1px dotted #CCC;


}

/* END STRUCTURE
*/