@charset "UTF-8";
/* CSS Document */

* {
margin:0; 
padding:0;
}


html, body {
margin:0; 
padding:0;
background-image: url(../bg/bgflower.jpg);

}

th {
font-weight: normal;
}

a:link {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #737373; text-decoration: none; }
a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #737373; text-decoration: none; }
a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #6ba216; text-decoration: none; }
a:active {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #737373; text-decoration: none; }

a.imgbord:link {color: #000000;}
a.imgbord:active {color: #000000;}
a.imgbord:visited {color: #000000;}
a.imgbord:hover {color: #000000;} 

#image{

}

#background{
position:absolute; 
z-index:-1; 
width:100%; 
height:100%;
overflow:scroll;
}

.thumb{
float:left;
margin-right:15px;
margin-top:20px;}

#top_header {
position:absolute; 
top:0px; 
left:0px; 
width:100%; 
z-index:10; 
background-color: #2f2f2f; 
padding-top:10px;
padding-bottom:10px;
}

#nav {
position:absolute; 
top:100px; 
left:0px; 
width:100%; 
z-index:10; 
background-color: #efefcf; 
border-bottom: solid 1px #2f2f2f;
padding:0px;
}

#wrapper{
position:absolute; 
top:150px; 
width: 100%;
padding: 0px;
z-index: 10;
}



#aboutcontent {
margin:0 auto;
width:600px; 
background-color: #efefcf;
z-index:20; 
padding:20px;
border: #000000 solid;
border-width: 1px;
display:none;
}

#servicescontent {
margin:0 auto;
width:600px; ;
background-color: #efefcf;
z-index:20; 
padding:20px;
border: #000000 solid;
border-width: 1px;
display:none;
}

#clientelecontent {
margin:0 auto;
width:600px; 
height:310px;
background-color: #efefcf;
z-index:20; 
padding:20px;
border: #000000 solid;
border-width: 1px;
display:none;
}

#aboutpic{
float: left;
width: 250px;
height: 300px;
z-index:20;
background-color: #CCCCCC;
border: #000000 solid;
border-width: 1px;
padding:0px;

}


#abouttext {
float: left;
overflow: scroll;
width: 510px;
height: 280px;
z-index:20;
padding-top: 10px;
padding-left: 20px;
padding-right: 10px;
padding-bottom: 10px;

}

#gallerycontent {
margin:0 auto;
width:680px; 
background-color: #efefcf;
z-index:20; 
padding:0px;
border: #000000 solid;
border-width: 1px;
display:none;
}

#contactcontent {
margin:0 auto;
width:800px; 
height:303px;
background-color: #FFFFFF;
z-index:20; 
padding:20px;
border: #000000 solid;
border-width: 1px;
display:none;
}

#publishedcontent {
margin:0 auto;
width:800px; 
height:435px;
background-color: #FFFFFF;
z-index:20; 
padding:20px;
border: #000000 solid;
border-width: 1px;
display:none;
}

#publishedflip {
float: left;
width:650px; 
z-index:20; 
border: #000000 solid;
border-width: 1px;
}

#publishedselect {
float: left;
width:110px; 
z-index:20; 
padding-top: 0px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
}

#contactcontent {
margin:0 auto;
width:600px; 
height:150px;
background-color: #efefcf;
z-index:20; 
padding:20px;
border: #000000 solid;
border-width: 1px;
display:none;
}


/***************FONT STYLES***************/




h1{
font-family:Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 15px;
letter-spacing: 2px;
color: #2f2f2f;
}

h2{
font-family:Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 18px;
letter-spacing: 2px;
line-height: 20px;
color: #efefcf;
}

h3{
font-family:Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 15px;
letter-spacing: 2px;
line-height: 20px;
color: #efefcf;
}

h4{
font-family:Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 20px;
letter-spacing: 2px;
line-height: 23px;
color: #2f2f2f;
}

.clientele{
font-family:Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 18px;
letter-spacing: 2px;
line-height: 22px;
color: #2f2f2f;
}

.body{
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000000;
line-height: 16px;
}

.published{
font-family:Arial, Helvetica, sans-serif;
font-size: 15px;
color: #000000;
font-style: underline;
}


/***************HOME PAGE BG SLIDESHOW***************/




#content {
margin:0px auto;
height:100px;
width:100%;
bottom:5%;
z-index: 3;
background:#262626 no-repeat 90%;
border-top:1px solid #000;
border-bottom:1px solid #4F4F4F;
position:absolute;
}

#contentframe{
overflow: hidden;
border-top:solid 1px #4F4F4F;
border-bottom:1px solid #000;
height: 100%;
text-align:left;
z-index: -1;
}

#slidecounter{
float:left;
color:#4F4F4F;
font:50px "Helvetica Neue", Arial, sans-serif;
font-weight:bold;
margin:18px 20px;	
}

#slidecaption{
overflow: hidden;
float:left;
color:#FFF;
font:26px "Helvetica Neue", Arial, sans-serif;
font-weight:bold;
margin:33px 0;
}

/*Supersized Stamp*/
.stamp{
float: right;
margin: 25px 20px 0 0;
}

/*Supersize Plugin Styles*/
#navigation{
background: url('images/navbg.gif') no-repeat;
float: right;
margin:22px 20px 0 0;
}

#loading {
position: absolute;
top: 49.5%; 
left: 49.5%;
z-index: -1;
width: 24px; 
height: 24px;
text-indent: -999em;
background-image: url(../images/progress.gif);
}

#supersize{
position:fixed;
}

#supersize img, #supersize a{
height:100%;
width:100%;
position:absolute;
z-index: 0;
}

#supersize .prevslide, #supersize .prevslide img{
z-index: 1;
}

#supersize .activeslide, #supersize .activeslide img{
z-index: 2;
}