@charset "utf-8";

/* --- GENERAL --- */
html { margin: 0; }

body {
	background-color: #ffffff; 
	font-size: 80%;
	font-family: Helvetica, Arial, Verdana, 'trebuchet ms', sans-serif;
	margin: 0;
	color: #767676;
}

img {
	border: 0;
	display: inline;
}

sub, form, fieldset {
	padding: 0;
	margin: 0;
	border: 0;
}

p { margin: 0 0 20px 0; }

a { color: #d06923; text-decoration:underline; }
a:hover { color: #767676; text-decoration:none; }

a.link02 { color: #767676; text-decoration:none; }
a.link02:hover { color: #d06923; text-decoration:none; }

h1 {
    padding: 0px 0 10px 0;
    margin: 0;
    font-size: 2.1em;
    color: #537822;
    font-family: Arial;
    font-weight:lighter;
}

h2 {
	/* padding: 0;
	margin: 0 0 10px 0;
	font-size: 120%;
	color: #406908;*/
    margin:0px;
    padding:0px;	
    color: #537822;
    font-size:1.9em;
    font-family: Arial;
    font-weight:lighter;
}

h3 {
	padding: 0;
	margin: 10px 0 0 0px;
	font-size:1.3em;
}

/* --- CONTAINER --- */
#container {
    background-color: #ffffff;
    /* width for 800
	width: 760px; */
    /* width for 1004 */
	width: 984px;
	margin: 0 auto;
}

/* --- HEADER --- */
#header {
	margin:0px;
	height: 120px;
	padding: 20px;
	
	background-color:#f8f8f8;
	background: url(../img/common/headerbg.jpg) #f8f8f8 bottom center repeat-x;
	margin-bottom:10px;
}

    /* --- LOGO --- */
    #Logo {
        height:90px;
        width:460px;        
        float:left;
        margin-bottom:15px;
        display:block;
    }
    
    /* --- TOP CONTACT INFO --- */
    #TopContact {
        height:40px;
        float:right;
        text-align:right;
        margin:50px 0px 10px 0px;        
    }
    #TopContact p {
        line-height:18px;
        margin:0px;
        padding:0px;
        }

/* --- MENU --- */
#menu {
	padding: 5px;
	text-transform: uppercase; 
	/* float: left;*/	
	/* display: inline; */
	font-weight:bold;	
	margin: 0 auto;
	color: #8e8e8e;
	height:30px;
	background: url('../img/common/menubg.jpg') repeat-x; 
	
}

    #menu ul {
        margin: 0;
        padding: 0;
        list-style-type: none;                
    }

    #menu li { 
        list-style: none;
        margin: 0;
        padding: 0;        
        display: inline;
    }
    
    #menu ul li a {
        margin: 0;
        padding: 0px 18px;
        /* display: block; */
        height: 1%;
        text-decoration: none;
        display: inline;
        color:#d06923;
    }

    #menu ul a:hover, #menu ul a.selected { 
        /*border: solid 1px #e8e8e8;
        background: #f0f0f0; */
        color:#8e8e8e;
        }

        #menu ul.submenu {
            font-size: 0.8em;
	        margin: 0;
        }

        #menu ul.submenu li {
	        margin: 0;
	        padding: 0; }

        #menu ul li ul.submenu li a { margin: 0; padding: 5px; }
    	
/* --- CONTENT --- */
#content {
	display: inline;
	width: 944px;
	margin-bottom: 15px;
	padding: 0px 20px;
	float: left;

	border:0px red solid;
	/* border-left: solid 1px #666; */		
	min-height: 300px;
}

    div.small { display: inline; width: 564px !important; }
        
    #content a.moreback {
	    color: #d06923;
	    display: block;
	    line-height: 100%;
	    margin: 0;
	    text-decoration:underline;
    }

    #content a:hover.moreback { color: #767676; }

    #content H1, H2, H3 {
	    letter-spacing: 1px;
	    margin-left: 0;
    }

    #content ul li { list-style-type: square; }

#sidebar {
    float: right; 
    width: 160px; 
    border: solid 1px #e8e8e8;
    padding: 10px;    
}

    #sidebar ul {
	    padding: 0;
	    margin: 0;
    }

    #sidebar ul li { 
	    list-style: none;
        margin: 0;
        padding: 0;
    }
    
    #sidebar ul li a {
        margin: 0;
        padding: 5px;
	    display: block;
	    height: 1%;
	    text-decoration: none;
        border: solid 1px #fff;
    }


/* --- MAIN PORTFOLIO BOTTOM --- */

#PortfolioBottom {
    padding:10px;
    margin:0px;
    clear: both;
    margin:20px 0px;
    overflow:hidden;
    }
    
    .LeftImage {
        width:310px;
        float:left;
        }
    .RightText {
        float:left;
        }        
    

/* --- FOOTER --- */	
#footer {
	border-top: solid 5px #f8f8f8;
	clear: both;
	height: 50px;
	font-size: 0.8em;
	padding-top: 3px;
}

    #footer a {
	    color: #9e9e9e;
	    text-decoration: none;
	    text-transform: lowercase;
    }

    #footer #secondary {
	    float: left;
	    text-align: center;
	    margin: 5px;
    }

        #footer #secondary ul {
	        list-style: none;
	        padding: 0;
	        margin: 0;
        }

        #footer #secondary li {
            display: inline;
            padding: 0 5px;
        }    

    #footer address {
         clear: left;
	    font-style: normal;
	    margin: 5px;
	    padding: 0 5px;
	    float: left;
	    width:700px;
    }

    #footer address a {
	    color: #aecd4c;
	    text-decoration: none;
	    text-transform: lowercase;
    }
    
    #siteby { width: 150px; float: right; margin: 10px; }
    
        #siteby a {
            float: right;
	        display: block;
	        width: 70px;
	        height: 24px;
	        background: url('../img/common/efinity1.gif') no-repeat; 
        }
		
        #siteby a:hover {
	        background: url('../img/common/efinity2.gif') no-repeat; 
        }
    		
        #siteby a em {
	        margin-left: -4000px; 
        }

        #siteby span {
            float: right;
	        padding: 5px 5px 0 0; 
        }
        

/* mootools*/

#MainImages{
	position:relative;	
}
#MainImages div{
	width:590px;
	height:470px;
	float:left;
	text-align:center;	
	padding-top:0px;
	
	
	border:0px solid green;
	 /* background: url('../uploaded_images/slidebg.jpg') no-repeat; */
		
}
/*
#MainImages h3, #MainImages p, #MainImages ul{
	padding:5px 10px;
}
#MainImages p{
	text-indent:16px;
}
*/
#MainImages img{
}

#info4{
	background:#fff !important;
	color:red !important;
	cursor:default;
}

.MaskWrapper{
	position:relative;
	width:590px;
	height:570px;
	overflow:hidden;
	/* margin: 0 auto; */

background-color:white;
border:0px green solid;
float:left;
}

span img{
	display:block;
	border:none;
}

/*
.buttons{padding:0px; text-align:center; border:0px solid yellow;}
.buttons span{color:#0080FF;padding:0 5px;cursor:pointer;font:10px Verdana; border:1px red solid;}
.buttons span.active, .buttons span:hover{background:#0080FF;color:#fff}
*/

.buttons01 {
    border:0px red solid;
    overflow:hidden;
    }
.buttons02 {
    border:0px green solid;
    cursor:pointer;
    overflow:hidden;
    width:60px;
    height:80px;
    
    float:left;
    margin:1px;
    }
/* mootools thumbs */

img.ThumbSlide {    
    background-position: top center;
    background-repeat:no-repeat;
    width: 145px;
    height:80px;     
    padding:0px;   
    }

#content div.MooImage {
	background-color: white;
	float: right;
	position: relative;
	/* display: block; */
	border: 1px #bababa solid;
}   

#content div.MooIngallery {
	position: relative;
	float: left; 
	margin: 0 10px 10px 0;
	height: 85px;
	width: 85px;
	
	border:0px red solid;
}

/*-- front page --*/
#FrontMainWrapper {
    margin: 0 auto;
    width:920px; 
    overflow:hidden;
    }

#FrontLeftContent {
    width:600px; height:570px;
    float:left;
    background: url(../uploaded_images/frontimage.jpg) no-repeat top center;   
    margin-top:10px;
    }
    
    .LeftContent {
        padding:25px; 
        margin-top:5px;
        }


#FrontLeftContent h2 {
	/* padding: 0;
	margin: 0 0 10px 0;
	font-size: 120%;
	color: #406908;*/
    margin:0px;
    padding:0px;	
    color: #537822;
    font-size:1.9em;
    font-family: Arial;
    font-weight:lighter;
    margin-bottom:5px;
    margin-top:-15px;
}


#FrontRightContent {
    margin:0px;
    padding:0px;
    width:290px; 
    float:right;  
    
    font-size:90%;
    }

    .FrontRightWrapper {
       width:280px;       
       background: url(../uploaded_images/frontrightbg.jpg) no-repeat left top;              
       margin: 0 auto;
       
       height:265px;
    }


    .RightContent {
        padding:10px 10px; 
    }
    
    .RightContent p {
        margin:4px;
    }
    
    
/* gallery page */    

#GallerySlideBg {
    width:600px; height:570px;
    float:left;
    background: url(../uploaded_images/slidebg.jpg) no-repeat top center;   
    }

/* galerrific */
#pageFIC {
	width: 900px;
	background-color: #fff;
	margin: 0 auto;
	text-align: left;
	border-color: #ddd;
	border-style: none solid solid;
	border-width: medium 1px 1px;
}
#containerFIC {
	padding: 20px;	
	border:1px blue solid;	
}

#BorderLargeImage {
    border:0px red solid;
    overflow:hidden;
    width:490px;
    margin: 0 auto;
    text-align:center;
    }



/* fluid border */

.FluidImageWrapper
	{
    float: left;
    border:0px green solid;
    margin-left:auto;
    margin-right:auto;
    text-align:center;	   
	}

div.FluidImage {
  background: url(../img/common/custom_corners_topleft.gif) top left no-repeat;
  position:relative; /* hack for IE 6*/
  } 
div.FluidImage h3 {
  background: url(../img/common/custom_corners_topright.gif) top right no-repeat;
  padding:10px;
  
  }
div.FluidImageBody {
  background: url(../img/common/custom_corners_rightborder.gif) top right repeat-y;
  padding-top:5px;
  padding-bottom:35px;
  padding-left:15px;
  padding-right:18px;
  margin-top:-50px;
  }
div.FluidImageFooter {
  background: url(../img/common/custom_corners_bottomleft.gif) bottom left no-repeat;
  }
div.FluidImageFooter p {
  background: url(../img/common/custom_corners_bottomright.gif) bottom right no-repeat;
  padding:0px;
  margin:0px;
  }