html
{ height: 100%;

}

*
{ margin: 0;
  padding: 0;}

body
{ font: normal .75em 'trebuchet ms', arial, sans-serif;
  background: #FFF;
  color: #555;
}

p
{ padding: 0 0 20px 0;
  font-size: 1.25em;
  line-height: 1.6;
  color: #000;
}

img
{ border: 0;}

h1, h2, h3, h4, h5, h6 
{ color: #000;
  letter-spacing: 0;
  padding: 0 0 5px 0;}

h1, h2, h3
{ font: normal 170% 'century gothic', arial;
  margin: 0 0 15px 0;
  padding: 15px 0 5px 0;}

h2
{ font-size: 160%;
  padding: 9px 0 5px 0;}

h3
{ font-size: 140%;
  padding: 5px 0 0 0;}

h4, h6
{ color: #009FBC;
  padding: 0 0 5px 0;
  font: normal 110% arial;
  text-transform: uppercase;}

h5, h6
{ color: #888;
  font: normal 95% arial;
  letter-spacing: normal;
  padding: 0 0 15px 0;}

a, a:hover
{ outline: none;
  text-decoration: underline;
  color: #009FBC;}

a:hover
{ text-decoration: none;}

blockquote
{ margin: 20px 0; 
  padding: 10px 20px 0 20px;
  border: 1px solid #E5E5DB;
  background: #FFF;}

ul
{ margin: 2px 0 22px 17px;}

ul li
{ list-style-type: circle;
  margin: 0 0 6px 0; 
  padding: 0 0 4px 5px;
  line-height: 1.5em;}

ol
{ margin: 8px 0 22px 20px;}

ol li
{ margin: 0 0 11px 0;}

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

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

.center
{ display: block;
  text-align: center;
  margin: 20px auto;}

#main, #logo, #menubar, #site_content, #footer
{ margin-left: auto; 
  margin-right: auto;
}

#header
{ background: #CCCC99 url(pattern.png) repeat;
  border-bottom: 2px solid #FF6633;
  height: 177px;}
  
#banner
{ background: transparent url(banner.jpg) no-repeat;
  width: 870px;
  height: 180px;
  margin-bottom: 20px;
  border: 5px solid #FF6633;}

#logo
{ width: 880px;
  position: relative;
  height: 140px;
  background: transparent;}

#logo #logo_text 
{ position: absolute; 
  top: 10px;
  left: 0;}

#logo h1, #logo h2
{ font: normal 300% 'century gothic', arial, sans-serif;
  border-bottom: 0;
  text-transform: none;
  margin: 0 0 0 9px;}

#logo_text h1, #logo_text h1 a, #logo_text h1 a:hover 
{ padding: 22px 0 0 0;
  color: #FFF;
  letter-spacing: 0.1em;
  text-decoration: none;}

#logo_text h1 a .logo_colour
{ color: #E7746F;}

#logo_text a:hover .logo_colour
{ color: #FFF;}

#logo_text h2
{ font-size: 120%;
  padding: 4px 0 0 0;
  color: #FFF;}

#menubar
{ width: 880px;
  height: 46px;} 

ul#menu
{ float: right;
  margin: 0;}

ul#menu li
{ float: left;
  padding: 0 0 0 9px;
  list-style: none;
  margin: 1px 2px 0 0;
  background: transparent;}

ul#menu li a
{ font: normal 100% 'trebuchet ms', sans-serif;
  display: block; 
  float: left; 
  height: 20px;
  padding: 6px 35px 5px 28px;
  text-align: center;
  color: #FFF;
  text-decoration: none;
  background: transparent;} 

ul#menu li.selected a
{ height: 20px;
  padding: 6px 35px 5px 28px;}

ul#menu li.selected
{ margin: 1px 2px 0 0;
  background: #E7746F;}

ul#menu li.selected a, ul#menu li.selected a:hover
{ background: #E7746F;
  color: #FFF;}

ul#menu li a:hover
{ color: #FFF;
  background: #E7746F;}

#site_content
{ width: 880px;
  overflow: hidden;
  margin: 20px auto 0 auto;
  padding: 0 0 10px 0;} 

#sidebar_container
{ float: right;
  width: 224px;}

.sidebar_top
{ width: 222px;
  height: 14px;
  background: transparent url(side_top.png) no-repeat;}

.sidebar_base
{ width: 222px;
  height: 14px;
  background: url(side_base.png) no-repeat;}

.sidebar
{ float: right;
  width: 222px;
  padding: 0;
  margin: 0 0 16px 0;}

.sidebar_item
{ background: url(side_back.png) repeat-y;
  padding: 0 15px;
  width: 192px;}

.sidebar li a.selected
{ color: #444;} 

.sidebar ul
{ margin: 0;} 

#content
{ text-align: left;
  width: 620px;
  padding: 0 0 0 5px;
  float: left;}
  
#content ul
{ margin: 2px 0 22px 0;}

#content ul li, .sidebar ul li
{ list-style-type: none;
  background: url(bullet.png) no-repeat;
  margin: 0 0 0 0; 
  padding: 0 0 4px 25px;
  line-height: 1.5em;}

#footer
{ width: 100%;
  font-family: 'trebuchet ms', sans-serif;
  font-size: 100%;
  height: 60px;
  padding: 15px 0 5px 0;
  text-align: center; 
  background: #CCCC99 url(pattern.png) repeat;
  border-top: 2px solid #FF6633;
  color: #000;
  border-bottom: 2px solid #FF6633;
}

#footer p
{ line-height: 1.7em;
  padding: 0 0 10px 0;
  font-size:2em;
}

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

#footer a:hover
{ color: #FFF;
  text-decoration: none;}

.search
{ color: #5D5D5D; 
  border: 1px solid #BBB; 
  width: 134px; 
  padding: 4px; 
  font: 100% arial, sans-serif;}

.form_settings
{ margin: 15px 0 0 0;}

.form_settings p
{ padding: 0 0 4px 0;}

.form_settings span
{ float: left; 
  width: 200px; 
  text-align: left;}
  
.form_settings input, .form_settings textarea
{ padding: 5px; 
  width: 299px; 
  font: 100% arial; 
  border: 1px solid #E5E5DB; 
  background: #FFF; 
  color: #47433F;}
  
.form_settings .submit
{ font: 100% arial; 
  border: 0; 
  width: 99px; 
  margin: 0 0 0 212px; 
  height: 33px;
  padding: 2px 0 3px 0;
  cursor: pointer; 
  background: #E7746F; 
  color: #FFF;}

.form_settings textarea, .form_settings select
{ font: 100% arial; 
  width: 299px;}

.form_settings select
{ width: 310px;}

.form_settings .checkbox
{ margin: 4px 0; 
  padding: 0; 
  width: 14px;
  border: 0;
  background: none;}

.separator
{ width: 100%;
  height: 0;
  border-top: 1px solid #D9D5CF;
  border-bottom: 1px solid #FFF;
  margin: 0 0 20px 0;}
  
/*table
{ margin: 10px 0 30px 0;}

table tr th, table tr td
{ background: #E7746F;
  color: #FFF;
  padding: 7px 4px;
  text-align: left;}
  
table tr td
{ background: #E5E5DB;
  color: #47433F;
  border-top: 1px solid #FFF;}*/

.address-bar {
        display: inherit;
        margin: 0;
        padding: 0 0 40px;
        text-align: center;
        text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
        text-transform: uppercase;
        font-size: 2.25em;
        font-weight: 400;
        letter-spacing: 3px;
        color: #fff;
    }

.navbar-nav {
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 2px;
    font-size: 1.7em;
    width: auto;

}
/*Custom Bootstrap Menu*/
#custom-bootstrap-menu.navbar-default .navbar-brand {
    color: rgba(0, 0, 0, 1);
}
#custom-bootstrap-menu.navbar-default {
    font-size: .95em;
    background-color: rgba(204, 204, 153, 1);
    border-width: 1px;
    border-radius: 4px;
    border-bottom-color:#ff6633;
    border-bottom-width:2px;
}

#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
    color: rgba(0, 0, 0, 1);
    background-color: rgba(248, 248, 248, 0);
    text-decoration:none;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus {
    color: rgba(255, 102, 51, 1);
    background-color: rgba(204, 204, 153, 1);
}
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus {
    color: rgba(0, 0, 0, 1);
    background-color: rgba(204, 204, 153, 1);
}
#custom-bootstrap-menu.navbar-default .navbar-toggle {
    border-color: #fff;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus {
    background-color: #fff;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
    background-color: #cccc99;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #cccc99;
}


/*Content*/

.bgcontent{
    padding:5px 20px 5px 20px;
}

.bgcontent p {
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-style:normal;
    font-size: 1.75em;
    line-height: 1.6;
    color: #000;
    padding: 0 0 5px 0
}

.bgcontent h2 {
    text-transform: uppercase;
    font-family: "Josefin Slab","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    font-size:large;
    letter-spacing: 1px;
}

.bgcontent h3 {
    text-transform: uppercase;
    font-family: "Josefin Slab","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    font-size:small;
    letter-spacing: 1px;
}

.thumbnail p, h2, h3, address{
     
   margin-left:15px;
}

.thumbnail img{
    float:left;
    margin-right:10px;
    margin-top:15px;
    margin-left:15px;
    display:block;
}

.thumbnail li{
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-style:normal;
    font-size: 1.75em;
    line-height: 1.6;
    color: #000;
    margin-left: 15px;
}

.thumbnail li a{
    text-decoration:none;
    color: #000;
}

address {
    display: block;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-style:normal;
    font-size: 1.75em;
    line-height: 1.6;
    color: #000;
}

 .bigicon {
        font-size: 35px;
        color: #36A0FF;
    }

 .well{
     background-color:#FFF;
 }

 .btn-primary
            {color:#fff;
             background-color:#FF6633;
             border-color:#FF6633

 }


 .col-md-4 img{

     width:95%;
     height:100%;
 }

 .custom_quarter {width:300px;}

 /*--------------------------Photo Album Layout------------------------------------*/
#photoalbum{padding:10px;}
#photoalbum article{}
#photoalbum .ps_album{
    width:270px;
    height:410px;
    padding:10px;
    background-color:#fff;
    border:1px solid #054451;
    text-align:center;
    cursor:pointer;
    -moz-box-shadow:1px 1px 4px #000;
    -webkit-box-shadow:1px 1px 4px #000;
    box-shadow:1px 1px 4px #000;
    /*-webkit-box-reflect:
        below 5px
        -webkit-gradient(
            linear, 
            left top, 
            left bottom, 
            from(transparent), 
            color-stop(0.6, transparent), 
            to(rgb(18, 18, 18))
        );*/
}
#photoalbum .ps_album:hover{background-color:#EEEEEE;}
#photoalbum .ps_album img{height:200px; width:260px; border:1px solid #444; -moz-box-shadow:1px 1px 4px #000; -webkit-box-shadow:1px 1px 4px #000; box-shadow:1px 1px 4px #000;}
#photoalbum .ps_album .ps_desc{
    display:block;
    background:#fff;
    height:150px;
    margin-top:10px;
    text-align:left;
    font-size: 1.55em;
    line-height:20px;
    overflow:hidden;
    text-overflow:ellipsis;
    border:1px solid #054451;
    -moz-box-shadow:0 0 2px #000 inset;
    -webkit-box-shadow:0px 0px 2px #000 inset;
    box-shadow:0 0 2px #000 inset;
}
#photoalbum .ps_album:hover .ps_desc{background-image:none;}
#photoalbum .ps_album .ps_desc span {
        display: block;
        margin: 0 10px 10px 10px;
        padding-top: 5px;
        color:#000;
    }
#photoalbum .ps_album .ps_desc h2{
    margin:10px 10px 0 10px;
    text-align:center;
    padding-bottom:5px;
    font-weight:bold;
    color:#054451;
    text-shadow:0 0 1px #fff;
    border-bottom:1px solid #054451;
}

#gallery{
    font-size: 1.55em;
}

#gallery li{
    list-style-type:none;
    padding-right: 10px;
    display:inline;
    float:right;
}

.picviewer{
   width:100%;
   padding-left:250px; 
   font-size:1.55em;
}

#test_modal{
   	width:660px;
    height:289px;
    padding:8px;
    position:absolute !important;
    top:50% !important;
    left:50% !important;
    margin-top:-194px !important;
    margin-left:-340px !important;
    background-color:#FFF;
}

.modal-body {
    width:660px;
    height:160px;
}

.modal-header, modal-footer{
    height:45px;
}

/*Login Popup Modal*/
#loginform {
min-width: 400px;
height: 270px;
background-color: #fff;
border:1px solid;
border-color:#555555;
padding:16px 16px;
border-radius:4px;
-webkit-box-shadow:0 1px 6px rgba(75,31,57,0.8);
-moz-box-shadow:0px 1px 6px rgba(75,31,57,0.8);
box-shadow:0 1px 6px rgba(75,31,57,0.8);
font-size:1.75em;
}


#loginform p, #loginform div {
    margin-bottom: 10px;
}
#loginform label {
    display: inline-block;
    text-align: left;
    width: 120px;
}

#loginform .btncls2 {
        width: 102px;
        height: 25px;
        border: none;
        margin-top: 15px;
        background-color:#FF6633;
        color: #fff;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
    }
 
.modalBackground {       
 background-color:#333333;
 filter:alpha(opacity=80);
 opacity:0.8;
}

.controlcls {
    padding-left: 40px;
}     

.txt {
color:#505050;    
}

.redstar {
 color: #FF0000;
}   

.textcls {

    border: 1px solid;
    border-color: #999 #ccc #ccc;
    margin: 0;
    padding: 2px;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
     border-radius: 2px;
}

 .textcls [placeholder], [placeholder], *[placeholder] {
        color: #000 !important;
    }

 .textcls:hover {
        border-color: #555 #888 #888;
    }