/* CSS for all browsers; exceptions for IE are in ie.css */

/* Styles for common grid layout and default presentation */

html {background-color:#c5af55; margin:0; padding:0;}
body {background:url(../images/body_bg.png) repeat-x left top; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; text-align:center;}
div,h1,h2,h3,p,ul,ol {margin:0; padding:0;}
p,ul {color:#678; font-size:0.8em; line-height:1.35em; margin-bottom:10px;}
/*p {font-family:Georgia, "Times New Roman", Times, serif;}*/
a:link, a:visited, a:active {color:#678; text-decoration:none; border-bottom:1px dotted #abc;}
a:hover {color:#00f; border-bottom:none;}
h1 {color:#094fa3; font-size:1.55em; font-weight:normal; letter-spacing:1px; margin-bottom:20px; text-transform:uppercase;}
h2 {color:#094fa3; font-size:1.1em; font-weight:normal; letter-spacing:1px; margin-bottom:10px; margin-top:30px;}
h3 {color:#667; font-size:0.9em; font-weight:normal; margin-bottom:5px;}
table {color:#99a; font-size:0.7em;}
th,td {border-bottom:1px solid white; border-right:4px solid white; line-height:1.3em; padding:1px 5px 1px 25px; vertical-align:top;}
td {background:#e7eef6 url(../images/perf2.gif) repeat-y 5px 0px; border-bottom:10px solid #fff; color:#89a; padding-bottom:3px;}
th {background:#094fa3 url(../images/perf.gif) repeat-y 5px 0px; color:#fff; padding-left:0; text-align:center;}
fieldset {border:1px dotted #889; margin-bottom:10px;}
legend {background-color:#fff; color:#094fa3; font-size:0.75em; font-weight:bold; padding:5px; text-transform:uppercase;}
form input {color:#777; font-size:0.8em;}
.c {text-align:center;}
.l {text-align:left;}

#wrapl {background:url(../images/wrapl.jpg) no-repeat 0px 100px; margin-left:auto; margin-right:auto; width:800px;}
#wrapr {background:url(../images/wrapr.jpg) no-repeat 100% 100px; margin-left:auto; margin-right:auto;}
#wrapc {margin-left:auto; margin-right:auto; width:760px;}

#header {background:url(../images/header_bg.png) no-repeat left top; height:95px; text-align:left;}
#header #logo {float:right;}
#header p {font-size:0.75em; padding:10px;}

#tabs {background:url(../images/tabs_bg.png) no-repeat left bottom; height:27px; text-align:left;}
#tabs ul {list-style-type:none; font-size:0.95em; margin:0; padding:0; padding-left:10px;}
#tabs ul li {background:url(../images/tab.gif) no-repeat left bottom; display:block; float:left; height:26px; line-height:1.9em; margin:0; margin-right:3px; padding:0; text-align:center; width:97px;}
#tabs ul li.active {background:url(../images/tab_active.gif) no-repeat left bottom; color:#094fa3; height:27px;}
#tabs a:link,
#tabs a:visited,
#tabs a:active {border-bottom:none; color:#984; text-decoration:none;}
#tabs a:hover {color:#fff;}
#tabs ul li.active a:hover {color:#094fa3;}

#submenu {background:url(../images/submenu_bg.png) no-repeat left bottom; height:40px;}
#submenu #lang {float:right; font-size:0.7em; margin-right:12px; margin-top:10px;}
#submenu ul {font-size:0.75em; list-style-type:none; margin:0; padding:0; padding-left:20px;}
#submenu ul li {color:#094fa3; display:block; float:left; line-height:3em; margin-right:30px;}
#submenu a:link, 
#submenu a:visited, 
#submenu a:active {border-bottom:none; color:#ba6; text-decoration:none;}
#submenu a:hover {color:#094fa3;}

.imagery {height:150px; width:760px;}
#home .imagery {height:250px;}

.banner {
	position: relative;
	width: 100%;
	height: 250px;
    overflow: none;
	text-align: center;
	color: rgba(255,255,255,.6);
	text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3);
	box-shadow: 0 1px 2px rgba(0,0,0,.25);
}
.banner ul {
    list-style: none;
    width: 100%;
}
.banner ul li {
    display: block;
    width: 100%;
    padding: 0;
    text-align:left;
    min-height: 250px;
/*		-webkit-background-size: 100% 100%;*/
		-moz-background-size: 100% 100%;
		-o-background-size: 100% 100%;
		-ms-background-size: 100% 100%;
/*		background-size: 100% 100%;*/		
    box-shadow: inset 0 -3px 6px rgba(0,0,0,.1);
}
.banner h1, .banner h2 {
    position:absolute;
    line-height: 1em;
    color: #fff;
}
.banner h1 {
    font-size: 30px;
}
.banner h2 {
    font-size: 18px;
}
.banner .btn {
    position:absolute;
    display: inline-block;
    margin: 15px 0 0;
    padding: 9px 22px 7px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    border: 2px solid rgba(255,255,255,.4);
    border-radius: 5px;
}
.banner .btn:hover {
    background: rgba(255,255,255,.07);
}
.banner .btn:active {
    -webkit-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
    -moz-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
    -ms-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
    -o-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
    filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
}
.banner .btn, .banner .dot {
    -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
    -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
    -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
    -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
    filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
}
.banner .dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
}
.banner .dots li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 6px;
    text-indent: -999em;
    border: 2px solid #fff;
    border-radius: 10px;
    cursor: pointer;
    opacity: .4;
    -webkit-transition: background .5s, opacity .5s;
    -moz-transition: background .5s, opacity .5s;
    transition: background .5s, opacity .5s;
}
.banner .dots li.active {
    background: #fff;
    opacity: 1;
}
	
.pad {margin:5px 0 10px 0;} /* padding for images in rhcol */

#page {background:url(../images/page_bg.png) no-repeat center top; padding:50px; padding-bottom:75px; text-align:left;}
#page p.special {color:#094fa3; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; line-height:1.2em; margin-bottom:40px;}
#page p.bullet {background:url(../images/bullet_screw.png) no-repeat 0px 6px; font-size:0.75em; padding-left:24px; padding-top:5px;}
#page p.bullet strong,
#page p.bullet span {color:#a7955d; text-transform:uppercase;}
#wrapc #page .rcol p.sidebar {color:#a7955d; line-height:1.5em;}
.lcol {margin-right:211px;}
.rcol {float:right; margin-left:30px; margin-top:47px; text-align:center; width:210px;}

/* Styles specific to the Footer */

#footer {height:100px; margin-left:auto; margin-right:auto; text-align:left; width:760px;}
#footer p {color:#e1d7a6; font-size:0.7em; padding-top:5px;}
#footer .lcol p {font-size:0.8em; padding-top:10px;}
#footer .lcol a {margin:0 3px;}
#footer .rcol {margin-top:0; text-align:right;}
#footer a:link,
#footer a:visited,
#footer a:active {border-bottom:none; color:#e1d7a6; text-decoration:none;}
#footer a:hover {color:#fff;}


/* Styles specific to the Home page */

#home #page .lcol {background:url(../images/divider.png) no-repeat 490px 120px; margin-right:121px; padding-right:100px;}
#home #page .rcol {margin-top:0px; text-align:center; width:120px;}
#home #page p {margin-bottom:15px;}
#home .lcol img {padding-right:25px; margin-top:15px; vertical-align:top;}
#home .rcol img {margin-bottom:15px;}
#home #wrapc {background:white url(../images/home_footer_top.png) no-repeat center bottom;}
#home #footer {background:url(../images/home_footer_bottom.png) no-repeat left top;}


/* Styles specific to the Services pages */

#services .imagery {background:url(../images/services.jpg) no-repeat left top;}
#services #wrapc {background:white url(../images/home_footer_top.png) no-repeat center bottom;}
#services #footer {background:url(../images/home_footer_bottom.png) no-repeat left top;}
#services td.summary {background:#c2d4e8 url(../images/perf.gif) repeat-y 5px 0px; border-bottom:1px solid white; color:#334; vertical-align:middle;}
#services table.plans ol {margin:5px 5px 0 18px; font-size:1em; color:#89a;}
#services table.plans li {line-height:100%; padding-bottom:5px;}

/* Styles specific to the Company pages */

#company .imagery {background:url(../images/company.jpg) no-repeat left top;}
#company #wrapc {background:white url(../images/home_footer_top.png) no-repeat center bottom;}
#company #footer {background:url(../images/home_footer_bottom.png) no-repeat left top;}
#company .lcol img {padding-right:25px; margin-top:15px; vertical-align:top;}
#company table {background:#e7eef6 url(../images/perf2.gif) repeat-y 5px 0px;}
#company td {background:none; border-bottom:0px; border-right:0px; padding:4px 8px;}
#company td.label {padding-left:20px; white-space:nowrap;}
#company h2 {margin-bottom:0;}
#company fieldset {width:73%;}

/* Styles specific to the Staff page */

#page.staff .lcol {margin-right:331px;}
#page.staff .rcol {margin-top:27px; text-align:left; width:300px;}
#company .lcol img {margin:0;}

/* Styles specific to the Contact page */

#contact .imagery {background:url(../images/contact.jpg) no-repeat left top;}
#contact #wrapc {background:white url(../images/contact_footer_top.png) no-repeat center bottom;}
#contact #footer {background:url(../images/contact_footer_bottom.png) no-repeat left top;}
#contact #page .lcol {margin-right:401px;}
#contact #page .rcol {float:right; text-align:right; width:400px;}
/*#contact .rcol img {border:1px solid #999;}*/
