/* global */
html
{height: 100%}

body
{font-family: verdana, arial, sans-serif;
padding: 0px;
margin: 0px;
font-size: .68em}

/* ancors Start
---------------------*/
a
{outline: none}

a, a:link, a:visited
{color: #FF9900;
text-decoration: none}

a:hover
{text-decoration: underline}

#logo, #logo h1 a
{/*color: #40403E;*/
border: none;
text-decoration: none;
padding-top: 1px;
margin-bottom: 1px;
overflow: hidden;
text-align: center}

#menu li a
{display: block;
float: left;
height: 26px;
text-decoration: none; 
padding: 6px 19px 0px 19px;
border-right: 2px solid;
font-weight: bold;
background: #40403E;
color: #929280;
border-color: #2C2C2A;
background: transparent url(images/layout/nav_tab_bg.png) no-repeat scroll left top} 

#menu li a:hover, #menu li a.selected, #menu li a.selected:hover
{background: #82974B;
color: #EEE;
border-color: #2C2C2A;
background: transparent url(images/layout/nav_tab_bg.png) no-repeat scroll left top;
background-position: 0 -34px} 
/* ancors End
----------------------------*/

/* elementh style Start
--------------------------*/
p
{margin: 0px;
padding: 0px 0px 16px 0px;
line-height: 1.7em;
text-align: justify}

h1
{font-family: arial, sans-serif;
letter-spacing: .1em;
font-weight: normal;
text-transform: uppercase;
padding: 16px 0px 5px 0px; 
margin: 0px 0px 12px 0px; 
font-size: 150%}

h2
{font-family: arial, sans-serif;
letter-spacing: .1em;
font-weight: bold;
text-transform: uppercase;
padding: 16px 0px 5px 0px;
margin: 0px 0px 12px 0px;
font-size: 200%}

.sub
{font-size: 55%;
padding-left: 12px; 
letter-spacing: .1em}

img
{border: 0px; 
margin: 0px; 
padding: 0px}

blockquote
{margin: 20px 0px 20px 0px; 
padding: 10px 20px 0px 20px;
border-left: 8px solid}

ul
{margin: 2px 0px 18px 16px;
padding: 0px}

ul li
{list-style-type: square;
margin: 0px 0px 6px 0px; 
padding: 0px}

ol
{margin: 8px 0px 0px 24px;
padding: 0px}

ol li
{margin: 0px 0px 11px 0px; 
padding: 0px}
/* elementh style  end
--------------------------*/

/* site content Start 
-----------------------------*/
#main
{width: 878px;
padding-top: 50px;
margin: auto}

/*design box First*/
.disignBoxFirst
{background: transparent url(images/layout/db_first_bg.jpg) no-repeat scroll left top;
clear: left;
margin-bottom: 10px;
padding-top: 16px;
position: relative}

.disignBoxFirst .boxFirstHeader
{color: #FF9900;
font-size: 18px;
font-weight: bold;
height: 20px;
padding: 3px 0px 0px 40px;
position: relative;
text-align: left;
text-transform: uppercase}

.disignBoxFirst .boxContent
{font-size: 13px;
overflow: visible;
padding: 10px 5px 10px 24px;
position: relative}

/*design box Second*/
.disignBoxSecond 
{background: transparent url(images/layout/db_second_bg.jpg) no-repeat scroll left top;
clear: left;
padding-top: 16px;
position: relative}

.disignBoxSecond .boxSecondHeader
{color: #EEE;
font-size: 18px;
font-weight: bold;
height: 20px;
padding: 3px 0px 0px 40px;
position: relative;
text-align: left;
text-transform: uppercase;
margin-bottom: 10px}

.disignBoxSecond .boxContent
{font-size: 13px;
overflow: visible;
padding: 10px 24pt 10px 24px;
position: relative}

.disignBoxBig
{background: transparent url(images/layout/db_big_bg.jpg) no-repeat scroll left top;
font-size: 13px;
overflow: visible;
padding: 20px 24pt 10px 37px;
position: relative;
height: auto;
text-align: left}

.disignBoxBig .boxBigHeader
{color: #EEE;
font-size: 18px;
font-weight: bold;
height: 20px;
padding: 3px 0px 0px 40px;
position: relative;
text-align: left;
text-transform: uppercase;
margin-bottom: 10px}

.disignBoxBig .boxContent
{font-size: 13px;
overflow: visible;
padding: 21px 24pt 10px 24px;
position: relative}

.BigFrame
{height: 740px;
width: 790px;
text-align: center}

/* margin lefts / margin rights - to centre content */
#logo, #menu, #site_content, #main
{margin-left: auto; 
margin-right: auto}

/* logo */
#logo
{width: 878px;
height: 94px}

#logo h1
{font-family: century gothic, sans-serif;
font-size: 60px;
text-transform: lowercase;
font-weight: normal;
padding: 0px 0px 0px 14px;
border: 0px;
float: left;
letter-spacing: 0px}

#links
{margin: 15px 9px 0px 0px;
font-size: 80%;
text-align: right;
padding: 20px 10px 0px 0px;
text-transform: uppercase}

/* navigation menu */
#menu
{height: 32px;
width: 878px}

#menu ul
{margin: 0px auto} 

#menu li
{float: left; 
margin: 0px; 
padding: 0px;
list-style: none} 

#colours
{height: 0px;
text-align: right;
padding: 16px 16px 0px 300px}

/* main content */
#site_content
{width: 876px;
overflow: hidden;
border-right: 1px solid;
border-bottom: 1px solid;
border-left: 1px solid;
postition: relative} 

/* side menu */
#first_column
{padding: 22px 3px 10px 19px;
float: left; 
width: 300px}

.info
{padding-top: 4px;
float: left}

/* page content */
#content
{text-align: left;
width: 542px;
float: left;
padding: 12px 0px 18px 0px}

#footer
{padding: 10px;
font-size: 14px}

#footer #webmaster
{float: right}

/*colors Start
---------------------------*/
body
{background: #2C2C2A;
color: #929280;
background: #000000 url(images/layout/body_bg.jpg) repeat-x scroll left top}

blockquote
{border-color: #40403E}

#site_content
{background-color: #000;
border-color: #40403E}

#content h1
{background: transparent;
color: #E6E8DC;
border-color: #40403E}

#contact input, #contact textarea, #contact input.submit
{background: #2C2C2A; 
color: #929280;
border-color: #40403E}

#menu
{background: #40403E;
color: #EEE;
border-color: #82974B}

.photos
{width: 494px;
text-align: center}

.title
{text-decoration: underline;
color: #EEE}