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


* {	margin:0;padding:0; }
	
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;}	
.replace {text-indent: -2000px;}


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


/*Header*/
#menu {float:right; width:440px;}
#menu a:link, #menu a:visited {display:block; float:left; text-indent:-2000px; height: 88px; background-position:top left;}
#menu a:hover {background-position:bottom left;}
#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:113px;}
#menu a.about {background-image: url(../img/nav-about.gif); width:72px;}
#menu a.contact {background-image: url(../img/nav-contact.gif); width:84px;}

#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;}

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


/*Footer*/
#footer {width:100%;}
#footer div.inner {width:930px; margin:0 auto; text-align:left;}
#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:left; width:460px; padding-right:30px; }
#extended div.rightcol {float:right; width:410px; padding-left:29px;  border-left:1px solid #171717;}
#extended h2.aim {height:48px; background: url(../img/aim-for-success.png) no-repeat top left;}
#extended h2.takeastep {height:48px; background: url(../img/take-a-step.gif) no-repeat top left;}
#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 98% 10px; padding-right: 25px; margin-bottom:15px;}
#extended input, #extended textarea {border:0; font-family:arial; font-size:14px; color:#7f7f7f; padding: 10px 0 0 10px;}
#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:right; 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:left; margin-bottom:10px; width:175px; height:32px; background:url(../img/copywriting.gif) no-repeat top left;}
a.copy:hover {background-position:bottom left;}

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

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

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

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

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

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

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

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

#contact #wrapper a:link, #contact #wrapper a:visited {color:#ea5a5a; text-decoration:underline;}
#contact #wrapper 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:left; padding-right:20px; border-right: 1px solid #f1f1ed; }
#contentbody div.col2 {width:280px; float:left; padding-right:30px; padding-left:20px; }
#contentbody div.col3 {width:240px; float:left; margin-left:15px; padding:20px 15px; background-color:#242424; color:#f5f5f5;}

#contentbody h2.knowledge {height:52px; 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 {padding-left:15px; font-size:12px;}
#contentbody div.col1 li, #contentbody div.col2 li {margin-bottom:5px;}
#contentbody div.col1 p, #contentbody div.col2 p {text-align:left; 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 {float:left; padding:5px 0;} 
#contentbody div.col3 ul li img {float:left;} 
#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; height:25px; background: url(../img/view-showcase.gif) no-repeat top left; text-indent: -10000px; margin-bottom:15px;}
a.showcases:hover {background-position: bottom left;}

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:left; margin-right:30px;}
#contentbody div.widecol div.services {width:270px; float:left; padding-right:20px; margin-right:30px; border-right:1px solid #f1f1ed;}
#contentbody div.widecol div.last {border-right:0; padding-right:0; margin-right: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:left; margin: 0 10px 0 0;}

#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
	{
	float: left; /*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 {width:290px; float:left; margin-bottom:30px; margin-right: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-right:30px; float:left; 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:left; padding-left:30px;  border-left :1px solid #f1f1ed;} 
a.vcard:link, a.vcard:visited {display:block; background: url(../img/vcard.gif) no-repeat bottom left; height:15px; padding-left:21px;}


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

#myForm {}
#myForm fieldset {border:0; width:280px; float:left;}
#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 135px 0 0;
	float: right;
	cursor:pointer;
	}

#myForm button span {display:none;}