/*

Coded By: iDuDi - Web & Cellular consultant
http://www.idudi.co.il
Date: 13/02/2009


PRIMARY COLORS:
cian:#68B3E3
grey:#B8D8F1


*/

/****************************************************** General  *******/

body{
font-size: 13px;
font-family: arial, helvetica, georgia;
text-align: center;
color: #68B3E3;
background-color:#ffffff;  
}

p, ul, li, img, form, body, html{
margin: 0;
padding: 0;
}

ul{
    list-style-type:none;
}

li{
display:inline;
}

a
{
color: #ffffff;
text-decoration: none;
}

a:hover{
color:#ffffff;
text-decoration: none;
}

a img{border: none;
}


h3{
display:none;
}


/****************************************************** container *******/

#container, #containerHP{
text-align: left;
margin:50px auto;
width:775px;
height:520px;
border:1px solid white;
}

#container{
background:#ffffff url(../images/main-bg.gif) no-repeat top center;
}

#containerHP{
background:#ffffff url(../images/home-page-bg-2.jpg) no-repeat top center;
}

#container h1, #containerHP h1{
display:none;
}

/****************************************************** main content *******/

#maincontent{
margin-top:55px;
width:775px;
height:335px;
}

#companyAbout, #companyNews, #companyContact{
padding-top:30px;
width:170px;
height:307px;
float:left;
text-align:center;
}

#companyAbout{
background:url(../images/about-figure.jpg) no-repeat bottom center;
}

#companyNews{
background:url(../images/news-figure.jpg) no-repeat bottom center;
}

#companyContact ul{
margin-top:150px;
}

#contentAbout, #contentNews{
width:300px;
height:334px;
float:left;
margin-left:30px;
padding-left:100px;
color:#ffffff;
}

#contentAbout{
background:url(../images/about-icon-list.jpg) no-repeat top left;
}

#contentNews{
background:url(../images/news-icon-list.jpg) no-repeat top left;
}

#contentContact{
	font-size:12px;
	width:300px;
	height:334px;
	float:left;
	margin-left:30px;
	padding-left:75px;
	color:#ffffff;
	padding-top: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background-image: url(../images/contact-icon-list.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#contentAbout h2, #contentNews h1, #contentContact h1{
display:block;
margin-top:0px;
text-transform:uppercase;
font-weight:normal;
font-size:24px;
}

#contentContact h1{
	padding-left:60px;
	margin-bottom:30px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

#contentNews h2{
display:block;
margin-top:10px;
margin-bottom:5px;
text-transform:capitalize;
letter-spacing:1px;
font-weight:bold;
font-size:22px;
}

#contentAbout p, #contentNews p{
width:90%;
line-height:1.4em;
}

#contentAbout p{
padding-bottom:20px;
}

#contentNews p img{
margin:7px 0px;
}

.fieldBox{
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 13px;
	padding-left: 0px;
}

.fieldLable{
	float:left;
	text-align:left;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;
	width: 60px;
}

.fieldInput{
	width:180px;
	height:18px;
	padding-top:0px;
	padding-left:6px;
	display:table;
	padding-right: 0px;
	padding-bottom: 0px;
	background-color: #3D8CC4;
}
input
{
	background-color: #3D8CC4 !important;
}
.fieldTextArea{
	height:90px;
	padding-top:0px;
	padding-left:6px;
	display:table;
	width: 180px;
	padding-right: 0px;
	padding-bottom: 0px;
	background-color: #3D8CC4;
}
#ftext {
	width: 170px;
	height: 85px;
	overflow: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	background-color: #3D8CC4;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	letter-spacing: 0em;
}

.fieldInput input{
height:8px;
width:164px;
margin:0px;
font-size:9px;
letter-spacing:2px;
border-width:0px;
color:#ffffff;
background-color:#B8D8F1;
}

.fieldTextArea textarea{
border-width:0px;
color:#ffffff;
background-color:#B8D8F1;
overflow:auto;
}

.fieldSubmit{
padding-left:60px;
}

#frmSubmit{
	background:url(../images/submit.gif) no-repeat;
	width:72px;
	height:14px;
	border-width:0px;
	cursor:pointer;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	background-color: Red;
}

#freeText{
margin-top:20px;
}

#animation, #animationHP{
margin-left:605px;
height:264px;
text-align:center;
padding-top:70px;
}

#maincontentHP{
margin:1px 0px 0px 170px;
width:435px;
height:435px;
/*background:#68B3E3 url(../images/home-page-bg.jpg) no-repeat center center;*/
float:left;
}

#aboutBox{
height:145px;
width:145px;
padding:0px;
clear:both;
}

#newsBox{
height:146px;
width:145px;
margin-top:145px;
padding:0px 0px 0px 0px;
float:left;
}

#contactBox {
	height:146px;
	width:146px;
	margin-left:290px;
	margin-top:145px;
	text-align:center;
}

#aboutBox a, #newsBox a, #contactBox a{
font-size:24px;
font-weight:normal;
}

#animationHP{
margin-top:60px;
}


/****************************************************** Scroller ********/

#contentWrap {
position	: relative;
top			: 1px;
left		: 1px;
width		: 250px;
height		: 335px;
overflow	: hidden;
margin-left:30px;
}

#content {
position	: relative;
width		: 255px;
overflow:hidden;
}


#scrollArea {
background:transparent url(../images/scroller-bg.gif) no-repeat scroll center top;
float:left;
height:330px;
left:150px;
overflow:hidden;
position:relative;
top:6px;
width:7px;
}

#scroller {
position	: absolute;
top			: -1px;
width		: 6px;
background	: #ffffff;
border-top  : 1px solid #68B3E3;
border-bottom : 1px solid #68B3E3;
cursor:pointer;
}

/****************************************************** footer ********/

#footer{
width:795px;
text-align:center;
clear:both;
}

#footerMenu ul{
padding:20px 0px;
}

#footerMenu ul li{
padding:0px 9px;
}

#footerMenu ul li a{
color:#68B3E3 ;
}

#copyright p{
font-size:12px;
}

.dynamic{
padding-top:40px;
}
#fname {
	background-color: #3D8CC4;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: Arial, Helvetica, sans-serif;
	width: 170px;
	height: 15px;
	font-size: 13px;
	color: #FFFFFF;
	letter-spacing: 0em;
}
#company {
	background-color: #3D8CC4;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	letter-spacing: 0em;
	height: 15px;
	width: 170px;
}
#job {
	background-color: #3D8CC4;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	letter-spacing: 0em;
	height: 15px;
	width: 170px;
}
#telephone {
	background-color: #3D8CC4;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	letter-spacing: 0em;
	height: 15px;
	width: 170px;
}
#country {
	background-color: #3D8CC4;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	letter-spacing: 0em;
	height: 15px;
	width: 170px;
}
#email {
	background-color: #3D8CC4;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	letter-spacing: 0em;
	height: 15px;
	width: 170px;
}