/* Petrole Sale CSS Document */

/* Global Styles
--------------------------------------------------------------------------------------------------- */

* {margin:0; padding:0;}

body {
	text-align: center;
	color:#555555;
	background:#000 url(../images/body_bg.jpg) no-repeat top center;
	font:11px/1.3em Verdana, Arial, sans-serif;
}

a {
color:#ff0000;
text-decoration:none;
}



/* Helpers
--------------------------------------------------------------------------------------------------- */

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

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

.left {
float:left;
margin-right:10px;
}

.right {
float:right;
margin-left:10px;
}


/* Primary Divisions
--------------------------------------------------------------------------------------------------- */


#container1 {
margin: 0 auto;
padding-bottom:30px;
width: 800px;
text-align:left;
}

h1#logo a {
display:block;
text-indent:-9999px;
width:420px; height:90px;
background:url(../images/logo.jpg) no-repeat top left;
margin-top:90px;
}

#container2 {
background:#CCC;
text-align:center;
padding:18px;
}

#container3 {
background:#fff;
text-align:left;
width:764px;
margin:0 auto;
}

#sidebar {
width:305px;
float:left;
margin-left:10px;
}

#main {
width:449px;
float:right;
}

#main2 {
width:764px;
float:left;
margin-left:10px;
}

/* Navigation
--------------------------------------------------------------------------------------------------- */

#nav {
} 

#nav li {
display:inline;
float:left;
}

#nav li#n_action a {
display:block;
width:255px; height:35px;
background:url(../images/nav_action.jpg) no-repeat 0 -35px;
text-indent:-9999px;
}

#nav li#n_information a {
display:block;
width:255px; height:35px;
background:url(../images/nav_info.jpg) no-repeat 0 -35px;
text-indent:-9999px;
}

#nav li#n_photos a {
display:block;
width:254px; height:35px;
background:url(../images/nav_photos.jpg) no-repeat 0 -35px;
text-indent:-9999px;
}

#nav li#n_action a:hover {background-position:0 0;}
#nav li#n_information a:hover {background-position:0 0;}
#nav li#n_photos a:hover {background-position:0 0;}

body#action #nav li#n_action a {background-position:0 0;}
body#information #nav li#n_information a {background-position:0 0;}
body#photos #nav li#n_photos a {background-position:0 0;}

/* Typography
--------------------------------------------------------------------------------------------------- */

h2 {
color:#000;
font-weight:normal;
line-height:1.3em;
margin:18px;
}

p#footer {
margin-top:10px;
}

#main div {
color:#000;
padding:18px;
}

#main p {
margin-bottom:12px;
}

/* Form styles
--------------------------------------------------------------------------------------------------- */


#main #letter {
color:#000;
padding:18px;
background:#bbb;
margin:18px;
}

#form-left {
width:180px;
float:left;
background:#fff;
margin:0; padding: 0;
}

#form-right {
width:250px;
float:right;
background:#fff;
margin:0; padding: 0;
text-align:left;
}

#form-right2 {
width:250px;
float:right;
background:#fff;
margin:0; padding: 0;
text-align:left;
}

#form-left input {
margin-bottom:10px;
border:1px solid red;
background:#fff;
width:180px;
padding:4px;
}

#form-right input#send {
display:block;
width:250px; height:100px;
background:url(../images/send_button.jpg) no-repeat top left;
text-indent:-9999px;
border:none;
margin:0; padding:0;
}

#form-right2 input#send {
display:block;
width:250px; height:100px;
background:url(../images/send_button_en.jpg) no-repeat top left;
text-indent:-9999px;
border:none;
margin:0; padding:0;
}

#main p.informed {
width:500px;
clear:both;
margin-bottom:30px;
}