/* GLOBAL RESET ELEMENTS ------------------------------------- */

body, h1, h2, h3, h4, p, ul, li {
	margin: 0px; /* Removes default margin that some browsers add. */
	padding: 0px; /* Removes default padding that some browsers add. */
}

/* GLOBAL LAYOUT ELEMENTS ------------------------------------- */
body {
	font: 100% Arial, Helvetica, sans-serif; /* Sets the default size of the text to 100% of the user's default. Also sets the default font families for text throughout the page. */
	color: #333333; /* Sets the text color for the page. */
	background-color: #FFFFFF;
	background-repeat: repeat;
	background-position: 15px;
}

/* MODULE 1 ------------------------------------- */
.container {
	width: 780px; /* Sets the overall width of the containers within the bands. */
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(images/footer-img.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding-bottom: 20px;
	background-color: #FFFFFF;
}
.container #content-wrapper .main-txt {
}
.container #content-wrapper .main-txt h1 {
	font-size: 20px;
	color: #333333;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-bottom: 6px;
}




/* MODULE 3 ------------------------------------- */
#content-wrapper {
	float: left; /* Float the content wrapper to the left - floating a wrapper and its child divs allows for independance in block context formatting. */
	width: 780px;
	font-size: 12px;
	background-color: #FFFFFF;
	background-image: url(images/s-img.jpg);
	background-position: right 50px;
	background-repeat: no-repeat;
}
.main-txt a:link, .main-txt a:visited {
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}
.main-txt a:hover {
	color: #AA1224;
}
.main-txt a:active {
	color: #333333;
}

#header .container {
	height: 130px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-image: url(images/tagline.gif);
	background-position: right 79px;
	padding: 0px;
}


#header {
	color: #333333; /* Adds breathing room between the header and the elements within it. */
	float: left; /* Floats the header to the left - its child elements, the buttons and search box, will be floated left and right to position them on either side of the header container. */
	width: 100%;
	margin: 0px;
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #FFFFFF;
	height: 130px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}

.container #content-wrapper #main-content h1 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-bottom: 3px;
	font-size: 20px;
	color: #333333;
}



#header .container .main-logo {
	margin-top: 20px;
	float: right;
	margin-right: 40px;
	clear: none;
}
#header .container .nav {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	width: 780px;
	float: left;
}
#header .container .nav li {
	margin: 0px;
	padding-right: 0px;
	padding-left: 0px;
	float: left;
}
#header .container .nav a {
	float: left;
	width: 150px;
	text-align: center;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFCF00;
	background-repeat: repeat-x;
	background-image: url(../rae-ltd/bgs/nav-bg.jpg);
	color: #666666;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	background-position: left center;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
}
#header .container .nav a:hover {
	background-color: #333333;
	float: left;
	width: 150px;
	background-image: url(../rae-ltd/bgs/nav-bg2.jpg);
	background-repeat: repeat-x;
	color: #333333;
	text-decoration: none;
	font-size: 12px;
	background-position: left center;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
}

#header .container .nav a:active {
	background-image: url(../rae-ltd/bgs/nav-bg3.jpg);
	background-repeat: repeat-x;
	color: #FFFFFF;
	font-size: 12px;
}

#main-content {
	float: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}






#main-content p {
	padding-top: 10px;
}

/* MODULE 2 ------------------------------------- */
#masthead {
	margin: 0px;
	clear: both;
	padding-top: 20px;
}

#masthead .container {
	padding-top: 20px;
}


/* MODULE 4 ------------------------------------- */
#footer {
	color: #333333;
	background-repeat: repeat-x;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	background-position: left top;
}
.nic {
	float: right;
	margin-top: 40px;
}
.page-contact {
	padding-left: 10px;
	font-weight: bold;
	color: #AA1224;
}


.footer-nav {
	float: left;
	margin-top: 40px;
	color: #333333;
	font-size: 14px;
}

.footer-nav a:link, .footer-nav a:visited  {
	color:#333333;
	text-decoration:none;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
}


.footer-nav a:hover {
	color:#999999;
	text-decoration:none;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right: 10px;

}

.footer-nav a:active {
	color:#333333;
	text-decoration:none;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
}
#header .container h1 {
	display: none;
}


.copyright {
	float: right;
	margin-top: 90px;
	margin-right: 45px;
	color: #666666;
}


.column {
	float: right;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 45px;
	width: 263px;
	height: 285px;
	background-image: url(../rae-ltd/jpegs/about-img.jpg);
	background-repeat: no-repeat;
}
.column2 {
	padding: 0px;
	float: right;
	height: 285px;
	width: 263px;
	margin-top: 0px;
	margin-right: 45px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(../rae-ltd/jpegs/services-img.jpg);
	background-repeat: no-repeat;
}
.column3 {
	padding: 0px;
	float: right;
	height: 285px;
	width: 263px;
	margin-top: 0px;
	margin-right: 45px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(../rae-ltd/jpegs/careers-img.jpg);
	background-repeat: no-repeat;
}

/* CLEARING WIDGET ------------------------------------- */
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	font-size: 1px; /* Sets the font size to 1 pixel */
	line-height: 0px; /* Sets line-height to 0 -font and line-height, even if not explicitly on the page, might add diemnsion to the clearing element rather than make it larely invisible */
	clear: both; /* Keeps floated divs from draping over objects beneath them. */
	height: 0px; /* Makes sure the clearing element has no height */
}

.box {
	padding-left: 26px;
	margin-left: 10px;
	float: left;
	width: 196px;
	font-size: 12px;
	font-weight: normal;
}

.main-txt {
	line-height: 130%;
	width: 400px;
	float: right;
	padding-top: 20px;
	padding-bottom: 30px;
}
.main-img {
	float: left;
	padding-left: 10px;
	padding-top: 20px;
}
.main-img2 {
	float: left;
	padding-left: 10px;
	padding-top: 20px;
}
.logo {
	padding-top: 15px;
}
#main-nav {
	background-color: #FFFFFF;
	height: 32px;
	background-image: url(images/nav-bg.jpg);
	background-repeat: repeat-x;
	font-size: 15px;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#main-nav a:link, #main-nav a:visited {
	color: #004A8C;
	text-decoration: none;
}
#main-nav a:hover {
	color: #FFFFFF;
}
#main-nav a:active {
	color: #004A8C;
}
.main-txt h2 {
	font-size: 18px;
	line-height: 120%;
}

.home {
	border-top-color: #72B1E6;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666666;
	padding-left: 8px;
	padding-right: 8px;
}
.about {
	padding-right: 8px;
	padding-left: 8px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666666;
}
.services {
	padding-right: 8px;
	padding-left: 8px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666666;
}
.trade {
	padding-right: 8px;
	padding-left: 8px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666666;
}
.contact {
	padding-right: 8px;
	padding-left: 8px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #666666;
	border-left-color: #666666;
}



.quote {
	font-style: italic;
	font-size: 14px;
	margin-left: 10px;
}
.normal {
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
}
.list ul {
	padding-left: 20px;
	text-align: left;
}


.rightside-col {
	float: right;
	width: 280px;
	padding-top: 20px;
	padding-bottom: 8px;
	padding-left: 30px;
}
.mid-col {
	float: right;
	width: 320px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 20px;
	text-align: justify;
}
.leftside-col {
	float: left;
	padding-top: 20px;
	padding-right: 10px;
	width: 290px;
	text-align: justify;
}

.txt {
	font-size: 11px;
	margin-top: 147px;
	width: 219px;
	margin-left: 20px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.list {
	text-align: left;
	padding-left: 18px;
}
.clients {
	padding-left: 80px;
}

.fpal {
	margin-left: 65px;
}