@charset "utf-8";
/* CSS Document */
* {
margin:0px;
padding:0px;
}

body, html {
background: #f2f2f2 url(../imgs/body_bg2.jpg) top center no-repeat;
font-family:Tahoma, Verdana, Arial;
font-size:12px;
color: #00274c;
background-attachment:fixed;
}
#wrapper {
width: 800px;
margin:0 auto;
background:#fff;
padding: 0;
}

#header {
display:block;
height:165px;
width:800px;
background: #fff url(../imgs/header_bg.jpg) repeat-x bottom left;
border-bottom: 5px solid #36699E;
}

#container {
background: #fff;
display:block;
padding:10px;
float:left;
border-top: 4px solid #00274C;
}


#header_banner {
float:left;
display:block;
width: 413px;
}

#logo {
background: #fff url(../imgs/sandstone_logo.jpg) no-repeat top left;
width: 227px;
height:165px;
display:block;
float:left;
}

#logo b {
display:none;
}

#navigation {
float:left;
width: 160px;
}

#navigation ul {
list-style-type: none;
}

#navigation ul li {
display:block;
margin:0px;
padding:0px;
}

#navigation ul li a, #navigation ul li a:link, #navigation ul li a:active, #navigation ul li a:visited {
background: url(../imgs/nav_bg.gif) repeat-x top left;
width:140px;
display:block;
color:#fff;
text-decoration:none;
padding: 10px 10px 10px 10px;
font-weight:bold;
font-size:11px;
}

#navigation ul li a:hover, #navigation ul li a.active {
background: url(../imgs/nav_bg.gif) repeat-x !important;
background-position: left -33px !important;
display:block;
color:#fff;
text-decoration:none;
}

#flash_container {
dispaly:block;
text-align:center;
width:780px;
}

#first_column {
width: 250px;
display:block;
float:left;
margin: 10px 20px 10px 0;
}

#first_column h3{
background: url(../imgs/content_header_bg.jpg) top left repeat-x;
color:#fff;
font-size: 12px;
padding: 7px 6px 4px 10px;
margin:0px;
}

#first_column .content {
background: url(../imgs/left_col_content_bg.jpg) top left repeat-x;
padding: 10px;
}

#first_column .para { 
margin-bottom: 10px;
}

#one_column_container { 
margin: 10px 0px 10px 0;
display:block;
}

#one_column_container h3{
color:#fff;
font-size: 12px;
margin: 0px;
padding:0px 0 20px 0;
}

#one_column_container p{
margin:0px 0 10px 0;
}

#one_column_container h2 {
margin: 0;
font-size: 24px;
font-weight:normal;
}

.team_player {
float:right;
margin:0 0 10px 10px;
border: 1px solid #BE854C;
padding:5px;
background: #fff;
}

p.philosophy_text {
margin-top: 10px;
font-size:16px;
text-align:justify;
font-weight:bold;
}

p.philosophy_author {
padding-top: 20px;
font-size:14px;
text-align:right;
font-weight:bold;
}

p.philosphy_position {
font-size:14px;
margin-top: 6px;
text-align:right;
}

p.philosphy_company {
font-size:14px;
margin-top: 6px;
text-align:justify;
}

#second_column {
width:500px;
float:left;
margin: 10px 0 10px 0;
}
#second_column h2 {
margin: 0;
font-size: 24px;
font-weight:normal;
}

#second_column h4 {
margin: 0;
}
hr {
height:1px;
border:0;
background:#E1E1E1;
margin: 0 0 10px 0;
color:#E1E1E1;
}



#second_column p{
margin: 0 0 10px 0;
}

#footer {
text-align:center;
float:left;
background: #00274c;
border-top: 5px solid #794b1b;
display:block;
color:#fff;
width:760px;
padding:20px;
}

#footer a, #footer a:link, #footer a:visited, #footer a:active {
color:#fff;
text-decoration:underline;
}

#footer a:hover {
text-decoration: none;
}

.float_left {
float:left;
margin:0 10px 10px 0;
border: 3px solid #c08b57;
}
.float_right {
float:right;
margin:0 0 10px 10px;
border: 3px solid #c08b57;
}

/* Form Style */

label {
width: 120px;
display:block;
float:left;
padding-top: 10px;
font-weight:bold;
}

.textfield {
background: #fff url(../imgs/textfield_bg.jpg) repeat-x top left;
border:1px solid #E1E1E1;
padding:6px;
margin-bottom: 10px;
width:240px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

.contact_form {
margin: 30px 0 0 30px;
}

.submit_button {
background:#00274C;
color:#fff;
padding: 2px 4px;
border:2px solid #274767;
margin-left:120px;
font-size:11px;
}

.error {
font-size: 11px;
color:#CC0000;
font-style:italic;
}

/* CODA */
#slider {
    width: 780px;
    margin: 0 auto;
    position: relative;
}

.scroll {
    height: 300px;
    width: 780px;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    clear: left;
    background: #FFFFFF url(../imgs/team_bg.jpg) repeat-x scroll left top;
}

.scrollContainer div.panel {
    padding: 6px 20px 20px 20px;
    height: 210px;
    width: 740px;
}

#shade {
    background: #EDEDEC url(../imgs/team_bg.jpg) no-repeat 0 0;
    height: 50px;
}

ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 9px;
	text-align:center;
}

ul.navigation li {
    display: inline;
    margin-right: 0px;
}

ul.navigation a img{
    color: #000;
	background:#fff;
	border: 1px solid #BE854C;
    text-decoration: none;
	padding:3px;
}

ul.navigation a:hover {
    background-color: #f6f6f6;
}

ul.navigation a.selected {
    background-color: #fff;
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}

.properties {
position:relative;
width:380px;
height:180px;
float:left;
margin: 0 10px 0 0;
}

.properties img {
border: 4px solid #BE854C;
}

#last{
margin: 0 0 0 200px;
display:inline;
}

.trigger {
position: absolute;
}

.popup {
position: absolute;
display: none;
z-index: 50;
border-collapse: collapse;
background:#BE854C;
padding:10px;
width: 356px;
color:#fff;
font-weight:bold;
}

