/* --------------------------------------------------------------------------------------------------
Global Layout
--------------------------------------------------------------------------------------------------*/


.clear:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */

.clear { display: inline-block; }
.hidden { display: none; }
img { border: none; }

*, body, p, tr, td, h1, h2, h3, h4, ul, li { margin: 0; padding: 0; text-align: left; }

body {
	font-family: "Verdana", Arial, Helvetica, sans-serif; 
	font-size: 62.5%;
	line-height: 17px;
	color: #000;
	background: #ABADB7 url('../images/bg.jpg') repeat-x 0 0;
}

p, h1, h2, h3, ul.list { margin-bottom: 20px; }
p { font-size: 1.1em; }
h1 { font-size: 1.6em; line-height: 20px; font-weight: bold; color: #28156E;}
h2 { font-size: 1.5em; line-height: 20px; font-weight: bold; color: #28156E;}
h3 { font-size: 1.3em; font-weight: bold; }
h4 { font-size: 1.2em; font-weight: bold; margin-bottom: 3px; }

ul.list { list-style: square; margin-left: 35px; }
ul.list li { font-size: 1.1em; }

a { color: #DB261F; text-decoration: underline;}
a:hover { color: #25116D; text-decoration: underline; }


/* 
--------------------------------------------------------------------------------------------------
Main Layout + Structure
--------------------------------------------------------------------------------------------------
*/


#container {
	width: 750px;
	height: auto;
	margin: 0 auto;
	background: #D7D8DF url('../images/bg-main.jpg') no-repeat 0 0;
	clear: both;
}

/*-- Header Section  --*/

#header { width: 750px; height: 240px; clear: both; }
div.call { width: 750px; height: 45px; clear: both; }
div.banner { width: 750px; height: 145px; margin-bottom: -2px; }
/* -- banner image switch -- */
#home .img2, #home .img3, #home .img4, #home .img5,
#profile .img1, #profile .img3, #profile .img4, #profile .img5,
#services .img1, #services .img2, #services .img4, #services .img5,
#links .img1, #links .img2, #links .img3, #links .img5,
#contact .img1, #contact .img2, #contact .img3, #contact .img4 { display: none; }

div.navigation { width: 720px; height: 30px; padding: 0 0 20px 30px; background: url('../images/bg-nav.jpg') no-repeat 0 0; }

/* -- nav --*/
#nav, #nav li {	margin: 0; padding: 0;	list-style: none; 	display: inline; }
#nav a {	float: left;	overflow: hidden;	 height: 30px !important; color: #000; font-size: 1.2em; }
#nav a:hover { background-position:  0 -30px !important; }
.navhome a { width: 60px; background: url('../images/nav-home.gif') no-repeat; }	
.navprofile a { width: 80px; background: url('../images/nav-profile.gif') no-repeat; }
.navservices a { width: 115px; background: url('../images/nav-services.gif') no-repeat; }
.navlinks a { width: 60px; background: url('../images/nav-links.gif') no-repeat; }
.navcontact a  { width: 100px; background: url('../images/nav-contact.gif') no-repeat; }
#home .navhome a, #services .navservices a, #profile .navprofile a, #links .navlinks a, #contact .navcontact a { background-position: 0 -30px !important; }

/*-- Main body Section  --*/

#page { width: 700px; height: auto; clear: both; float: left; padding: 0 20px 20px 30px; }
#contents { width: 460px; height: auto; }
#right { width: 225px; height: auto; float: right; }
#right p { padding: 0 25px; color: #28156e; }


/*-- Footer Section --*/

#footer { width: 720px; height: 30px; padding: 10px 0 10px 30px; clear: both; background: url('../images/bg-footer.gif') no-repeat 0 0; }
#footer p { font-size: 1em; color: #DB261F; margin: 0;}


/* --------------------------------------------------------------------------------------------------
Accessories
--------------------------------------------------------------------------------------------------*/

span.copyright { color: #666666; padding-left: 20px;}
i { font-style: italic; color: #CF0008; }
hr { clear: both; height: 2px; border: 1px solid #A8A9B1; border-left: none; border-right: none; border-bottom: 1px solid #E8E9F0; margin-bottom: 20px; }


/* --------------------------------------------------------------------------------------------------
General Table + Form
--------------------------------------------------------------------------------------------------*/


table, tr, td { font: normal 11px/17px "Verdana"; color: #000; vertical-align: top; }
td {		padding: 5px;}

input, select, textarea {
	height: 18px;
	padding: 2px 5px;
	border: none;
	font: normal 11px/17px "Verdana";
	background: #e2e2e2;
}

.expand {	height: 160px; overflow: hidden; }
.nil { padding-right: none; }
.box { width: 210px; }

.send {
	border: none;
	width: 80px;
	height: 21px;
	color: #fff;
	font-weight: bold;
	background: #6B6C75;
	text-align: center;
	margin: 5px 10px 15px 0;
}