/* Global Start */
html {
	background: #000 url("../images/frontBack.jpg");	background-repeat: no-repeat;
}

span {
	display: none;
}

.clear {
	clear: both;
	}
	
#orangetxt {
	color: #e49f35; 
	font-weight: bold;
	margin: 7px;
	}
	
	.orangetxt {
	color: #e49f35; 
	font-weight: bold;
	margin: 7px;
	}
	
.greytxt {
	font-family: arial;
	font-size: 13px; 
	color: #666;
	margin: 7px;
}	

#greytxt {
	font-family: arial;
	font-size: 13px; 
	color: #666;
	margin: 7px;
}	

#whitetxt {
	color: #fff; 
	margin: 7px;
	}


p {
	font-family: arial;
	font-size: 13px;
	margin: 5px;
}

.news {margin: 0px;}

.news table {width: 100%; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin: 0px;}

.news p {color: #999; font-size: 13px; margin: 10px 0 10px 0; }

.news-image {border: 1px solid #eee; padding: 5px; margin: 5px;}

.news a {font-size: 13px; font-weight: bold; color: #333; display: block; width: 100%;}

.news h2  a{font-size: 15px; color: #ED9917; margin: 10px 0 10px 0;}

.news h2  {font-size: 15px; color: #ED9917; margin: 0;}

.bulltes ul{
margin: 7px 0 7px 35px;
}

.bullets li {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #e49f35;
display:block; 
margin: 5px 5px 5px 25px;
padding: 0px 0 2px 16px;
list-style: none;
 background: url('../images/arrow.png') no-repeat 0 5px;
}

.pdf ul{
margin: 7px 0 7px 35px;
}

.pdf li {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #e49f35;
display:block; 
margin: 5px 5px 5px 25px;
padding: 0px 0 2px 25px;
list-style: none;
 background: url('../images/pdf-logo.png') no-repeat 0 2px;
}

a{
text-decoration: none;
font-weight: bold;
color: #e49f35;

}

a:hover{
text-decoration: none;
font-weight: bold;
text-decoration: underline;

}

/* Global End */

/* Wrapper */
#wrapper {
	margin: 20px auto 50px auto;
	width: 1050px;
}

/* Header Start */
#headerArea {
	height: 100px;
}

#logo {
	float: left;
	width: 45%;
}

#contactbutton
{
  display: block;
  width: 150px;
  height: 35px;
  background: url("../images/contactButton.gif") no-repeat 0 0;
  

}

#contactbutton:hover
{ 
  background-position: -150px 0px;
}



#menuFront {
	float: right;
	background: transparent;
	width: 45%;
	clear: none;
	margin-right: 60px;
}

#menuFront ul {
	list-style: none;
}
#menuFront ul li {
	float: right;
	height: 67px;
}
/* Header End */

/* Main Area Start */
#mainAreaFront {
	float: left;
	margin: auto auto;
	margin-top: 50px;
	background: transparent;
}
#carosel li {
	float: left;
}

#contentbox {
	width: 820px;
	margin: 40px auto;
}

#contentinner {
	width: 820px;
	background: url("../images/contentbk.gif");	
	padding: 5px 0 10px 0;
	background-repeat: repeat-y;
	
}

.card {
	width: 220px;
	border: 1px solid #ccc;
	float: left;
	margin: 20px 0 0 12px;
}

.card-left {
	width: 110px;
		display: block;
	float: left:
	border: 1px solid #ccc;
	}
	
.card-right {
	width: 110px;
	display: block;
	float: left;
	}




#contentleft {
	width: 500px; 
	margin: 0px 0 0px 15px;
	padding: 5px;
	float: left;

}
#contentright {
	width: 250px; 
	margin: 0px 15px 0px 0px;
	padding: 5px;
	float: right;
	
}

#contentleft h1 {
	margin: 0 20px 20px 0;
}



#carosel {
	width: 850px;
	float: left;
}

#carosel ul {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
}

#leftArrow, .previousButton, .previous {
	margin-top: 0%;
	float: left;
	width: 83px;
	height: 360px;
	cursor: pointer;
}

#rightArrow, .nextButton, .next {
	margin: 0% 0 0 3px;
	float: left;
	width: 83px;
	height: 360px;
	cursor: pointer;
}

.previousButton {
	background:  url("../images/leftArrow.gif");
}
.previousButton:hover {
	
}

.nextButton {
	background: url("../images/rightArrow.gif");
}
.nextButton:hover {

}

#content {
	float: left;
	width: 865px;
	height: 360px;
	overflow: hidden;
}

#centerArea {
	height: 359px;
}

#hideH {
	display: none;
	visibility: hidden;
}
/* Main Area End */

/* Footer Start */
#footerFront {
	position: fixed;
	bottom: 0%;
	left: 0%;
	background: #494747 url("../images/footerBack.png") repeat-x;
	height: 85px;
	width: 100%;
	margin-top: 20px;
}

#dragArea {
	float: left;
	width: 200px;
	margin: 1% 0% 0% 5%;
	text-align: center;
}

#clientLogin {
	float: right;
	width: 256px;
	margin: 2% 7% 0% 0%;
}
#loginButton {
	margin-top: 5px;
}

#footerContent {
	width: 95%;
	float: left;
	background: #343434;
	padding: 0% 0% 0% 5%;
}

#push {
	margin-bottom: 50px;
}

#contentFooter {
	margin-bottom: 50px;
	padding-bottom: 50px;
}

.footerbox {
	width: 30%;
	margin: 10px 0 0 1.5%;
	text-align: center;
	float: left;
	
	}
	
.footerbox-inner {
	margin: 5px auto;
	width: 280px;
	text-align: left;
}
	
/* Footer End */

/* JS Gallery Styles */

ul.thumb {
	float: left;
	list-style: none;
	margin: 0 5px 0 0; padding: 10px;
	width: 240px;
}
ul.thumb li {
	margin: 0; padding: 5px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 110px;
	height: 110px;
}
ul.thumb li img {
	width: 100px; height: 100px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 1px solid #ddd;
	padding: 5px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
}
ul.thumb li img.hover {
	background:url(../images/thumb_bg.png) no-repeat center center;  /* Image used as background on hover effect */
	border: none; /* Get rid of border on hover */
}
/* Form */
p#success{
	padding: 3px 10px;
	background: #92FFA5;
	border: 2px solid #009218;
	color: #009218;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
	}
		
p#bademail, p#badserver
	{
	padding: 3px 10px;
	background: #FFA3A1;
	border: 2px solid #D00D00;
	color: #D00D00;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
	}
	
.submit
{
    background: transparent url("../images/contactButton.png") no-repeat;
    width: 150px;
	height: 50px;
    border: 0;
	margin: 0;
	padding: 0;
}

.submit:hover
 {
     background: transparent url("../images/contactButton.png") -150px 0px no-repeat;
 }
 
 label {
  float:left;
  width: 30%;
  margin: 5px 0.5em 5px 0px;
  padding-top:0.2em;
  text-align:right;
  color: #666666;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  }


.forminput {
	margin: 5px;
	background-color: #EEE;
	width: 60%;
	border: 1px solid #ccc;
	color: #F9A523
}



textarea {
	margin: 5px;
	background-color: #EEE;
	border: 1px solid #ccc;
	color: #F9A523;
	width: 60%;
	height: 100px;
}

/* Form */#form{ width:100%; margin:1em auto; text-align:left;}.text { float:left; width:30%;  margin:1em 2% 1em 0;}.gallery { float:left; width:49%; margin-right:1%; margin-bottom:1em;}.last { margin-right:0;}#footer { width:100%; margin:1em 0; padding-top:10px; border-top:1px solid #212024;}ul,li { margin:0; padding:0; list-style-type:none; }#form p { margin:0; padding:0 0 2px; }:focus { outline: none; }.justify { text-align:justify; }.text ul { margin:5px 0 10px 0; padding-top:5px; border-top:1px solid #212024;}.text li { margin:0 0 5px 0; padding:0 0 5px 15px; background:url(../images/bullet.gif) no-repeat 0 4px; border-bottom:1px solid #212024; }pre { margin:5px 0; padding:5px 0; border-top:1px solid #212024; border-bottom:1px solid #212024;white-space: pre-wrap; /* css-3 */white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */white-space: -pre-wrap; /* Opera 4-6 */white-space: -o-pre-wrap; /* Opera 7 */word-wrap: break-word; /* Internet Explorer 5.5+ */}pre code { display: block; margin:0; padding:0; line-height:150%; }pre, code {font:100% "monospaced", monospace;*font-size:100%;}#box { float:left; width:690px; margin-left: 0px;}form { margin:1.5em 0; padding:0; width:65%; float:left;  }fieldset { margin:0; padding:0; border:none;}legend { padding-bottom:0.5em; font-size:1.4em; margin-left:30%; color:#FFCC00; }form div { padding: 18px; 0; border-top:1px dashed #ccc; }label {float:left; width:30%; text-align:left; line-height: 100%; font-size: 12px; color: #666; font-family: trebuchet MS;} input, textarea, select { width:65%;  margin-top: -30px; border:1px solid #212024; padding:3px; font-size: 12px; background:#eee; border: 1px solid #ccc; color:#F9A523; } textarea { overflow:auto; float: right; font-family:Arial,Helvetica,sans-serif; font-size:12px; width:65%; border:1px solid #ccc; padding:3px;}.button input { border:none; margin-left:31%; font-size:1.2em; color:#FFCC00; background:none; padding:0 4px; cursor:pointer; width:auto; float: right; margin-right: 20px; }.hoverfocus { border:1px solid #F9A523;}#error, #response { float:right; width:32%; padding:5px; margin-top: 15px; }#response ul { border-top:1px solid #ccc; margin-top:5px; padding-top:5px; }#error li {  margin: -1px 0 0px 0; width: 285px; height: 30px; padding: 13px 0 0px 42px; background:url(../images/bullet.gif) no-repeat 0 0px; font-size: 13px; font-family: trebuchet MS; color: #666;}#response li { margin: -1px 0 0px 0; width: 285px; height: 30px; padding: 13px 0 0px 42px; background:url(../images/bullet2.gif) no-repeat 0 0px; font-size: 13px; font-family: trebuchet MS; color: #666;}#working { float:left; padding:3em; background:url(../images/loading.gif) no-repeat left center;}.checkbox {width: 20px; background: #fff; border: 0; margin: 0; padding: 0;}.check-label {float: left; width: 80%; display: block; font-size: 12px;}.groupbox { width: 47%; float: left; margin: 10px 5px 10px 5px;}.groupbox h5 {display: block; width: 100%; padding-left: 5px; color: #F8A422; margin-bottom: 5px; border-bottom: 1px dashed #ccc; padding-bottom: 5px;}.groupbox .imgbox {width: 100px; height: 100px; float: right; margin: 0 0 5px 5px;}.groupbox  p {color: #666; font-size: 11px;}.groupbox  p a { font-size: 11px; margin-top: 5px; }