/**********************************************************
     TEMPLATE BASED WEBSITE DESIGNED AND DEVELOPED BY
           VEBRA GRAPHICS (VEBRA SOLUTIONS LTD.)
                      COPYRIGHT 2006

      AUTHOR: DAVID SWALLOW (david.swallow@vebra.com)
                        21/09/2006

                      www.vebra.info
/**********************************************************/  

* {
margin:0;
padding:0;
}

/******************************
CONTAINER
******************************/

#container {
position:relative;
z-index:1;
width:760px;
margin:49px auto 20px auto;
border:2px solid #A32638;
border-left:none;
background:#fff url(images/address_bkg.gif) repeat-y top left;
}

#logo {
position:relative;
float:right;
margin:-51px -2px 0 0;
}

/******************************
NAVIGATION PANEL
******************************/

#navigation {
float:left;
width:150px;
margin:-53px 0 0 0;
background:#8A2030 url(images/navigation_bkg.gif) no-repeat top left;
}

#navigation ul {
margin:0;
padding:256px 0 0 0;
list-style-type:none;
}

#navigation ul li {
border-bottom:1px solid #A62639;
text-align:center;
}

#navigation ul li a {
display:block;
font-family:"Times New Roman", Times, serif;
font-size:14px;
font-weight:bold;
font-style:italic;
color:#fff;
text-decoration:none;
line-height:33px;
background:#661824 url(images/btn_bkg.gif) repeat-x 0 0;
}

#navigation ul li a:hover {
background:#661824 url(images/btn_bkg.gif) repeat-x 0 -33px;
}

#address {
padding: 30px 13px 15px 0;
background:#8A2030 url(images/address_bkg.gif) repeat-y top left;
}

#address img {
float:right;
margin:0 0 8px 0;
padding:0;
}

#address p {
clear:right;
margin:0 0 15px 0;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#fff;
text-align:right;
line-height:150%;
}

#address p a:link {
color:#fff;
}
#address p a:visited {
color:#fff;
}
#address p a:hover {
color:#fff;
text-decoration:none;
}
#address p a:active {
color:#fff;
}

/******************************
CONTENT
******************************/

#content {
float:right;
width:550px;
margin:0;
padding:60px 30px 5em 30px;
background:#fff url(images/container_bkg.gif) repeat-x bottom left;
min-height:360px;
height:360px;
}
#container > #content{
height:auto;
}


#content h2 {
margin:0 0 25px 0;
font:bold italic 1.9em "Times New Roman", Times, serif; 
color:#002868;
}

#content img {
float:right;
margin:0 0 10px 10px;
padding:2px;
border:1px solid #002868;
}

#content p {
margin:0 0 25px 0;
line-height:150%;
font:0.75em /1.5em Arial, Helvetica, sans-serif;
color:#333;
}

#content p span {
font:bold italic 1.2em"Times New Roman", Times, serif;
color:#A22638;
}

/******************************
FOOTER
******************************/

#footer {
clear:both;
position:relative;
width:550px;
margin:0 0 0 150px;
background:red;
}

#footer #footer_details {
position:absolute;
bottom:0;
text-align:center;
width:610px;
margin:0 0 10px 0;
}

#footer h3 {
font: bold italic 2.2em "Times New Roman", Times, serif;
color:#002868;
}

#footer h4 {
font:normal 1.1em Arial, Helvetica, sans-serif;
letter-spacing:1px;
color:#002868;
}

#footer a:link {
text-decoration:none;
color:#002868;
}

#footer a:visited {
text-decoration:none;
color:#002868;
}

#footer a:hover {
color:#002868;
text-decoration:underline;
}

#footer a:active {
color:#002868;
text-decoration:underline;
}