/* ----------------------------------------------------------------------------------------------------------

    Output device: screen, projection

    Structure:
        display; position; z-index; float; clear; width; height; overflow; margin; padding; border; background; align; font;
    Content:
    
        1) HTML tags
        2) HTML styles
        3) Layout
        4-1) Page: Homepage
        5) Others

---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
1) HTML tags
---------------------------------------------------------------------------------------------------------- */

body {background:url("../design/bg.gif") 0 0 repeat-x; font:0.8em/1.5 "arial", sans-serif;

}

h1, h2, h3, h4, h5, h6, p, address, blockquote, table, dl, fieldset {
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
}

/* ----------------------------------------------------------------------------------------------------------
2) HTML styles
---------------------------------------------------------------------------------------------------------- */

ul.ul-01 {margin:15px 0; list-style:none;}
ul.ul-01 li {padding:2px 0 2px 25px; background:url("../design/ul-01.gif") 0 50% no-repeat; font-size:100%;}

ul.ul-list {margin:15px 0; list-style:none;}
ul.ul-list li {padding:1px 0;}
ul.ul-list span.date {padding-right:10px;}

/* ----------------------------------------------------------------------------------------------------------
3) Layout
---------------------------------------------------------------------------------------------------------- */

#main {width:960px; margin:0 auto; overflow:hidden;}

    #header {
	position:relative;
	height:50px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
	display: block;
	width: 920px;
	background-repeat: repeat-x;
}

        #logo {
	width: 173px;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	background-color: #0033CC;
	float: none;
	display: block;
	height: 143px;
}
    
        #nav {position:absolute; top:30px; right:20px; margin:0;}
        #nav span {margin:0 8px;}
        #nav #nav-active {font-weight:bold; text-decoration:none;}
    
    #tray {
	position:relative;
	width:960px;
	height:45px;
	overflow:visible;
	font:bold 90%/1 "tahoma",sans-serif;
	background-image: url(../design/tray.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
    #tray ul {margin:0 20px; list-style:none;}
    #tray li {
	display:inline;
}
    #tray li a {
	display:block;
	float:left;
	padding:17px 20px 17px 18px;
	background:url("../design/tray-separator.gif") 100% 0 no-repeat;
	text-decoration:none;
	color: #404040;
}
    #tray li a:hover {
	background:url("../design/tray-hover.gif");
	color: #FF9900;
}
    #tray li#tray-active a {background:url("../design/tray-active.gif");}

        #search {position:absolute; top:8px; right:20px;}
        #search div {position:relative; width:185px;}
        
        #search #search-input {position:absolute; top:0; left:0; width:150px; height:30px; background:url("../design/search-input.gif") 0 0 no-repeat; overflow:hidden;}
        #search #search-input input {width:136px; margin:8px; border:0; font:100%/1 "arial",sans-serif;}
        #search #search-submit {position:absolute; top:0; right:0; width:30px;}

    #footer {clear:both; padding:20px 20px 40px 20px; font-size:85%;}
    #footer p {margin:0;}


#col-top {
	width:100%;
	height:3px;
	margin-top:6px;
	overflow:hidden;
	background-image: url(../design/col-top.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#col-bottom {
	width:960px;
	height:1px;
	margin-bottom:15px;
	background:url("../design/col-bottom.gif") 0 0 no-repeat;
	font-size:0;
	line-height:10px;
	overflow:hidden;
}
#col {position:relative; padding:15px 30px 15px 20px; background:url("../design/col.gif") 0 0 repeat-y;}
#colTitle {
	position:relative;
	padding:0px;
	background-repeat: no-repeat;
	top: -11px;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}
#link {
	font-size: 9px;
	font-style: normal;
	color: #990000;
	float:right;
	
	
}


  
    #col-browser {
	position:relative;
	float:right;
	width:370px;
	height:170px;
}
    #col-browser img {
	position:absolute;
	top:3px;
	left:-3px;
	height: 181px;
}

    #col-text {
	float:right;
	width:550px;
	padding-top:15px;
	line-height:1.7;
	text-align: right;
	right: auto;
}
#contact {
	float:left;
	left: auto;
	margin-left:30px;
}

#conright {
	float:right;
	left: auto;
}
#contactform {
    width:100%;
	height:100%;
	float:left;
	margin-left:5px;
	margin-top:10px;
}

#clientimag {
	margin-left: 20px;
	margin-top: 14px;
    
}

#clienttext {
	margin-left: 20px;
	float:left;
	margin-bottom: 20px;    
}


#ContactHolder
{
	width:100%;
	height:auto;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #FF9900;
	float:left;
	padding:20px;
}

#contactLogo
{
	width:200px;
	height:auto;
	float:left;
	vertical-align:middle;
	text-align: center;	
}

#contactAddress
{
	width:auto;
	height:auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	float:left;
	margin-left:100px;
	vertical-align:middle;
}

#GalleryRecentToursHolder
{
	width:auto;
	height:auto;
	padding:20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF9900;
}
#GalleryRecentToursImage
{
	width:auto;
	height:auto;
	text-align:center;
/*	border: 1px solid #ff9900;*/
	padding:5px;
}

#GalleryRecentToursText
{
	width:auto;
	height:auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	text-align:justify;
}
#GalleryRecentToursReadMore
{
	width:50%;
	height:auto;
	float:left;
	font-size:10px;
}

#GalleryRecentToursReadMore a
{
	text-align:left;
	font-size:10px;
	color:#666666;
	text-decoration:none;
}

#GalleryRecentToursReadMore a:hover
{
	text-align:left;
	font-size:10px;
	color:#666666;
	text-decoration:underline;
}

#GalleryRecentToursVirtualTour
{
	width:50%;
	height:auto;
	float:right;
	text-align:right;
	font-size:10px;
}





#GalleryRecentToursVirtualTour a
{
	text-align:right;
	font-size:10px;
	color:#666666;
	text-decoration:none;
}

#GalleryRecentToursVirtualTour a:hover
{
	text-align:right;
	font-size:10px;
	color:#666666;
	text-decoration:underline;
}




#contactform1 {
     width:50%;
	height:100%;
	float:left;
	margin-left:50px;
	margin-top:px;

}

#tablecontent {
     
	
	left: auto;
	margin-top:10px;
}

#tablecontent3 {
     
	
	left: auto;
	margin-top:40px;
}

#tablecontent4 {
     width:50%;
	float:right;
	left: auto;
	margin-left:5px;
	margin-top:50px;
}

#pic {
    
	width:100%;
	
	 
	
}

#textgallery {
	margin-left:5px;
	margin-top:10px;
	top: 0px;

}

#left {
    width:100%;
	height:100%;
	float:left;
	margin-left:5px;
	margin-top:10px;

}

#contentrig{
    width:50%;
	height:100%;
	float:right;
	margin-left:5px;
	margin-top:10px;

}


        #slogan {position:relative; width:300px; height:40px; overflow:hidden; margin:0; padding:0; font-size:180%;}
        #slogan span {
	display:block;
	position:absolute;
	top:-1px;
	left:-2px;
	z-index:1;
	width:330px;
	height:100%;
	margin:0;
	padding:0px 0px 0px 80px;
	color:#66CC00;
}
		#slogan1 {position:relative; width:500px; height:40px; overflow:hidden; margin:0; padding:0; font-size:180%;}
        #slogan1 span {
	display:block;
	position:absolute;
	top:-3px;
	left:1px;
	z-index:1;
	width:100%;
	height:100%;
	margin:0;
	padding:0px 0px 0px 230px;
	color:#CEA020;
}
     
#cols2-bottom {width:960px; height:1px; margin-bottom:2px; background:#DFDFDF; font-size:0; line-height:1; overflow:hidden;}
#cols2-top {width:960px; height:5px; margin-top:15px; background:url("../design/cols2-top.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#cols2 {background:url("../design/cols2.gif") 0 0 repeat-y;}
#footerline{
	width:960px;
	height:5px;
	margin-bottom:2px;
	font-size:0;
	line-height:5;
	overflow:hidden;
	background-image: url(../design/col-bottom.gif);
	background-color: #000000;
}
/* ----------------------------------------------------------------------------------------------------------
4-1) Page: Homepage
---------------------------------------------------------------------------------------------------------- */


	
/* ----------------------------------------------------------------------------------------------------------
5) Others
---------------------------------------------------------------------------------------------------------- */

.ico-comment {padding-left:18px; background:url("../design/ico-comment.gif") 0 50% no-repeat;}
.ico-rss {padding-left:18px; background:url("../design/ico-rss.gif") 0 50% no-repeat;}

.smaller {font-size:85%;}