/*  
Description: Amir Ben Artzi
Version: 1.0 Hebrew
Author: Liad Guez
Author URI: http://www.egstudio.biz/
*/


* {	margin:0; padding:0; direction:rtl; }
	
body
	{
	font: normal 12px  Arial;
	line-height: 1.4em;
	color: #3a3937;
	background-color:#fffff7;
	text-align:center;
	height:100%;
	}

/*General Styles*/	
div.clear {clear:both; float: none; width: auto;}	

a img {border:0;}
.right {float:right;}	
.left {float:left;}	
.replace {text-indent: -2000px;}


/*~~~~~~~~~~~~~~Basic layout~~~~~~~~~~~~~~~~*/
#wrapper {width: 930px; text-align:right; margin:0 auto;}


/*Header*/
#header {text-align:left;}
#menu {float:right; width:440px;}
#menu a:link, #menu a:visited {display:block; float:right; height: 88px; color:#000; text-decoration:none; font-size:24px; background-position:top left;}
#menu a:hover {background-position:bottom left; color:#fff;}

#menu a.media {background-image: url(../img/nav-media.gif); width:72px;}
#menu a.content {background-image: url(../img/nav-content.gif); width:87px;}
#menu a.knowledge {background-image: url(../img/nav-knowledge.gif); width:72px;}
#menu a.about {background-image: url(../img/nav-about.gif); width:84px;}
#menu a.contact {background-image: url(../img/nav-contact.gif); width:113px;}

#media a.media:link,
#media a.media:visited,
#content a.content:link, 
#content a.content:visited,
#knowledge a.knowledge:link,
#knowledge a.knowledge:visited,
#about a.about:link,
#about a.about:visited,
#contact a.contact:link,
#contact a.contact:visited {background-position:bottom left; color:#fff;}

#menu a span {display:block; text-align:center; padding-top:45px;}

a.toggle:link, a.toggle:visited { display:block; text-indent:-10000px; text-decoration:none; height:23px; margin-bottom:15px; width:109px; background: url(../img/rock-your-world.gif) no-repeat bottom left;}
a.toggle:hover { background-position:top left; }

/*#menu a span {display:none;}*/

/*Footer*/
#footer {width:100%;}
#footer div.inner {width:930px; margin:0 auto; text-align:right;}
#footer div.errors {padding: 5px 10px; background: #ffd3d3; border:1px solid #dda2a2; color:#602929; font-size:11px; margin-bottom:15px; width:389px;}

/*extended footer*/
#extended {background: #0e0e0e url(../img/extended-bg.jpg) no-repeat top center; color:#f0f0f0; padding: 25px 0 150px;}
#extended a:link, #extended a:visited {color:#d367cf; text-decoration:underline;}
#extended a:hover {color:#ef87eb;}
#extended div.leftcol {float:right; width:460px; padding-left:30px; }
#extended div.rightcol {float:right; width:410px; padding-right:29px;  border-right:1px solid #171717;}
#extended h2.aim {height:48px; background: url(../img/aim-for-success.png) no-repeat top right;}
#extended h2.takeastep {height:48px; background: url(../img/take-a-step.gif) no-repeat center right;}
#extended p {padding:5px 0 15px;}
#extended hr {display:block; clear:both; border:0; height:1px; border-top:1px solid #171717; margin: 15px 0;}
#extended form span {display:block; background: #fff url(../img/astrics.gif) no-repeat 10px 10px; padding-left: 25px; margin-bottom:15px;}
#extended input, #extended textarea {border:0; font-family:arial; font-size:14px; color:#7f7f7f; padding: 10px 10px 0 0;  overflow-y:hidden;}
#extended input {height:25px;}
#extended textarea {height:75px; width: 370px; padding-bottom:10px;}
#extended input.submit {height:auto; padding:0;}

/*Bottom footer*/
#bottom {height:95px; margin-top:-95px; background: url(../img/rugged-footer.png) repeat-x top left; color:#917590; font-size:0.9em;}
#bottom div.inner {padding-top:70px;}
#bottom ul {display:block; float:left; list-style:none; }
#bottom ul li {display:inline; text-transform: uppercase;}
#bottom ul li span {color:#000;}
#bottom a:link, #bottom a:visited {color:#743d72; text-decoration:none;}
#bottom a:hover {color:#dc5ad7;}

a.copy:link, a.copy:visited {display:block; float:right;  margin-bottom:10px; width:200px; height:37px; background:url(../img/copywriting.gif) no-repeat top right;}
a.copy:hover {background-position:bottom right;}

a.market:link, a.market:visited {display:block; float:right;   margin-bottom:10px; width:240px; height:37px; background:url(../img/market.gif) no-repeat top right;}
a.market:hover {background-position:bottom right;}

a.knowledge-delivery:link, a.knowledge-delivery:visited {display:block; float:right; width:200px; height:37px; background:url(../img/knowledge.gif) no-repeat top right;}
a.knowledge-delivery:hover {background-position:bottom right;}

a.translation:link, a.translation:visited {display:block; width:166px; float:right; height:37px; background:url(../img/translate.gif) no-repeat top right;}
a.translation:hover {background-position:bottom right;}

/*Subnav*/
#subnav {margin: 20px 0 10px; color:#bcbcbc;}
#subnav ul {list-style:none; }
#subnav ul li {float:right; padding: 0 3px;}
#subnav ul li b {color:#242424;}

#media #contentbody a:link, #media #contentbody a:visited, #media #subnav a:link, #media #subnav a:visited {color:#36aa2a; text-decoration:underline;}
#media #contentbody a:hover, #media #subnav a:hover {color:#2a7824;}

#content #contentbody a:link, #content #contentbody a:visited, #content #subnav a:link, #content #subnav a:visited  {color:#c05fbc; text-decoration:underline;}
#content #contentbody a:hover, #content #subnav a:hover {color:#e777e2;}

#knowledge #contentbody a:link, #knowledge #contentbody a:visited, #knowledge #subnav a:link, #knowledge #subnav a:visited {color:#1dbdff; text-decoration:underline;}
#knowledge #contentbody a:hover, #knowledge #subnav a:hover {color:#1a8ebe;}

#about #contentbody a:link, #about #contentbody a:visited, #about #subnav a:link, #about #subnav a:visited  {color:#ea5a5a; text-decoration:underline;}
#about #contentbody a:hover, #about #subnav a:hover {color:#b13636;}

#contact #contentbody a:link, #contact #contentbody a:visited, #contact #subnav a:link, #contact #subnav a:visited {color:#ea5a5a; text-decoration:underline;}
#contact #contentbody a:hover, #contact #subnav a:hover {color:#b13636;}


#pageheader {border-top:3px dotted #ebebe9; border-bottom:3px dotted #ebebe9; margin-bottom:15px; padding: 15px 0;}
#pageheader h1 {font-size:24px;}
#pageheader p {font-size:14px; padding-top:5px; color:#625d5d;}

/*content body*/
#contentbody {margin-bottom:60px;}
#contentbody div.col1 {width:280px; float:right; padding-left:20px; border-left: 1px solid #f1f1ed; }
#contentbody div.col2 {width:280px; float:right; padding-left:30px; padding-right:20px; }
#contentbody div.col3 {width:240px; float:right; margin-right:15px; padding:20px 15px; background-color:#242424; color:#f5f5f5;}

#contentbody h2.knowledge {height:28px; width: 230px; background: url(../img/our-knowledge.gif) no-repeat top left; }
#contentbody h2.benefits {height:50px; width: 230px; background: url(../img/media-benefits.gif) no-repeat top left; }
#contentbody h2.maximize {height:50px; width: 230px; background: url(../img/maximizing-roi.gif) no-repeat top left; }
#contentbody h2.experience {height:40px; width: 230px; background: url(../img/experience-is-key.gif) no-repeat top left; }


#contentbody div.col1 ul, #contentbody div.col2 ul {margin-right:15px; font-size:12px;}
#contentbody div.col1 li, #contentbody div.col2 li {margin-bottom:5px;}
#contentbody div.col1 p, #contentbody div.col2 p { margin-bottom:15px;}
#contentbody div.col2 ol {padding-left:15px; font-size:12px;}
#contentbody div.col2 li {margin-bottom:5px;}
#contentbody div.col3 h3 {font-size: 13px;}
#contentbody div.col3 ul {list-style:none; font-size:14px; } 
#contentbody div.col3 ul li { padding:8px 0;} 
#contentbody div.col3 ul li img {float:right;} 
#contentbody div.col3 hr {display:block; clear:both; margin:15px 5px; border:0; height:1px; border-top: 1px solid #3d3b3b;} 
#contentbody p.gallerytext {color:#bcbcbc; font-size:11px;}	

#media #contentbody h2 {font-size:18px; color:#46ac40; font-weight:400; margin-bottom: 10px; line-height:20px}
#content #contentbody h2 {font-size:18px; color:#c05fbc; font-weight:400; margin-bottom: 10px; line-height:20px}
#knowledge #contentbody h2 {font-size:18px; color:#1dbdff; font-weight:400; margin-bottom: 10px; line-height:20px}

a.showcases:link, a.showcases:visited {display:block;  text-decoration:none; height:17px; text-indent:-10000px; background: url(../img/view-showcase.gif) no-repeat top right; margin-bottom:15px;}
a.showcases:hover {background-position: bottom right; text-decoration:none;}

.showcases span {display:none}

a.gethelp:link, a.gethelp:visited {display:block; height:10px; background: url(../img/get-help-btn.gif) no-repeat top left; text-indent: -10000px;}
a.gethelp:hover {background-position: bottom left;}
div.next {margin-top:13px;}

/*About us*/
#contentbody div.widecol {width:610px; float:right; margin-left:30px;}
#contentbody div.widecol div.services {width:270px; float:right; padding-left:20px; margin-left:30px; border-left:1px solid #f1f1ed;}
#contentbody div.widecol div.last {border-left:0; padding-left:0; margin-left:0;}

#contentbody div.widecol p.intro {font-size:12px; line-height:1.4em; margin-bottom:30px;}

#contentbody div.widecol div.services p {color:#444444; font-size:11px; margin-bottom: 30px;}
#contentbody div.widecol div.services p img {float:right; margin: 0 0 0 10px;}

#contentbody div.col3 ul.exp {margin-bottom:10px;}
#contentbody div.col3 ul.exp li {float:none; font-size:11px; line-height:15px; color:#c7c7c7;}

/*step carusel*/

.stepcarousel
	{
	margin-top:10px;
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 230px; /*Width of Carousel Viewer itself*/
	height: 50px; /*Height should enough to fit largest content's height*/
	padding: 0 5px;
	}

.stepcarousel .belt {position: absolute; /*leave this value alone*/ left: 0; top: 0; }

.stepcarousel .panel
	{
	text-align:left;
	float: right; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 10px; /*margin around each panel*/
	width: 230px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	}


/*~~~~~~~testamonials page~~~~~~~~~*/

#contentbody div.testamonial {position: relative; width:290px; float:right; margin-bottom:30px; margin-left:20px;}
#contentbody div.testamonial div.blockquote-wrapper {background:  #242424  url(../img/quotes-top.jpg) no-repeat top left;}
#contentbody div.testamonial blockquote { font-family: Georgia; font-size:14px; color:#fff; background:url(../img/quotes-bottom.jpg) no-repeat bottom left;}
#contentbody div.testamonial blockquote span { display:block; padding:20px 20px 40px 20px;}
#contentbody div.testamonial cite {font-style:normal; font-size:11px; padding-top:5px; line-height:1.2em; color:#777777; display:block; position:relative; margin-top:-13px;}
#contentbody div.testamonial cite span {display:block; margin-bottom:5px; font-weight:bold; font-size:14px; color:#ea5a5a; font-family:Georgia;}


/*Hover definitions to testamonial div's*/

#contentbody div.hover div.blockquote-wrapper {background:  #e93838  url(../img/quotes-top-hover.jpg) no-repeat top left;}
#contentbody div.hover blockquote {background:url(../img/quotes-bottom-hover.jpg) no-repeat bottom left;}
#contentbody div.hover cite {color:#cd272b;}

/*~~~~~~~~~~~~~~~~~~~~~Contact us~~~~~~~~~~~~~~~~~~~~~~~~*/

#contentbody div.thinleft {width:200px; margin-left:30px; float:right; font-size:11px;} 
#contentbody div.thinleft span {color:#bcbcbc;} 
#contentbody div.thinleft sup {background-color:#ffd3d3;} 
sup a:link, sup a:visited {text-decoration:none; color:#fff;} 

#contentbody div.thickright {width:650px; float:right; padding-right:30px;  border-right :1px solid #f1f1ed;} 
a.vcard:link, a.vcard:visited {display:block; background: url(../img/vcard.gif) no-repeat bottom right; height:15px; padding-right:21px;}


/*~~~~~~~~~~~~~~~~~~~~~Form~~~~~~~~~~~~~~~~~~~~~~~~*/

#myForm {}
#myForm fieldset {border:0; width:280px; float:right;}
#myForm fieldset.long {clear:both; float:none; }

#myForm input, #myForm textarea {border:1px solid #bdbcbc; padding:5px;  font-weight:bold; background:transparent; font-family:Arial;}
#myForm input { width:220px;}

#myForm input:focus {border-color:#d53838;} 

#myForm span.input-text {display:block; margin-bottom:15px;}
#myForm textarea {overflow-y:hidden; width:500px; height: 150px;}
#myForm textarea:focus {border-color:#d53838;}

#myForm label {font-size:11px; color:#6f6f6f;}
#myForm label span.optional {color:#959595;}


.errors {padding: 5px 10px; background: #ffd3d3; border:1px solid #dda2a2; color:#602929; font-size:11px; margin-bottom:15px; width:500px;}
.success {padding: 5px 10px; background: #c0edff; border:1px solid #7bbcd6; color:#3a738a; font-size:11px; margin-bottom:15px; width:500px;}


#myForm button 
	{
	background: url(../img/send-button.gif)  no-repeat;
	height: 29px;
	width: 96px;
	border:0;
	margin: 16px 0 0 135px;
	float: left;
	cursor:pointer;
	}
	

#myForm button span {display:none;}