/* CSS Document */

* {
	padding: 0;
	margin: 0;
}

/* ------------------------------------------------ general styles */

body {
	text-align: center;
	/*font-family: Georgia, Times New Roman, Times, serif; */
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight: 100;
	line-height: 1.3; /* 1.25 */
	background: url(../images/wws_bg.png) repeat;
}

p, ul {
	margin-top: 12px;
	margin-bottom: 12px;
}

li {
	padding: 1px 0 2px 0;
	margin: 0 16px 0 16px;
}

ul ul li {
	padding: 1px 0 2px 0;
	margin: 0 32px 0 32px;
}

td, th {
	padding: 0 1px 0 1px;
}

tr, table {
	border:none;
}

strong {
	font-weight:bold;
}

/* ------------------------------------------------ link styles */

a:link {
	text-decoration: none;
	color: #424242;
}
a:visited {
	text-decoration: none;
	color: gray;
}
a:hover, a:active {
	text-decoration: underline;
	color: #424242;
}

#nav a:link, #nav a:visited {
	text-decoration: none;
	color: #424242;
}
#nav a:hover {
	text-decoration: underline;
	color: black;
	background-color:#e0FFFF;
}
#nav a:active {
	text-decoration: none;
	color: #424242;
}

#center a:link, #center1 a:link {
	text-decoration: none;
	color: #e54d00;
}
#center a:visited, #center1 a:visited {
	text-decoration: none;
	color: #e54d00;
}
#center a:hover , #center a:active, #center1 a:hover , #center1 a:active {
	text-decoration: underline;
	color: #e54d00;
}

#address a:link, #address a:visited {
	text-decoration: none;
	color:#18397C;
}
#address a:hover, #address a:active {
	text-decoration: underline;
	color:#18397C;
}

#footer a:link, #footer a:visited {
	text-decoration: none;
	color: black;
}
#footer a:hover, #footer a:active {
	text-decoration: underline;
	color: black;
}

/* ------------------------------------------------ hN styles */

h1 {
	text-align: center;
	font-family: Verdana, Arial, sans-serif;
	font-size:25px;
	font-weight: 100;
	color:#002f61;
	margin-top:8px;
}

h2 {
	font-family: Verdana, Arial, sans-serif;
	font-size:15px;
	font-weight:100;
	color:#32679a;
	margin-top: 12px;
	font-weight:bold;
}

h3 {
	font-family: Verdana, Arial, sans-serif;
	font-size:14px;
	font-weight:100;
	color:#424242;
	margin-top: 12px;
	font-weight:bold;
}

#aside-left h2, #aside-right h2 {
	width: 100%;
	padding: 5px 0 5px 0;
	border-bottom: solid 2px #3b5c89;
}

/* ------------------------------------------------ misc styles */

.color1 { border: solid 2px #ff0000; }
.color2 { border: solid 2px #0000cc; }
.color3 { border: solid 2px #ff9900; }
.color4 { border: solid 2px #006666; }
.color5 { border: solid 2px #cc0099; }
.color6 { border: solid 2px #0066cc; font-weight: bold; }
.color7 { border: solid 2px #660066; }
.color8 { border: solid 2px #009900; }
.color9 { border: solid 2px #333333; }

.heb-dir {
	text-align: right;
}

.eng-dir {
	text-align: left;
}

.center {
	text-align:center;
}

.float-left {
	float:left;
}

.float-right {
	float:right;
}

.clear-both {
	clear:both;
}

.cellvalign {
	vertical-align:text-top;
}

.link {
	min-height: 18px;
	margin: 0 0 0 5px;
	padding: 8px;
	background-color: white;
	float:right;
}

.link-eng {
	min-height: 18px;
	margin: 0 5px 0 0;
	padding: 8px;
	background-color: white;
	float:left;
}

/* ------------------------------------------------ main styles */

#super {
	position: relative;
	width: 962px;
	padding: 0;
	margin: 25px auto 0 auto;
}

#header {
	height: 40px;
	width: 920px;
	padding: 20px;
	padding-bottom:0;
	background-color: white;
	border: solid 1px silver;
	border-bottom:none;
	font-size: 14px;
}

#logo {
	width: 167px;
	height: 40px;
	padding: 0 0 0 30px;
}

body.eng #logo {
	padding: 0 30px 0 0;	
}

#nav {
	height: 40px;
	width: 723px;
}

#container {
	position: relative;
	width: 920px;
	/*margin: 25px auto 0px auto;*/
	padding: 20px;
	border: solid 1px silver;
	border-top:none;
	background-color: white;
}

#all {
	position: relative;
	width: 920px;
}

#banner {
	clear:both;
	height: 180px;
	width: 920px;
	background-color: white;
	overflow:hidden;
}

#stripe1 {
	height: 0px;
	width: 920px;
	border-top: solid 2px #444444;
	margin: 20px 0;
	overflow:hidden;
}

#stripe2 {
	clear:both;
	height: 0px;
	width: 920px;
	border-bottom: solid 2px #444444;
	margin: 20px 0 0 0;
	overflow:hidden;
}

#address {
	padding: 20px 0 0 0;
	clear:both;
	font-size: 14px;
	color: #002f61;
	text-align:center;
}

#center {
	clear:both;
	position:relative;
	width: 920px;
}

#content {
	position:relative;
	width: 596px;
	min-height: 379px;
	padding: 0 29px 20px 29px;
	border: solid 1px silver;
	background-color: white;
	color: #222222;
	overflow: auto;
	font-size: 14px;
}

#aside-left {
	width: 184px;
	height: 379px;
	min-height: 379px;
	padding: 0 29px 20px 29px;
	font-size: 14px;
	color: #222222;
	border: solid 1px silver;
	overflow:hidden;
}

#aside-right {
	width: 184px;
	height: 379px;
	min-height: 379px;
	padding: 0 29px 20px 29px;
	font-size: 14px;
	color: #222222;
	border: solid 1px silver;
	overflow:hidden;
}

#header img {
	border: none;
}

#footer {
	height: 43px;
	width: 960px;
	color: black;
	text-align: center;
	font-size: 11px;
	margin: 0 auto 0 auto;
}

/* ------------------------------------------------ #content styles */

.content-pad {
	margin: 0 0 20px 20px;
}

.content-pad-eng {
	margin: 0 20px 20px 0;
}

.content-col {
	width: 179px;
	margin-top: 28px;
	float:right;
}

.content-col-eng {
	width: 179px;
	margin-top: 28px;
	float:left;
}

.content-col-img {
	width:175px; 
	height:100px; 
	padding: 1px; 
	border: solid 1px gray;
}

.content-col-pad-heb {
	margin-left: 29px;
}

.content-col-pad-eng {
	margin-right: 29px;
}

/* ------------------------------------------------ samples page styles */

.website
{
	width: 166px;
	height: 146px;
	float: right;
	margin-bottom: 8px;
	text-decoration: none;
	padding: 0 0 0 31px;
}

.wsTitle	
{
	font-size: 13px;
	color: gray;
	text-align: right;
}

.wsPic 
{
	margin-top: 1px;
	margin-bottom: 1px;
	font-size: 10px;
}

.wsPic img {
	padding: 2px;
	border: solid 1px silver;
}

.websiteLeft
{
	width: 166px;
	height: 146px;
	float: left;
	margin-bottom: 8px;
	text-decoration: none;
	padding: 0 31px 0 0;
}

.wsTitleLeft
{
	font-size:13px;
	color: gray;
	text-align: left;
}

/* ------------------------------------------------ misc styles */

.dropcap {
	display:block;
	float:right;
	font-size:400%;
	line-height:100%;
	margin:0 0 120px 4px;
	color: #009fe3;
}

.dropcap-eng {
	display:block;
	float:left;
	font-size:400%;
	line-height:100%;
	margin:0 4px 175px 0;
	color: #009fe3;
}

.arial {
	font-family:Arial, Verdana, Helvetica, sans-serif;
}

.logoblue1 {
	color: #004f9f;
}
.logoblue2 {
	color: #009fe3;
}

.asbutton {
	border: solid 1px #e54d00;
	background-color: #ffff00;
	padding: 5px 20px 7px 20px;
}

.aside-img {
	padding-top: 15px;
}

.lg-font {
	font-size: 18px;
}

.md-font {
	font-size: 15px;
}

.md-font2 {
	font-size: 14px;
}

.sm-font {
	font-size: 13px;
}

.xsm-font {
	font-size: 10px;
}

.border-left {
	border-left: solid 1px silver;
}

.border-right {
	border-right: solid 1px silver;
}

.border {
	border: solid 1px silver;
}

.borderless {
	border:none;
}

.valign-tb {
	vertical-align:text-bottom;
}

.wct-banner {
	margin: 10px 30px 0 30px;
	width: 466px;
	height: 58px;
	border: solid 1px black;
	overflow:hidden;
}

.quote-box-heb {
	width:155px;
	padding:5px;
	margin-right:5px;
	border: solid 1px silver;
	float:left;
	color: #395e3e;
	font-size:16px;
}

.quote-box-eng {
	width:155px;
	padding:5px;
	margin-left:5px;
	border: solid 1px silver;
	float:right;
	color: #395e3e;
	font-size:15px;
}

.w3-image {
	vertical-align:top;
	border:none;
	width:88px;
	height:31px
}

.read-more-btn {
	width:179px;
	border:none;
}

/* ------------------------------------------------ webcraft forms styles */

.wc-form {
	font-size:14px;
}

.wc-form fieldset {
	padding:20px;
	border: solid 1px #e0e0e0;
	color: #002f61;
}

.wc-form legend {
	font-weight:bold;
	/*padding-bottom: 5px;*/
}

.wc-form .wws-f-row {
	clear:both;
	/*min-height: 25px;*/
	min-height: 22px;
	padding-bottom: 3px;
}

.wc-form .ctf-box,
.wc-form .taf-box
 {
	border: solid 1px gray;
	width: 170px;
	/*margin-left: 5px;*/
}

.wc-form textarea {
	width: 170px;
}

#contact-form {
	width: 310px;
	padding: 0 140px;
}

#contact-form label {
	width: 50px;
}

#contact-form.eng-dir label, 
#contact-form.eng-dir .ctf-box,
#contact-form.eng-dir abbr {
	float:left;
}

#contact-form.heb-dir label, 
#contact-form.heb-dir .ctf-box,
#contact-form.heb-dir abbr {
	float:right;
}

#contact-form #submit {
	margin: 10px 50px 0 50px;
}

#tell-a-friend {
	width: 380px;
	padding: 0 105px;
}

#tell-a-friend label {
	width: 120px;
}

#tell-a-friend.heb-dir label {
	width: 90px;
}

#tell-a-friend.eng-dir label, 
#tell-a-friend.eng-dir .taf-box,
#tell-a-friend.eng-dir abbr {
	float:left;
}

#tell-a-friend.heb-dir label, 
#tell-a-friend.heb-dir .taf-box,
#tell-a-friend.heb-dir abbr {
	float:right;
}

#tell-a-friend #submit {
	margin: 10px 120px 0 120px;
}

#tell-a-friend.heb-dir #submit {
	margin: 10px 90px 0 90px;
}

.wc-form abbr {
	color: red;
	padding: 0 5px;
	border: none;
}

/* ------------------------------------------------ services page styles */

#wws-services {
	width:100%;
}

.wws-row {
	clear: both;
	width: 100%;
	border-top: solid 1px silver;
	margin-top: 10px;
	padding-top: 15px;
	padding-bottom: 10px;
}

.wws-col1 {
	width: 132px;
	height: 91px;
	margin-left: 10px;
	float:right;
}

.wws-col1-eng {
	width: 132px;
	height: 91px;
	margin-right: 10px;
	float:left;
}

.wws-col1 img, .wws-col1-eng img {
	border: solid 1px silver;
}

.wws-col2 {
	width: 454px;
	padding-bottom:10px;
	float:right;
}

.wws-col2-eng {
	width: 454px;
	padding-bottom:10px;
	float:left;
}

#wws-services h2 {
	padding-top: 0;
	margin-top: 0;
}

.srv-bottom {
	border-top: solid 1px silver;
	padding-top: 10px;
}

/* ------------------------------------------------ news box styles */

#newsbox {
	width: 184px;
	height: 100px;
	overflow:hidden;
}

#newscycle {
	width: 184px;
	height: 100px;
	/*border-top: solid 3px #3b5c89;*/
	/*border-bottom: solid 3px #3b5c89;*/
	background-color: #f8f8f8;
	overflow:hidden;
}

#newscycle div {
	width: 174px;
	height: 90px;
	padding: 5px;
	font-size: 14px;
}

#newscycle div img {
	float: left; 
	margin: 0 10px 10px 0; 
	width: 80px; 
	height: 80px; 
	padding: 3px; 
	background: #fff
}

/* -------------------------------------------- landing page styles */

#lp-text {
	width: 430px;
	float:right;
}

#lp-text #contact-form {
	padding: 0;
}

#lp-samples {
	width: 166px;
	float:right;
}