@charset "ISO-8859-1";
/* CSS Document */

body {
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	background:url(../images/background2.jpg) repeat-x;
	background-color:#cfcfcf;
}

a:link {
	color:#FFF;
	text-decoration: none;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:11px;
}

a:visited {
	color:#FFF;
	text-decoration: none;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:11px;
}

a:hover {
	color: #2f817b;
	text-decoration: none;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:11px;
}

a.green:link {
	color:#2f817b;
	text-decoration: none;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	
}

a.green:visited  {
	color:#2f817b;
	text-decoration: none;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	
}

a.green:hover {
	color:#9C3;
	text-decoration: none;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:11px;
}

a.italic:link {
	color:#FFF;
	text-decoration: none;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-style:italic;
}

a.italic:visited {
	color:#FFF;
	text-decoration: none;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-style:italic;
}

a.italic:hover {
	color: #2f817b;
	text-decoration: none;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-style:italic;
}

p {
	font-size:11px;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	color:#636262;
}

p.italic {
	font-size:11px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#fff;
}

p.white {
	font-size:11px;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	color:#fff;
}


em {
	font-size:11px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#fff;
}

h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#2f817b;
	font-style:italic;
	font-weight:lighter;
}

h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:30px;
	color:#2f817b;
	font-style:italic;
	font-weight:lighter;
}


#container {
	width:960px;
	margin: 0 auto;


}


#header {
	position:relative;
}

#logo {
	position:absolute;
	top:-8px;
	left:275px;
	width:619px;
	margin: 0 auto;
}



#content {
	position:relative;
	top:550px;
}

#headline {
	position:absolute;
	width:960px;
	top:45px;
	text-align:center;
  	
}


#flowers {
	position:relative;
	top:232px;
	left:460px;
	margin-bottom:0px;
	width:491px;
}

#home_text {
	position:absolute;
	text-align:justify;
	width:720px;
	left:120px;
	top:150px;
	line-height:20px;
	
}

#skills {
	position:absolute;
	font-size:10px;
	width:423px;
	top:300px;
	left:118px;
	color:#636262;
	line-height:15px;
	
}


#skills ul {
	text-decoration:none;
	list-style:none;
	top:-9px;
	left:50px;
	color:#636262;
	
}

#skills ul li {
	padding-top:7px;
}
	
#footer {
	
	position:relative;
	top:295px;
	left:150px;
		
}

#contact {
	line-height:25px;
	position:absolute;
	left:-30px;
}

#copyright {
	position:absolute;
	top:380px;
	
	left:220px;
	text-align:center;
	padding-bottom:20px;
}

#send {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	font-style:italic;
	color:#fff;
	position:absolute;
	left:220px;
	
}

#category {
	color:#FFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:12px;
	position:absolute;
	left:595px;
	line-height:30px;
}

#category ul {
	list-style:none;
	text-decoration:none;
}

#divider {
	position:absolute;
	left:180px;
}

#divider2 {
	position:absolute;
	left:550px;
}

/*web page*/


#main_image {
	position:absolute;
	top:-426px;
	left:-50px;
}

#web_content {
	position:absolute;
	top:120px;
	left:45px;
	
}

/*navigation */

#nav {
	
	position:absolute;
	top:-558px;	
	width:423px;
	left:280px;
	height:38px;
	
	
}

.lavaLamp {
    position: relative;
    height: 29px; width: 421px;
    top:-21px;
    padding: 15px; margin: 10px 0;
    overflow: hidden;
	left:105px;
	
}

.lavalamp ul {
	position:absolute;
	
}
    /* Force the list to flow horizontally */
    .lavaLamp li {
        float: left;
        list-style: none;
		
		
    }
        /* Represents the background of the highlighted menu-item. */
        .lavaLamp li.back {
            background: url("../images/lava.gif") no-repeat right -25px;
            width: 7px; height: 25px;
            z-index: 8;
            position: absolute;
			
        }
            .lavaLamp li.back .left {
                background: url("../images/lava.gif") no-repeat top left;
                height: 25px;
                margin-right: 7px;
				
            }
        /* Styles for each menu-item. */
        .lavaLamp li a {
            position: relative; overflow: hidden;
            text-decoration: none;
			font-family:"Century Gothic", Arial, Helvetica, sans-serif;
			font-size:11px;
            color: #fff; outline: none;
            text-align: center;
            height: 25px; top: 7px;
            z-index: 10; letter-spacing: 0;
            float: left; display: block;
            margin: auto 10px;
        }
		

/* Slider Style */
.pxs_container{
	width:100%;
	height:427px;
	position:absolute;
	overflow:hidden;
	top:132px;
	margin-left:0px;
	left:-5px;
}
.pxs_bg{
	background:transparent url(../images/bg.png) repeat top left;
}
.pxs_bg div{
	position:absolute;
	top:0px;
	left:0px;
	width:7600px; /*1264px window width times number of images*/
	height:427px;
	background-repeat:repeat;
	background-position:top left;
	background-color:transparent;
}
.pxs_bg .pxs_bg1{
	background-image:url(../images/bg1.jpg);
	/*left negative 1/8 of ww*/
}
.pxs_bg .pxs_bg2{
	background-image:url(../images/bg2.png);
	/*left negative 1/4 of ww*/
}
.pxs_bg .pxs_bg3{
	background-image:url(../images/bg3.png);
	/*left negative 1/2 of ww*/
}
.pxs_slider_wrapper{
	display:none;
}
.pxs_container ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
ul.pxs_slider{
	position:absolute;
	left:0px;
	top:0px;
	height:427px;
}
ul.pxs_slider li{
	height:427px;
	float:left;
	position:relative;
}
ul.pxs_slider li img{
	display:block;
	margin:0px auto 0px auto;
	-moz-box-shadow:0px 0px 7px #222;
	-webkit-box-shadow:0px 0px 7px #222;
	box-shadow:0px 0px 7px #222;
	border: 8px solid transparent;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
ul.pxs_thumbnails{
	height:35px;
	position:absolute;
	top:365px;
	left:50%;
	overflow:visible;
}
ul.pxs_thumbnails li{
	position:absolute;
	display:block;
}
ul.pxs_thumbnails li img{
	border: 5px solid #FFFFFF;
	-moz-box-shadow:1px 1px 7px #555;
	-webkit-box-shadow:1px 1px 7px #555;
	box-shadow:1px 1px 7px #555;
	cursor:pointer;
	display:block;
	opacity:0.7;
}
ul.pxs_thumbnails li.selected img{
	opacity:1.0;
}
.pxs_navigation span{
	position:absolute;
	width:30px;
	height:60px;
	-moz-box-shadow:0px 0px 2px #000;
	-webkit-box-shadow:0px 0px 2px #000;
	box-shadow:0px 0px 2px #000;
	top:145px;
	opacity:0.6;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	cursor:pointer;
}
.pxs_navigation span:hover{
	opacity:0.9;
}
.pxs_navigation span.pxs_prev{
	background:#212020 url(../images/prev.png) no-repeat center center;
}
.pxs_navigation span.pxs_next{
	background:#212020 url(../images/next.png) no-repeat center center;
}
.pxs_loading{
	color:#fff;
	font-size:20px;
	padding:15px 15px 15px 50px;
	position:absolute;
	background:#333 url(../images/ajax-loader.gif) no-repeat 10px 50%;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	opacity:0.7;
	width:180px;
	position:absolute;
	top:150px;
	left:50%;
	margin-left:-90px;
}	


/* The container that holds everything for Lightview */
.lv_Container {
	position: relative;
	width: 100%;
	height: 100%;
	background: none;
	padding: 0;
	margin: 0;
}

.lv_Button {
	cursor: pointer;
	text-decoration: none;
	border: none;
	background: none;
	margin: 0;
	padding: 0;
}

/* The buttons on the side when you view a gallery */
.lv_Sides {
	position: absolute;
	top: 50%;
	left: 0;
	clear: both;
	width: 100%;
	padding: 0;
	margin: 0;
}
.lv_Sides * { padding: 0; margin: 0; }
.lv_Sides li {
	list-style-type: none;
	position: relative;
}

.lv_PrevSide { float: left; }
.lv_NextSide { float: right; }
.lv_Sides .lv_Wrapper {
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.lv_Sides .lv_Button {
	float: left;
	background: none;
}

/* The frames above and below the center, that hold the corners.
   It's recommended not to change anything here, a lot is done in
   javascript to build further upon this based on your settings.
*/
.lv_Frames {
	width: 100%;
	height: 100%;
	position: relative;
	padding: 0;
	margin: 0;
}
.lv_Frames li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.lv_Frame {
	width: 100%;
	display: block;
}
.lv_Frame * { padding: 0; margin: 0; }
.lv_FrameTop {
	position: absolute;
	left: 0;
	width: 100%;
	display: block;
}
.lv_FrameBottom {
	position: relative;
	float: left;
	clear: both;
}

.lv_Liquid {
	position: relative;
	float: left;
	width: 100%;
	overflow: hidden;
	clear: both;
}
.lv_Liquid .lv_Filler {
	position: absolute;
	height: 100%;
	width: 2px;
	top: 0;
	left: 50%;
}

.lv_Half {
	display: block;
	height: 100%;
	clear: both;
	line-height: 0px;
}
.lv_Half li { list-style-type: none; }
.lv_Corner {
	float: left;
	position: relative;
}
.lv_CornerTr, .lv_CornerBr { float: right; }

.lv_Fill {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

.lv_Half .lv_CornerWrapper {
	float: left;
	position: relative;
	width: 50%;
	height: 100%;
	overflow: hidden;
}
.lv_HalfRight .lv_CornerWrapper { float: right; }

.lv_Corner { position: relative; }
.lv_Corner canvas { position: relative; }
.lv_HalfLeft .lv_Corner { float: left; }
.lv_HalfRight .lv_Corner {
	position: relative;
	float: right;
}

/* To position content correctly in the center with correct
   rounded corner display we need a few wrappers.
   This is to get it right on all browsers.
*/
.lv_Center {
	position: relative;
	clear: both;
	height: 100%;
	overflow: hidden;
	background: none;
	padding: 0;
	margin: 0;
}
.lv_WrapUp {
	position: absolute;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapDown {
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapCenter {
	position: relative;
	padding: 0;
	margin: 0;
}

/* The loading indicator */
.lv_Loading {
	position: absolute;
	top: 50%;
	left: 50%;
}
.lv_Loading .lv_Button {
	float: left;
	height: 100%;
	width: 100%;
}

.lv_MediaWrapper {
	position: relative;
	width: 100%;
	display: block;
	overflow: hidden;
	clear: both;
	padding: 0;
	margin: 0;
}
.lv_MediaWrapper img {
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
}

/* The overlays on top of images that toggle the previous/next buttons */
.lv_PrevNext {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}
.lv_PrevNext * { padding: 0; margin: 0; }
.lv_PrevNext .lv_Button {
	position: relative;
	height: 100%;
}
.lv_PrevButton { float: left; }
.lv_NextButton { float: right; }

/* The bar that holds title, caption, imagenumber, slideshow and closebutton */
.lv_MenuBar {
	clear: both;
	position: relative;
	width: 100%;
	font: 11px Arial, Helvetica, sans-serif;
	color: #7a7a7a;
	padding: 0;
	margin: 0;
	text-align: left;
}
.lv_MenuBar * { padding: 0; margin: 0;}


.lv_Close {
    position: relative;
	float: right;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.lv_Data {
	position: relative;
	float: left;
	padding-bottom: 3px;
	line-height: 13px;
	overflow: hidden;
}

/* simulates padding-left inside .lv_Data 
.lv_DataText div, .lv_ImgNumber div { margin-left: 3px; } */

.lv_Data li {
	list-style-type: none;
	float: left;
	margin-top: 3px;
}
.lv_DataText { width: 100%; }
.lv_DataText .lv_Title {
	font-weight: bold;
	margin-bottom: 2px;
}
.lv_DataText .lv_Caption { clear: both; }
.lv_Data .lv_ImgNumber {
	color: #a7a7a7;
	margin-right: 5px;
	margin-top: 5px;
}

.lv_Data .lv_innerPrevNext, 
.lv_Data .lv_Slideshow {
	position: relative;
	border-left: 1px solid #d7d7d7;
	padding: 0 5px;
	margin-top: 5px;
	vertical-align: middle;
}
.lv_Data .lv_Slideshow { padding-right: 0px; }

.lv_Data .lv_innerPrevNext .lv_Button, 
.lv_Data .lv_Slideshow .lv_Button { /* play and stop */
	float: left;
	background-position: center left;
	background-repeat: no-repeat;
}

/* the boxes that hold media or external content */
.lv_contentTop,
.lv_contentBottom {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	clear: both;
}

#lightview iframe {
	float: left;
	border: 0;
	clear: both;
	padding: 0;
	margin: 0;
	background: none;
}

/* The container that hold buttons above the view, currently only topclose */
.lv_topButtons {
	position: absolute;
	left: 0;
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.lv_topcloseButtonImage { cursor: pointer; }


/* The error/warning/download message that will appear when
   a required plugin is not installed.
*/
#lightviewError p { padding: 0 0 10px 0; }
#lightviewError div {
	padding: 6px;
	font: 11px Arial, Helvetica, sans-serif;
}
#lightviewError .message {
	background: #fcb5b5;
	color: #dd1f1f;
	margin-bottom: 3px;
}
#lightviewError .type { font-weight: bold; }
#lightviewError .pluginspage {
	background: #b5fcbd;
	color: #21be30;
}
#lightviewError a,
#lightviewError a:hover,
#lightviewError a:visited {
	color: #21be30;
	text-decoration: none;
	background: none;
	font-weight: bold;
	border-bottom: 1px solid #7de689;
}
#lightviewError p {
	margin-left: 0;
	padding: 0;
}

#lv_overlay {
  position: absolute; /* Opera will use fixed */
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

/* navbar
   Adds a bar below the view that takes over the default Controller
*/
#lightviewController {
	position: fixed;
	bottom: 0;
	top: 0;
	left: 50%;
	margin: 0;
	padding: 0;
	color: #d2d2d2;
	font: 11px Arial, Helvetica, sans-serif;
}
* html body #lightviewController { /* IE6 */
	position: absolute;
	top: auto;
	margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) + (Lightview.controllerOffset || 0)) + 'px');	
}
#lightviewController ul {
	display: block;
	height: 100%;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
}
.lv_controllerTop, .lv_controllerMiddle, .lv_controllerBottom {
	list-style-type: none;
	float: left;
	display: block;
	position: relative;
	clear: both;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.lv_controllerCenter  { width: auto; float: left; }
.lv_controllerCornerWrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
.lv_controllerCornerWrapperTopLeft,
.lv_controllerCornerWrapperBottomLeft { top: 0; left: -100%;}
.lv_controllerCornerWrapperTopRight,
.lv_controllerCornerWrapperBottomRight { top: 0; left: 100%;}

#lightviewController .lv_CornerWrapper {
	width: 100%;
}
#lightviewController .lv_Corner { float: left; }
#lightviewController .lv_Corner {
	float: right;
	position: relative;
}
#lightviewController .lv_CornerTr, #lightviewController .lv_CornerBr { float: left; }
.lv_controllerBetweenCorners {
	position: relative;
	height: 100%;
	overflow: hidden;
}

.lv_controllerMiddle {
	position: relative;
	height: 100%;
	float: left;
}
.lv_controllerCenter { float: left; width: auto;}
.lv_controllerCenter li {
	list-style-type: none;
	float: left;
	display: inline;
	position: relative;
	clear: none;
}
.lv_controllerSetNumber {
	float: left;
	text-align: center;
}

#lightviewController .lv_Button {
	float: left;
	position: relative;
	height: 100%;
	clear: none;
}
.lv_controllerSetNumber {
	position: relative;
	height: 100%;
	padding-right: 3px;
}
.lv_controllerPrev, 
.lv_controllerNext, 
.lv_controllerSlideshow, 
.lv_controllerClose {
	float: left;
	position: relative;
	height: 100%;
	padding-left: 3px;
}

.lv_controllerPrev { border-left: 1px solid #3c3c3c; }
#lightviewController .lv_controllerNext { padding-right: 3px; border-right: 1px solid #3c3c3c; }

* html #lightview { /* IE6 */
	position: absolute;
	margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) - (Lightview.controllerHeight || 0)) + 'px');
	margin-left: expression( -1 * this.offsetWidth / 2 + (document.documentElement ? document.documentElement.scrollLeft : 0) + 'px');
}

/* Always cover 100% of the screen in IE6 */
html #lv_overlay {
	position: absolute;
	height: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight].max() : document.documentElement.scrollHeight) + 'px' );
	width: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollWidth, document.documentElement.scrollWidth, document.body.offsetWidth, document.documentElement.clientHeight].max() : document.documentElement.scrollWidth) + 'px' );
}


/*Thumbnail effect*/

.thumbnail-wrap { 
float:left; 
height:165px; 
margin:30px; 
width:179px; 
} 

.thumbnail-div { 
background-color:#FFF;
float:left; 
height:165px; 
padding:5px 0 0 5px; 
width:179px; 
-moz-box-shadow: 3px 3px 5px #888;
-webkit-box-shadow: 3px 3px 5px #888;
box-shadow: 3px 3px 5px #888;
} 

.thumbnail-shadow { 
float:left; 
height:33px; 
width:100%; 
} 

.thumbnail-div .sections-overlay { 
-moz-background-clip:border; 
-moz-background-inline-policy:continuous;
-moz-background-origin:padding; 
background:transparent url(../images/thumbnail-overlay.png) no-repeat scroll -40px -300px; 
float:left; 
margin-top:-33px; 
} 

.thumbnail-div div{ 
height:160px; 
width:174px; 
} 

.sections-overlay { 
background-image:url(../images/readmore-bg.png); 
opacity: 0; 
visibility:hidden; 
background-position: 0px -167px; 
} 

.thumbnail-div .sections-overlay .zoom { 
margin:60px 0 0 61px; 
} 

.sections-overlay .zoom { 
border:medium none; 
margin:165px 0 0 312px; 
} 

.readmore { 
background-image:url(../images/readmore-bg.png); 
color:#FFFFFF; 
display:block; 
float:right; 
font-size:10px; 
margin:17px 0 0 40px; 
padding:5px 10px; 
}



.ex1 img{
    border: 5px solid #FFF;
    float: left;
    margin: 15px;
    -webkit-transition: margin 0.5s ease-out;
    -moz-transition: margin 0.5s ease-out;
    -o-transition: margin 0.5s ease-out;
	-moz-box-shadow: 3px 3px 5px #888;
-webkit-box-shadow: 3px 3px 5px #888;
box-shadow: 3px 3px 5px #888;
}
 
.ex1 img:hover {
    margin-top: 2px;
}