/* 
  _____      _ _     _______ _            
 /  ___|    | (_)   | |  ___| |   WebWorks           
 \ `-.  ___ | |_  __| | |_  | |_   ___  __
  `-. \/ _ \| | |/ _` |  _| | | | | \ \/ /
/\__/ / (_) | | | (_| | |   | | |_| |>  < 
\____/ \___/|_|_|\__._\_|   |_|\__._/_/\_\
2007
*/

body {
/*background: #999999	;
font-family: Arial, Helvetica, sans-serif;*/
font-family: verdana, arial, sans-serif, helvetica;
font-size: 14px;
margin: 0px;
}

a {
color: #ff0099;
}

p {
	color:#333333;
}

#wrapper {
	position: relative;
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	min-height: 100%;
	height: auto !important;
	height: 100%; /*fckng ie*/
	/*background-image:url(../images/repeater.png) !important;*/
	/*background-image:url(../images/repeater.gif);stoopid ie*/
	background-repeat:repeat-y;	
}

#top {
	margin: 0px;
	width: 700px;
	height: 20px;
	/* background-image:url(../images/topper.png) !important; */
	/*background-image:url(../images/topper.gif);stoopid ie*/
	
}

#header {
	/*border: 1px black solid;*/
	margin-top: 0px;
	margin-left: 50px;
	padding: 0px;
	width: 600px;
	height: 200px;
	background-image:url(../images/header3.png);
	background-repeat: no-repeat;
	background-position: bottom;
}

#dot1 {
	background: url(../images/balletje.png) top left no-repeat !important;
	background: url(../images/balletje.gif) top left no-repeat; /*stoopid ie*/
	position: relative;
	height: 17px;
	width: 17px;
	left: 197px;
	top: 37px;
	cursor: move;
}

#dot2 {
	background: url(../images/balletje.png) top left no-repeat !important;
	background: url(../images/balletje.gif) top left no-repeat; /*stoopid ie*/
	position: relative;
	height: 17px;
	width: 17px;
	left: 565px;
	top: 90px;
	cursor: move;
}


#content {
	padding-top: 0px;
	padding-left: 58px;	
	padding-right: 58px;	
	display: none;
}

#content.show { display: block; }

#content h2 {
	padding: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin: 0;
	border-bottom: 1px #cccccc solid;
	width:100%;
	color: #000000;
	background: #ffffff;
	cursor: pointer;
	font-family: Helvetica, sans-serif;	
}

h2 a {
	text-decoration:none;
}

#content h2:hover {
	/*font-style:italic;*/
	border-bottom-color: #000000;
	background-image:url(../images/ball.png);
	background-repeat: no-repeat;
	background-position: right;
}

.toggler {
background: #ffffff;
}

.accordion {
	padding: 0;
	margin: 0;
}

.contentpane {
	/*height:300px;*/
	padding-top: 4px;
	padding-left: 8px;
	overflow:visible;
}

.collist {
	width: 39em;	
}

li {
	background-image: url(../images/listitem.png);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 1em;
	vertical-align: middle;
	color: #333333;
    margin-top: 3px;
	list-style-image: none;
	list-style-type: none;    
	/*border: 1px #999999 solid;*/
}

.collist li {
	float: left;
	width: 17em;
	margin-left: 0px;
}

#leftarrow {
	padding: 0;
	margin: 85px 0 0 0;
	float: left;
	background-image: url(../images/leftarrow.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 75px;
	height: 78px;
	/*border: 1px #999999 solid;*/
}

#rightarrow {
	padding: 0;
	margin: 85px 0 0 0;
	float: right;
	background-image: url(../images/rightarrow.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 75px;
	height: 78px;
	/*border: 1px #999999 solid;*/
}

#rightarrow:hover{
	background-image: url(../images/rightarrowblack.png);
	cursor: pointer;
}

#leftarrow:hover{
	background-image: url(../images/leftarrowblack.png);
	cursor: pointer;
}

#recentwork{
	margin-top: 10px;
	margin-left: 75px;
	margin-right: 75px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
	height:300px;
	background: #FFFFFF;
/*	border: 1px #cccccc solid;*/
}

#recentwork img{
	margin-left: 45px;
	margin-right: 45px;
	border: 1px black solid;	
}

#recentwork p{
	text-align:left;
}

#loading, #loadingcontact{
	position:absolute;
	top: 480px;
	margin-left: 250px;
	margin-right: 250px;
	width: 32px;
	height: 32px;
	background-image:url(../images/loading.gif);
}

#emailSuccess{
	/*position:absolute;*/
	color: #ff0099;
	background-color: #FFFFFF;
	border: #ff0099 1px solid;
}

#separator{
	clear:both;
	background-color:#000000;
	font-size:1px;
	height: 5px; 
}

#news{
	padding-top: 4px;
	padding-left: 8px;
	/*border: 1px orange solid;*/
}

#footer{
	text-align:left;
	font-size:9px;
	color:#FFFFFF;
	background-color:#000000;
	width: 595px;
	height: 18px;
	margin: 0px;
	margin-top: 10px;
	margin-left: 50px;	
	padding-left: 5px;
	padding-top: 5px;
	margin-right: 50px;
	margin-bottom: 0px;
}

a img {
border: none;
}

.email {unicode-bidi:bidi-override; direction: rtl;}

#bottomborder{
	margin: 0px;
	width: 700px;
	height: 20px;
	/*background-image:url(../images/bottom.png) !important;*/
	/*background-image:url(../images/bottom.gif);stoopid ie*/	
}

/*tooltips*/
		
.toolTipElement {
	cursor:pointer;	
}

.tooltip-tip {
	z-index: 13000;
	width: 250px;
	color: #666666;
	background:#FF0000;
	text-align: center;	
	/*border: 1px solid #FF0000;*/
}
 
.tool-title {
	color: #333333;
	font-weight: bold;
	text-shadow: 2px 2px 1px #222;
	margin: 0;
	padding: 13px 10px 5px;
	background: url(../images/tooltip.png) top left no-repeat;
	
	/*border: 1px solid #FF0000;*/
}
 
.tool-text {
	width: 230px;
	/*padding: 15px; 10px 15px 15px;;*/
	padding-left: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	
	text-shadow: 2px 2px 1px #222;
	background: url(../images/tooltip.png) bottom left no-repeat; 
	font-size: 14px;
}
/*form*/
#cForm{
	border:none;
}

div.row {
  clear: both;
  padding-top: 10px;
  width: 450px;
  }

div.row span.label {
  float: left;
  width: 80px;
  text-align: left;
  }

div.row span.formw {
  float: right;
  width: 360px;
  text-align: left;
  } 

#cForm input, #cForm textarea {
  	background: url(../images/input_bg.gif);
	border:1px #ccc solid;
	padding: 4px;
	margin: 0px;
}

/*Form Validation*/
.validation-failed {
  border: 1px solid #f00;
}
.validation-passed {
  border: 1px solid green;
}
.validation-advice {
  padding: 6px; 
  color:#000000; 
  background-color:#cccccc;
}
.warning {
	border: 1px solid #c66;
}
.warning-advice {
	margin: 2px;
	padding: 2px;
	color:#fff;
	background-color:#bbb;
}

#cForm #sendContactEmail{
	margin-left: 10px;

}