/* CSS Document */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a {
margin: 0;
padding: 0;
border: 0;
height: auto;
}
.clearfix:after {
  content: "."; /* This dot is the actual appended content */
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
.clear{}
/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
/* End hide from IE-mac */ 	
body {
	text-align: center;
	background-color: #dad7cd;
	font-family: Arial, Helvetica, sans-serif;
}

	
#top_wrapper {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url(images/home_scene_back.jpg);
}
#top_nav_wrapper {
	clear: both;
	width: 100%;
	height: 50px;
	background-image: url(images/stripes.gif);
	background-position: center top;
}
#top_wrapper_inner {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	height: 267px;
	background-image: url(images/home_scene.jpg);
}
#top_wrapper_inner_main {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	height: 267px;
	background-image: url(images/home_scene_about.jpg);
}
#top_wrapper_brown {
	background-image: url(images/brown_top.gif);
	height: 130px;
	width: 100%;
	text-align: center;
}
#top_wrapper_contact {
	background-image: url(images/bg_footer.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	height: 254px;
	width: 100%;
	text-align: center;
}
#brown_inner {
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

#read_more {
	float: right;
	height: 155px;
	width: 280px;
	margin-top: 90px;
	margin-right: 20px;
		_margin-right: 10px;
	text-align: left;
}
#read_more p {
	font-size: 13px;
	line-height: 20px;
}
.read_margin {
	margin-top: 13px;
}


/* -------------------- Top Nav --------------------------------*/
#top_nav {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	height: 50px;
}
#top_nav li{

	list-style: none;
    float:left;

}
#top_nav ul {
}
#top_nav li a{
            display: block;
            text-indent: -5000px;
            height: 50px;
            background-repeat: no-repeat;
}
/* -------- Home Button----------------*/
#nav_home a{
            width: 173px;
            background-image: url(images/homepage_butt.gif);
}

#nav_home a:hover, body#home #nav_home a{
            background-image: url(images/homepage_butt.gif);
            background-position: left -50px;
}
/* -------- About Us Button----------------*/
#nav_about a{
            width: 153px;
            background-image: url(images/about_us_butt.gif);
}

#nav_about a:hover, body#about #nav_about a{
            background-image: url(images/about_us_butt.gif);
            background-position: left -50px;
}
/* -------- Trades Button----------------*/
#nav_trades a{
            width: 202px;
            background-image: url(images/trades_butt.gif);
}

#nav_trades a:hover, body#trades #nav_trades a{
            background-image: url(images/trades_butt.gif);
            background-position: left -50px;
}
/* -------- Technical Button----------------*/
#nav_technical a{
            width: 195px;
            background-image: url(images/technical_butt.gif);
}

#nav_technical a:hover, body#technical #nav_technical a{
            background-image: url(images/technical_butt.gif);
            background-position: left -50px;
}
/* -------- Contcat Button----------------*/
#nav_contact a{
	width: 177px;

            background-image: url(images/contact _butt.gif);
	background-image: url(images/contact_butt.gif);
}

#nav_contact  a:hover, body#contact  #nav_contact  a{
            background-image: url(images/contact _butt.gif);
	background-position: left -50px;
	background-image: url(images/contact_butt.gif);
}
/* ------------------------------------------- Red Nav ---------------------------------*/
#red_nav {
	width: 920px;
	height: 45px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}
/* Top Nav CSS*/

#red_nav ul{
	padding-top: 12px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 12px;
}
#red_nav ul li{
	display: inline;
	list-style-image: none;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	list-style-position: inside;
}
#red_nav ul li a{
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	font-size: 12px;
	background-image: url(images/red_arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;
} 
#red_nav ul li a:hover, #red_nav ul li a:focus{
	color: #FFFFFF;
	text-decoration: underline;
}
/* ------------------------------------------- Blue Nav ---------------------------------*/
#blue_nav {
	width: 920px;
	height: 45px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}
.blue {
	color: #145F96;
}

/* Top Nav CSS*/

#blue_nav ul{
	padding-top: 12px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 12px;
}
.float_left {
	float: left;
	margin-right: 15px;
}

#blue_nav ul li{
	display: inline;
	list-style-image: none;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	list-style-position: inside;
}
#blue_nav ul li a{
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	font-size: 12px;
	background-image: url(images/blue_arrow.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;
} 
#blue_nav ul li a:hover, #blue_nav ul li a:focus{
	color: #FFFFFF;
	text-decoration: underline;
}
/* ------------------------------------------- Main Section ---------------------------------*/
#main_wrapper {
	clear: both;
	background-image: url(images/beige_body.gif);
	background-repeat: repeat-x;
	background-color: #DBD7CE;
}

#main_wrapper_red {
	clear: both;
	background-image: url(images/red_back.gif);
	background-repeat: repeat-x;
	background-color: #DBD7CE;
}
#main_wrapper_about {
	clear: both;
	background-image: url(images/about_back.gif);
	background-repeat: repeat-x;
	background-color: #DBD7CE;
}
#main_wrapper_blue{
	clear: both;
	background-image: url(images/blue_nav.jpg);
	background-repeat: repeat-x;
	background-color: #DBD7CE;
}

#white_page_content {
	background-image: url(images/white_top.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	text-align: center;
}
#white_repeat {
	background-image: url(images/whiteRepeat.gif);
	background-repeat: repeat-y;
	background-position: center;
	padding-bottom: 20px;
}

#white_page_content_margin {
	width: 852px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
#white_page_content_margin h1 {
	font-size: 30px;
	font-weight: normal;
	letter-spacing: -1px;
	padding-top: 20px;
	margin-bottom: 50px;
	color: #3d362b;
}
/* -------------------------- About Intro -----------------*/
#about_intro {
	height: 367px;
	width: 850px;
	background-image: url(images/hat_shot.jpg);
}
#about_about {
	height: 175px;
	width: 850px;
	background-image: url(images/hat_shot.jpg);
}
#about_intro h4 {
	clear: both;
	padding-left: 10px;
	font-size: 17px;
	font-weight: bold;
	color: #000000;
	padding-bottom: 8px;
}

/* -------------------------- Vanacancy Intro -----------------*/
#vacancy_intro {
	width: 400px;
	/*float: right;*/

	height: 182px;
}
#vacancy_about {
	width: 400px;
	float: right;

	height: 182px;
}
#vacancy_intro h2 {
	font-size: 20px;
	font-weight: normal;
	color: #3d362b;
	letter-spacing: -1px;
	padding-top: 20px;
	padding-bottom: 8px;
}
#vacancy_intro p {
	font-size: 12px;
	padding-bottom: 10px;
	padding-right: 20px;
}

#vacancy_intro h3 {
	font-size: 15px;
	font-weight: bold;
	color: #C71527;
	padding-bottom: 8px;
}

/* ----------------------------------------------- Availability table --------------------------*/
#avail {
	margin-bottom: 20px;
}
#avail th {
	background-color: #3d362b;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	padding-left: 8px;
}
#avail td {
	background-color: #dad7cd;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	font-size: 12px;
	padding-left: 8px;
}
#about_intro .ben {
	font-size: 13px;
	padding-left: 10px;
	padding-bottom: 6px;
}
.ben a {
	color: #FF0000;
	text-decoration: none;
}
.ben a:hover {
	color: #000000;
	text-decoration: underline;
}
#white_page_content_margin h5 {
	padding-bottom: 10px;
}
.normal {
	font-size: 12px;
	padding-bottom: 10px;
}
a.cat_apply {
	background-image: url(images/apply_now.gif);
	background-repeat: no-repeat;
	padding-left: 25px;
	background-position: left top;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #3D362B;
	height: 20px;
	padding-top: 2px;
	padding-bottom: 5px;
	display: block;
}
a.cat_apply:hover {
	background-image: url(images/apply_now.gif);
	background-repeat: no-repeat;
	padding-left: 25px;
	background-position: left top;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #8B1420;
	height: 20px;
	padding-top: 2px;
	padding-bottom: 5px;
	display: block;
}
.red {
	color: #C71527;
}
#home_content {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
#c_and_c {
	background-image: url(images/candC.gif);
	width: 930px;
	margin-right: auto;
	margin-left: auto;
	background-position: center;
	margin-top: 25px;
	height: 195px;
	text-align: left;
}
#candidates p {
	color: #FFFFFF;
	height: 77px;
}
#candidates {
	float: left;
	width: 390px;
	margin-top: 62px;
	margin-left: 70px;

}
#c_and_c a {
	color: #1C87D0;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}
#c_and_c a:hover {
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}


#clients p {
	color: #FFFFFF;
	height: 77px;
}
#clients {
	float: left;
	width: 390px;
	margin-top: 62px;
	margin-left: 40px;
		_margin-left: 20px;
}
a.enquiry {
	background-image: url(images/ENQUIRY_SEND_BUTT.gif);
	display: block;
	height: 39px;
	width: 239px;
	text-indent: -3000px;
	background-repeat: no-repeat;
	float: left;
}
a.enquiry:hover {
	background-image: url(images/ENQUIRY_SEND_BUTT_OVER.gif);
	display: block;
	height: 39px;
	width: 239px;
	text-indent: -3000px;
	background-repeat: no-repeat;
	float: left;
}
a.download{
	background-image: url(images/DOWNLOAD_BUTT.gif);
	display: block;
	height: 39px;
	width: 239px;
	text-indent: -3000px;
	background-repeat: no-repeat;
	float: left;
}
a.download:hover {
	background-image: url(images/DOWNLOAD_BUTT_OVER.gif);
	display: block;
	height: 39px;
	width: 239px;
	text-indent: -3000px;
	background-repeat: no-repeat;
	float: left;
}
a.send {
	background-image: url(images/UPLOAD_BUTT.gif);
	display: block;
	height: 39px;
	width: 239px;
	text-indent: -3000px;
	background-repeat: no-repeat;
	float: left;
}
a.send:hover {
	background-image: url(images/UPLOAD_BUTT_OVER.gif);
	display: block;
	height: 39px;
	width: 239px;
	text-indent: -3000px;
	background-repeat: no-repeat;
	float: left;
}


/* -------- --------------------- Current Special Offers Page--------------------------------------------------------*/
#offer_column_left {
	float: left;
	width: 430px;
}
#offer_column_left p {
	font-size: 12px;
	padding-right: 10px;
	padding-bottom: 10px;
}
#offer_column_right {
	float: left;
	width: 350px;
	margin-left: 60px;
}
#offer_column_right p {
	font-size: 12px;
	padding-bottom: 10px;
}



#offer_column_left h2 {
	font-size: 2em;
	color: #000000;
	font-weight: normal;
	padding-bottom: 9px;
}
#offer_column_left h3 {
	font-size: 2em;
	font-weight: normal;
	padding-bottom: 8px;
	color: #C71527;
}
#offer_column_left h4 {
	font-size: 1.6em;
	font-weight: normal;
	padding-bottom: 8px;
	color: #000000;
}
#offer_column_left h5 {
	font-size: 1.4em;
	font-weight: normal;
	color: #000000;
	padding-bottom: 8px;
}
#offer_column_left h6 {
	font-size: 1.2em;
	color: #000000;
	font-weight: normal;
	padding-bottom: 7px;
}
#offer_column_left img{
	margin: 10px;	
}
#offer_column_left ul {
	margin-left: 25px;
	list-style-type: circle;
	padding-bottom: 8px;
}
#offer_column_left li {
	font-size: 0.8em;
	padding-bottom: 1px;
}
#offer_column_left ol {
	margin-left: 30px;
	padding-bottom: 8px;
}







#contactEmail {
	margin-bottom: 50px;
}
#offer_column_right fieldset {
	width: 320px;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
.linebox {
	width: 200px;
}



#offer_column_right fieldset table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin-top: 5px;
	padding-bottom: 10px;
}

#offer_column_right fieldset input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	border: 1px solid #9d9daa;
	padding: 2px;
	background-color: #FFFFFF;
}

#offer_column_right fieldset textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	border: 1px solid #9d9daa;
	padding: 2px;
	background-color: #FFFFFF;
}
/* -------- --------------------- Contact Us page Page--------------------------------------------------------*/
#contact_left {
	float: left;
	width: 200px;
}
.light {
	font-weight: normal;
}


#contact_left p {
	font-size: 12px;
	padding-right: 10px;
	padding-bottom: 10px;
}
#contact_right {
	float: left;
	width: 610px;
	margin-left: 15px;
	padding-left: 20px;
}
#contact_right p {
	font-size: 12px;
	padding-bottom: 10px;
}
/* Ccontact Form CSS */


#contactEmail {
	margin-bottom: 20px;
}
#contact_right fieldset {
	margin-bottom: 10px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
.linebox {
	width: 180px;
}



#contact_right fieldset table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	padding-bottom: 10px;
}

#contact_right fieldset input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	border: 1px solid #9d9daa;
	padding: 2px;
	background-color: #FFFFFF;
}

#contact_right fieldset textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	border: 1px solid #9d9daa;
	padding: 2px;
	background-color: #FFFFFF;
}
#goog {
	float: left;
	width: 290px;
	margin-left: 45px;
}
#goog a {
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
#goog a:hover {
	color: #BA1324;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}






/* ----------------------------------------------- Links table --------------------------*/
#links a:hover {
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	color: #000000;
}
#links a {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #C71527;
}

/* ----------------------------------------------- Boxes --------------------------*/
#boxes {
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	height: 437px;
}
/* -------- Homepage Left Box ----------------*/
#left_box {
	float: left;
	background-image: url(images/left_front.jpg);
	height: 437px;
	width: 460px;
}
#left_box a {
	text-indent: -3000px;
	display: block;
	height: 437px;
	width: 460px;
}
/* -------- Address ----------------*/
#addy {
	text-align: center;
	clear: both;
	margin-top: 20px;
	color: #3d362b;
	font-size: 13px;
	padding-bottom: 15px;
}

/* -------- Homepage Right Box ----------------*/
#right_box {
	float: left;
	background-image: url(images/right_front.jpg);
	height: 437px;
	width: 460px;
}
#right_box a {
	text-indent: -3000px;
	display: block;
	height: 437px;
	width: 460px;
}
/* -------- --------------- Footer ----------------*/
#footer_wrapper {
	width: 100%;
	clear: both;
	background-image: url(images/footer.gif);
}
#footer {
	padding-top: 30px;
	height: 30px;
	width: 920px;
	margin-right: auto;
	margin-left: auto;
}
#footer p {
	font-size: 11px;
	color: #726753;
}
#footer .left {
	float: left;
}
#footer .right {
	float: right;
}
#footer .right a {
	color: #8A8476;
	text-decoration: none;
}
#contact_left .light a {
	color: #000000;
	text-decoration: none;
}
#contact_left .light a:hover {
	color: #000000;
	text-decoration: underline;
}
	form{}
	input,textarea{width: 260px; height: 16px; font-size: 11px;border: 1px solid #9e9eab; margin-top: 3px; margin-bottom: 10px; margin-right: 20px; }
	textarea{width: 400px; height: 60px; font-size: 11px; margin-right: 0px;} 
	input.btn{width: 45px; height: 19px; border: none; padding-left: 15px;}