/*	BUDD 7 STYLESHEET FOR BARNES GABY ASSOC
	CREATED ON THE 19TH JUNE 2009 AT 17:04 BY RICHARD
	AFTER A FRUSTRATING DAY NOT BEING ABLE TO ACCESS THE SERVER 
-----------------------------------------------------------------------*/

/*	1. PRELIMS
-----------------------------------------------------------------------*/

* {
padding:0;
margin:0;
border:0px solid #ccc;
}

html {
font-size:100%;
}

body {
font-size: 62.5%;
background-color: #121212;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

hr {											/* any other form of display is problematic */
display:none;
}

.hide, .skip {
position:absolute;
top:-10000px;
}

a:link, a:visited, a:active { text-decoration:underline; color:#3366CC; }
a:hover, a:focus { text-decoration:underline; color:#FF9900; }



/* 2. CONTAINERS
-----------------------------------------------------------------------*/

#container, #container2, #subfooter, .conditions {
width:870px; 
margin:0 auto;
font-size:1.2em;
position:relative;
}

#pre_container {
background: #ffffff url("../images/bkg-container-temp.jpg") left top repeat-x; 
height:475px;
}

#pre_container2 {
background: #ffffff url("../images/XXbkg-body-content.jpg") left top repeat-x; 
}

#mid_content_text, #mid_content_form { padding-top:0px!important; }

#mid_content_text { padding-bottom:60px!important; }

#mid_content_text { background: transparent url("../XXimages/watermark.jpg") left bottom no-repeat!important;}


/* 3. MAIN NAV AT THE TOP
-----------------------------------------------------------------------*/

#navigation {
background: #ffffff url("../images/bkg-header-nav.jpg") left top no-repeat;
height:155px;
font-size:1.2em;
}

#navigation ul {
text-align:left;
margin:0px!important;
padding-top:32px!important;
padding-left:40px;
position:relative;
}

#navigation li {
display:inline; 
}

#navigation a:link, #navigation a:visited {
padding:32px 15px 29px;
margin-right:-7px!important;
text-decoration: none; 
color:#ffffff;
border:0px solid #ccc;
background: transparent url('../images/header-nav-divider.jpg') left top no-repeat;
}

#navigation a:hover, #navigation a:focus {
padding:32px 15px 29px;
margin-right:-7px!important;
text-decoration: none;
color:#ffffff;
background: transparent url('../images/header-nav-hover.jpg') left top repeat-x;
}

.this_page { background: transparent url('../images/this_page.jpg') left top no-repeat!important; }



/* 3.1 CONTEXTUAL MENU AT THE TOP
-----------------------------------------------------------------------*/

#top_content ul {
text-align:left;
list-style-type:none;
margin:0px 49px 0 0;
top:50px;
left:590px;
position:relative;
width:240px;
border:0px solid #ccc;
font-size:1.2em;
}

#top_content li a {
display:block;
width:240px;
}

#top_content li a:link, #top_content li a:visited {
text-decoration: none; 
color:#ffffff;
border-bottom:1px solid #ccc;
line-height:150%; padding:4px 0; padding-left:3px;
}

#top_content li a:hover, #top_content li a:focus {
text-decoration:underline;
color:#ffffff;line-height:150%; padding:4px 0; padding-left:3px;
}


#top_image { position:absolute; right:30px; top:28px; }




/* 4. SUB HEADER CONTENT
-----------------------------------------------------------------------*/

#top_content {
background: none;
margin-bottom:30px;
}

#top_content h2 {
padding:10px 0 10px 21px;
text-transform:uppercase;
}

#top_content h3 {
padding:0px 0 20px 21px;
color:#999999;
text-transform:uppercase;
}

#top_content p {
padding:10px 10px 70px 21px;
}

#top_content img {
margin:-60px 21px 0px 21px;
float: right;
}



/* 5. MAIN BODY CONTENT
-----------------------------------------------------------------------*/

#mid_content_text {
float: left;
width: 61%;
padding-bottom:0px;
}

#mid_content h2 {
padding:0px 0 10px 21px;
color:#121212;
font-size:1.6em;
}

#mid_content h3 {
padding:0px 0 0px 21px;
color:#121212;
font-size:1.2em;
}

#mid_content_text h3 {
padding:20px 0 0px 21px;
}

#mid_content_form h3 {
padding:5px 0 0px 21px;
}

#mid_content p, #mid_content ol, .vcard {
padding:10px 5px 10px 21px;
line-height:145%;
}

#mid_content ol {
padding-left: 50px;
}

#mid_content ul {
list-style-type:square;
margin-left:41px;
}

#mid_content li {
padding:10px 5px 9px 0;
}


#mid_content_form, #footer .adr {
float:right;
width: 36%;
padding:0px 0 0 9px;
/*margin-top:-250px;*/
}

/*
#mid_content_form .field, #mid_content_form textarea { 
color:#ffffff;
padding:3px;
margin:3px 0 10px 0;
border:1px solid #000000; 
background: url("../images/bkg-input.jpg") left top no-repeat;
width:214px;
}

#mid_content_form textarea {
height:80px;
}

#mid_content_form #submit, #mid_content_form #redo {
background: #4d4d4d;
border:1px solid #000000;
margin:-15px 0 10px 0;
padding: 3px;
color: #ffffff;
cursor:pointer;
}*/



/* 5.1 VCARD
-----------------------------------------------------------------------*/

.vcard a {
color:#214760; text-decoration:none; cursor:text;
}

.email a:hover { text-decoration:underline; color:#FF6600!important; cursor:pointer;}


/* 6. FOOTER
-----------------------------------------------------------------------*/

#footer {
clear:both;
background-color:#121212;
padding:20px 0 20px 35px;
}

#subfooter li {
list-style-type:none;
}

#subfooter h4 {
color:#ffffff;
font-size:1.2em;
}

#subfooter a:link, #subfooter a:visited, #subfooter a:active {
color:#cccccc;
text-decoration:none;
}

#subfooter a:hover, #subfooter a:focus {
color:#ffffff;
text-decoration:underline;
}

#footer-grp1 {
float:left;
padding-right:70px;padding-bottom:20px;

}

#footer-grp2 {
float:left;
padding-right:70px;
padding-bottom:20px;
}

#footer-grp3 {
float:left;
padding-bottom:20px;
}

p.conditions {
clear:both;
padding:20px 0 0 0px;
color:#ffffff;
font-size:1.0em;
}



/* 7. CONTACT FORM
-----------------------------------------------------------------------*/
#contactform { padding:10px 10px 10px 21px;
}
#contactform .fieldset1 {background:#9fafb9 url('../images/bkg-form.gif') top left repeat; width:406px; padding:30px;
}
#contactform legend {
background-color:#173244;
border: 0px solid #000;
padding:5px;
color:white;
}
#contactform label { display:block; width:150px; float:left; color:#ffffff; margin:7px 0 5px;}
#contactform input, #contactform textarea, #contactform select { font-family:Verdana, Arial, Helvetica, sans-serif;display:block; width:250px; float:left; margin:5px 0; padding:2px; border:1px solid white;}
#contactform select { width:256px;}
#contactform input:focus, #contactform textarea:focus, #contactform select:focus { border:1px solid #173244; }
#contactform input.submit_button { background-color:#cccccc; color:000000; border:1px solid #173244; width:100px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.1em; cursor:pointer; }


/* 8. GENERIC CLASSES
-----------------------------------------------------------------------*/

.img_border { border:1px solid #bbbbbb; padding:5px; }

.img_border_tighter { border:1px solid #999999; padding:2px; }

.film_wrapper { border-top:9px solid #000000; border-left:6px solid black; background-color:black;}

acronym {
text-decoration: underline;
cursor: help;
}


/* 9. SIDE ADVERT
-----------------------------------------------------------------------*/

#side_advert {
margin:0 0 0 21px; padding:0;
text-transform:uppercase;
border:1px solid #e4e4e4;
width:225px;
}

#side_advert a:link, 
#side_advert a:visited { color:#333333; display:block; background-color:#f4f4f4; text-decoration:none; }

#side_advert a:hover, 
#side_advert a:focus  { color:#232323; display:block; background-color:#cccccc; text-decoration:none; }

#side_advert a { padding:5px 0 5px 10px; font-weight: normal;}

#side_advert { margin-top:25px; padding-top:115px; }