/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
background-color: #633;
 }
 
#wrapper {
	margin: 0 auto;
	width: 922px;
	min-height: 100%; /* For Modern Browsers */
  height: auto !important; /* For Modern Browsers */
  height: 100%; /* For IE */
 }
#faux {
	margin-bottom: 0px;
	overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
	width: 100%;
	padding: 0 0 0 0;
	background-image: url(../images/back_faux_col.gif);
	background-repeat:repeat-y;
}
#header {
	 background-image:url(../images/ubash2.jpg);
 background-repeat: repeat-x;
background-color: #FEEFE2;
 color: #333;
 width: 902px;
 padding: 10px;
 height: 120px;
 margin: 10px 0px 0px 0px; 
}
#float_img {
	float:left;
	height:130px;
	padding-left:20px;}
	
	
	
#navigation {
	background-color: #FEEFE2;
 height:30px;
 margin: 0px 0px 0px 0px;
 width:100%;
 
}
/* ----[ LINKS ]----*/
    .horizontalcssmenu  {
	float:left;
	padding-left:15em;
   
    }

    .horizontalcssmenu ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
    }

    /*Top level list items*/
    .horizontalcssmenu ul li{
    position: relative;
    display: inline;
    float: left;

    }

    /*Top level menu link items style*/
    .horizontalcssmenu ul li a{
    display: block;
    width: 90px; /*Width of top level menu link items*/
    padding: 2px 8px;
    border: 1px solid #202020;
    border-left-width: 0;
    text-decoration: none;
    background: transparent;
    color: black;
    font: bold 13px Tahoma;
    }
        
    /*Sub level menu*/
    .horizontalcssmenu ul li ul{
    left: 0;
    top: 0;
    border-top: 1px solid #202020;
    position: absolute;
    display: block;
    visibility: hidden;
    z-index: 100;
    }

    /*Sub level menu list items*/
    .horizontalcssmenu ul li ul li{
    display: inline;
    float: none;
    }


    /* Sub level menu links style */
    .horizontalcssmenu ul li ul li a{
    width: 120px; /*width of sub menu levels*/
    font-weight: normal;
    padding: 2px 5px;
    background: #e3f1bd;
    border-width: 0 1px 1px 1px;
    }

    .horizontalcssmenu ul li a:hover{
    background: url(../img/menubgover.gif) center center repeat-x;
    }

    .horizontalcssmenu ul li ul li a:hover{
    background: #cde686;
    }

    .horizontalcssmenu .arrowdiv{
    position: absolute;
    right: 0;
    background: transparent url(../img/menuarrow.gif) no-repeat center left;
    }

    * html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
    padding-top: 1em;
    }
        
    /* Holly Hack for IE \*/
    * html .horizontalcssmenu ul li { float: left; height: 1%; }
    * html .horizontalcssmenu ul li a { height: 1%; }
    /* End */
#leftcolumn { 
 display: inline;
 color: #333;
 margin: 2em 0 0 1em;
 padding: 0px;
 width: 220px;
 float: left;
}
div.float {
	 padding-top:1em;
	 padding-bottom:1em;
	 padding-right:1em;
	 padding-left:1em;
    border:solid 1px silver;  
	
    }
	
	
 .contact {
	float:right;
	text-align: right;
	line-height:1.5em;
	color: #605C24;
	font-weight: bold;
}
 .contact1 {
	float:right;
	text-align: right;
	line-height:1.5em;
	color: #605C24;
	font-weight: bold;
	padding-bottom: 1em;
	padding-top: 2em;
	
}
.contact2 {
	float:right;
	text-align: right;
	line-height:1.5em;
	color: #605C24;
	font-weight: bold;
	text-decoration:none;}
	
.clear{ clear:right;}
a.booknow:link { text-decoration:none; }
a.booknow:visited {text-decoration:none;}
a.booknow:hover {text-decoration:none;}
a.booknow:focus {text-decoration:none;}
a.booknow:active {text-decoration:none;}
a.contact1:link {text-decoration: none;}
a.contact1:visited {text-decoration: none;}
a.contact1:active {text-decoration: none;}
a.contact1:hover {text-decoration: none;}
a.contact2:link {text-decoration: none; }
a.contact2:visited {text-decoration: none;}
a.contact2:active {text-decoration: none;}
a.contact2:hover {text-decoration: none;}
#content {
	float: left;
	color: #474E18;
	margin: 10px 11px;
	padding: 0px;
	width: 470px;
	display: inline;
	position: relative;
}
.gstrmssoho{float:right;
padding-left:10px;
padding-top:20px;

}
#rightcolumn { 
 display: inline;
 position: relative;
 color: #333;
 margin: 10px 15px 10px 0px;
 padding: 0px;
 padding-top:5em;
 width: 180px;
 float: right;
}
.trivago{
	float:left;
	width:170;
	padding-top:10px;
	padding-bottom:10px;}
	
	.fdcontainer{
		padding-left:3em;
		padding-top:3em;}
		#col2med {
	float:left;
	}
	
	#col2med p{
		padding:1em 1em 1em 1em;}
	#navcontainer ul
{
margin: 0;
padding: 0;
padding-top:3em;
list-style-type: none;
}

#navcontainer li { margin: 0 0 .2em 0; }

#navcontainer a
{
display: block;
color: #9EB933;
background-color:palegoldenrod;
width: 12em;
padding: .2em .8em;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #717601;
color: #FFF;
}
#footer { 
 width: 902px;
 clear: both;
 color: #6D7218;
 height:70px;
 background-image:url(../images/fluid_fot1.jpg);
 margin: 0px 0px 10px 0px;
 margin: -2.5em auto 0 auto;
 padding: 10px;
 text-align:center;
 line-height:1.2em;
}
.clear { clear: both; background: none; }


.pics { height: 72px; width: 174px; padding:0; padding-bottom:8px; margin:0; overflow: hidden }
.pics img {  height: 72px; width: 174px;top:0; left:0 }

.pics2 { height: 180px; width: 200px; padding:0; padding-bottom:8px; padding-top:8px; margin:0; overflow: hidden }
.pics2 img { height: 180px; width: 200px; top:0; left:0 }
.pics3 { height: 300px; width: 400px; padding:0; padding-bottom:8px; padding-top:8px; margin:0; overflow: hidden }
.pics3 img { height: 300px; width: 400px; top:0; left:0 }

 ul.multiple_columns {
  clear:both;
        float: left;
        list-style: none;
        width:28em;                                                              
                                    }

    ul.multiple_columns li{
    display:block;
        text-align: center;
        float: left;
        list-style: none;
        width: 10em;     
        border-bottom:solid;    
        background-color:palegoldenrod;
        margin-right: 1.5em;
        margin-bottom:1em;
        line-height:24px;
        border-left:solid;
        border-left-width:0.1em;
        border-bottom-width:0.2em;      
        border-bottom-color: olivedrab;
        border-left-color:olivedrab;
                    }
                        
    ul.multiple_columns li a{
    width: 10em;
    display:block;
    border:none;
    text-decoration:none;
    color:seagreen;

    }

    ul.multiple_columns li a:hover{ 

    background: papayawhip;
    text-decoration:none;
    color:sienna;
    }
    * html #multiple_columns li a {  /* make hover effect work in IE */
        width: 400px;
    }

    /* End */
	
	div.c3 {
	color:#8C0000;
	width:13em;
	height:19em;
	background:whitesmoke;
	filter:alpha(opacity=80);
	opacity:.80;
	float:right;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:10px;
	font-family:Verdana, Arial, Helvetica, Georgia;
	font-size: 1.2em;
	line-height:1.2em;
	text-align: right;
    }
    span.c1 {
        filter:alpha(opacity=75);
        opacity:.85;
    }
    
    span.c2 {margin-right:6px;margin-top:5px;float:left;color:maroon;background:palegoldenrod; background-image:url(../images/psBatik.jpg);border:1px solid darkkhaki;font-size:80px;line-height:80px;padding-top:2px;padding-right:5px;font-family:times;}
    br.c1 {clear: left;}
	#col2
                {
                        float: left;                      
                        color: #C0740C;                       
                        padding:2em 2em 2em 2em;
                        text-align: justify;
                }
				#col2 p {
					padding:1em 1em 1em 1em;}
                
                #col3
                {
                        float: left;                        
                        color: #C0740C;
                        padding:2em 2em 2em 2em;                
                        
                        text-align: justify;
                }
				#col3 p { padding:1em 1em 1em 1em;}
				.bookmark{
	float:right;
	padding-top:80px;
	border: 1px;
	border-color: #937304;
				}
				#clearone {
					clear:both;
				}
.minapp {
	padding-top:10px;
	
}

.dscnt{ padding-top:10px;}
 .pullquote2 {
        border:solid 1px silver;
        background:transparent;
        border-top-width: 2px;
        border-bottom-width: 2px;
        border-top-style: solid;
        border-bottom-style: solid;
        border-top-color: yellowgreen;
        border-bottom-color: yellowgreen;
        font-size:98%;
        text-align:right;
        line-height:1em;
        font-family: Arial, Helvetica, sans-serif;
        float: left;
        color:maroon;
        padding-right:3px;
        padding-left:3px;
        
                                }
    .pullquote2 a {
    text-decoration:none;
    color:chocolate;
    text-transform:lowercase;
    font-variant:normal;
    font-size:1em;
        text-align:right;
    } 
.right
{
         float: right; /*right in our text*/
         margin: 11px; /*space around the image*/		 
		 border:solid silver ;
}


.left
{
	float: right; /*right in our text*/
	margin: 8px; /*space around the image*/
	border:solid chocolate;
}
/*picture gallery*/
#picgallerry {
background-color:#FFF;
				padding:0.5em 0.5em 0.5em 0.5em;
				height:350px;
				border: #998704 solid 1px;
                clear: left;
    }
	
	
div.thumb {
margin: 3px;
border: 1px solid #A0ACC0;
height: auto;
float: left;
text-align: center;
}	
.thumb img{
display: inline;
margin: 5px;
border: 1px solid #A0ACC0;
}
.thumb a:hover img {border: 1px solid black;}
.photocattitle {text-align: center; font-weight: bold;}
.phototitle {
text-align: center;
font-weight: normal;
width: 120px;
margin: 0 3px 3px 3px;
}
 /**********************************

Use: cmxform template
Author: Nick Rigby

***********************************/

.ggcpn { font-size:12px;
border:#9B7709;
border-bottom-width: thick;
line-height: 1em;
         color:#6C6A28;}
#colpic {
	
	
	margin-top:4em;
	height:320px;
	width:440px;
	
	}
	
	
	span.footeraddtext{
		float:right;
		margin-right:2em;
		margin-top:2em;}
		
		span.footertext{ margin:auto;
		color:#5A6202;
		font-size:12px;
		 }
		 
		 #inline2 {
	display: none;
}