﻿@charset "utf-8";
/* CSS Document */

/*****************************************************************************
GLOBAL RESETS / ESSENTIAL STYLING
*****************************************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, 
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
}

body {
    background-color: #fff;
	text-align:center;
	font-family:  Arial, Helvetica, sans-serif;
	color: #666666;
}

a {
	color:#d05410;
	text-decoration: none;
}

h1 { font-size: 17px;
     color:#d05410;
	 padding-bottom: 10px;
	 padding-top: 15px;
	 }
	 

/*****************************************************************************
SITE ELEMENTS
*****************************************************************************/

.wrapper {
	text-align: left; 
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	border-bottom: 1px solid #d1cdc6;
}	
	
.wrapper_middle {
	text-align: left; 
		height: 350px;
}	
	
.wrapper_middle_pr {
	text-align: left;
	border-bottom: 1px solid #d1cdc6; 
	padding: 20px 0 20px 0;
}	


.wrapper_bottom {
	text-align: left; 
	border-bottom: 1px solid #d1cdc6;
}	

.wrapper_footer {
text-align: left;
}	

#header {
	width: 980px;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
	color:#FFFFFF;
	padding: 20px 0 30px 30px;
	overflow: hidden;
}

#header img {
	float: left;
	padding-top: 10px;
}

.contact {
	float: right;
	height: 65px;
	padding-right: 10px;
}

.contact_no {
	color:#666666;
	font-size: 23px;
	padding: 0 0 0 6px;
	width: 180px;

}

.contact_small {
	padding:10px 0 0 17px;
	color:#d05410;
	font-size: 13px;
}

#hero {
	width: 1010px;
	margin-left: auto;
	margin-right: auto;
}

#main_content {
	width: 1010px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

.left_main {
	font-size: 20px;
	width: 600px;
	line-height: 1.5em;
	padding: 30px 0 0 30px;
	float: left;

}

.right_main {
	font-size: 19px;
	float: right;
	width: 300px;
	line-height: 1.5em;
	padding: 30px 25px 0 0;
	text-align:right;
}

#footer {
	width: 1010px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 0 10px 0;
}

#footer_left{ 
  float: left;
  width: 1010px;
  text-align: center;
  }

#footer_right{ 
  float: left;
  width: 1010px;
  text-align: center;
  font-size: 11px;
  padding: 20px 0 0 0;
  color: #999999;
  }
  
#pr_content {
	width: 560px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 20px 0 20px;
	border: 1px dotted #bab7b1;
	}  

#pr_content p{
padding-bottom: 10px;
line-height: 20px;
font-size: 13px;
}

.back_bottom {
	text-align: right;
	width: 560px;
	margin-top: 5px;
	padding: 10px 0 10px 0;
	font-size: 12px;
	color:#666666;
	font-weight: bold;
	border-top: 1px dotted #bab7b1;
}	


/*****************************************************************************
POP UP BOX
*****************************************************************************/

	.black_overlay{
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.6;
	opacity:.60;
	filter: alpha(opacity=60);
}

body#thankyou .black_overlay {display: block;}

body#thankyou .popup_contain {display: block;}

    .popup_contain{ 
	width: 100%;
    top: 3%;
	display: none;
	position: fixed;
	z-index:1002;
}

	.white_content {
	width: 440px;
	background-color: white;
	overflow: auto;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
	.white_content {
	padding: 20px 0 0 0;
	}
		
	.white_content .header {
    color: #d05410;
	font-size: 16px;
	padding: 0 0 0 40px;
}
		
	.white_content img {
	border: none;
	float: right;
	margin: 0 20px 0 0;
	}
	
	#table {
	background-color:#f3f3f3;
	padding-top: 3%;
	padding-left: 20px;
	padding-right: 25px;
	margin-top: 20px;
	padding-bottom: 15px;
	overflow: hidden;
}
		
		
	#table img {
	font-size: 14px;
	line-height: 1.5em;
	padding: 0 20px 0 30px;
	padding-bottom: 3%;
}
		
	.form_field {
    padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	padding-right: 6px;
	color: #666666;
	border-color: #CCCCCC;
	border-style:solid;
	border-width: 1px;
	height: 20px;
}

	.mandatory {
	font-size: 14px;
	color: #d05410;
	padding-left: 10px;
	padding-right: 23px;
}
	
	.table_title {
	padding-top: 10px;
	}
	
	.table_title li {
    list-style: none;
}
	
	.message_icon {
    float: left;
	padding-right: 10px;
}
		
	.table_bottom {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 130px;
	}
		
	.submit_button a {
	display:block;
	padding: 25px 10px 24px 40px;
	background: url(../images/pop_up/submit_button.jpg) 0px 0px no-repeat;
	width: 179px;
}

.submit_button a:hover { 
background-position: 0 -48px;
}





/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
	display: block;
    padding: 0px;
	margin: 0px;
  }
  
  .sIFR-replaced, .sIFR-ignore {
	visibility: visible !important;
	margin-bottom: 0px;
	padding-bottom: 0px;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt;  
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  .sIFR-active .left_main {
  visibility: hidden;
  padding-top: 10px;
  line-height: 1.5em;
  padding: 30px 0 30px 30px;

  }
  
}
