/* container */
div#container { width: 915px; height: auto; margin-left: 11.4em; padding: 0; background-color:#FFF; border-top: #CCCCCC 3px solid; float: left; }

/* header */
div#header { width: 725px; height: 87px; margin: 0; padding-top: 5px; background-image: url(images/main/webfolio_header.png); background-repeat: no-repeat; float: left;}

/* content */
div#content { width: 700px; height: auto; padding: 0; margin-left: 10px; margin-bottom: 20px; float: left; }

div#contentweb { width: 900px; height: auto; padding: 0; margin-left: 10px; float: left; }

/* description */
div#d {width: 400px; height: auto; margin-top: 1em; padding-left: 0; float:left; }

/* description 2 */
div#dd { width: 550px; height: auto; margin: 0px; padding-left: 0; float:left; }

/* navigation */
div#nav{ width: 170px; position:fixed; _position:absolute; top:0px; left:0px; margin:0; padding-top:15px; padding-left:10px; float:left; }

div#nav a{ font-size: 70%; line-height: 135%; color: #333; }

div#nav a:hover { color: #FFF; background: #30BDE6; }

div#nav a:visited { }

div#contactinfo { width:400px; height:auto; padding:0; margin-bottom:100px; float: left; }

contactinfo ul{ float:left; }

.contactprev{ font-size: 66%; color:#999; }

.contactinfo{ font-size: 75%; color:#333; line-height: 1.5em; }

/* footer */
div#footer { width: 915px; height: auto; margin: 0; padding: 0; float:left; z-index: 1000; border-top: #CCC dashed thin ; }

/* body copy */
h1 {
	color: #333;
	font-size: 180%;
	text-transform: capitalize;
	letter-spacing: .5em
	font-family: Georgia, "Times New Roman", Times, serif;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	letter-spacing: 0.05em;
	font-style: normal;
}

h2 { color: #333; font-size:150%; }

ul { list-style-type:none; }

content.ul { float:left; padding: 0; margin: 0;}

ul.webfolio a:visted { color: #666; text-decoration: line-through; }

li.navhead { font-weight: bold; color: #000; background-image: none; }

#content.object { float:left; }

a { text-decoration:none; color: #00a8ff; }

p {
	color: #333;
	font-size: 90%;
	line-height: 140%;
	text-align: left;
	font-family: Verdana, Geneva, Arial, sans-serif;
}

p.d { color: #333; font-size: 80%; line-height: 120%; }
	
p.dd{ color: #666; font-size: 80%; line-height: 120%; }
	
p.f { font-size: 60%; color: #333; text-align:left; padding-left: 10px; padding-top: 5px; }

p.links { color: #333; font-size: 80%; line-height: 120%; }

.offpage { text-indent: -9999px; z-index:1000; }

.welcome { margin:0; padding:0; width:725px; height:190px; background-image: url(../images/main/welcome.gif); text-indent: -9999px; z-index:1000;}

.arrow { margin-top:-200px; padding:0; width:725px; height:525px; background-image:none; color:50%; text-indent: -9999px; z-index:999;} 

.about { margin-top:10px; padding:0; width:725px; height:87px; background-image: url(../images/main/about.gif); text-indent: -9999px; z-index:1000;} 

.what { margin-top:10px; padding:0; width:725px; height:87px; background-image: url(../images/main/snakezebra.gif); text-indent: -9999px; z-index:1000;} 

.contact { margin-top:10px; padding:0; width:725px; height:87px; background-image: url(../images/main/contact.gif); text-indent: -9999px; z-index:1000;} 

.links { margin-top:10px; padding:0; width:725px; height:87px; background-image: url(../images/main/links.gif); text-indent: -9999px; z-index:1000;} 

.rounded-corners {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px; }
	
.rounded-corners {
behavior: url(/css/border-radius.htc);
border-radius: 20px; }
	
img{border:none;}		


/* Easy Slider */

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:700px;
		height:505px;
		overflow:hidden;
		}
	span#prevBtn{}
	span#nextBtn{}					

/* // Easy Slider */

/* Easy Slider new */

	#slider.new ul, #slider.new li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider.new li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:700px;
		height:255px;
		overflow:hidden;
		}
	span#prevBtn{}
	span#nextBtn{}					

/* // Easy Slider new */


/* Form */

/* Page Elements */

	#contentb{
		width:				750px;
		height:				375px;
		font-family:		Verdana, Geneva, sans-serif;
		font-size:			66%;
		color:				#333333;
		background:			#ffffff;
		margin-bottom:		30px;
		padding:			0;
		float:				left;
	}
	#contentb form {
		margin-bottom:		20px;
	}
	
/* End Page Elements */

/* Begin Form Elements */
fieldset{ margin: 10px 0 0 0; padding: 0; }

legend{ text-transform: uppercase; font-size: 1.3em; padding: 5px; margin-left: 1em; color:#FFF; background:#0063b9; }

fieldset ol{ padding: 10px 10px 0px 10px; list-style: none; }

fieldset li{ position: relative; padding-bottom: 1em; }

label{ position:relative; clear:left; float:left; width: 15em; margin-right: 5px; margin-top: -4px; text-align: right; line-height: 3.4em; padding-right: 30px; }

input{ padding: 5px; font-size:1.4em; border: 1px solid #999; color: #333; background: #fff; }

label span{ position: absolute; left: -9999px; top: 0px; }

label.required{ background:transparent url(required.gif) no-repeat center right; }

p span.required { display: inline-block; vertical-align: middle; line-height: 3.4em; text-indent: -9999px; overflow: hidden; background: transparent url(required.gif) no-repeat center right; }

fieldset#submitform{ background-image:none; border-style: none; text-indent: 515px; }


/* End Form Elements */

/* //Form */

/* jQuery lightBox plugin - Gallery style */
	#gallery {
		background-color: #FFF;
		padding: 0px;
		width: 690px;
		margin-bottom: 225px;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 5px solid #FFF;
		border-width: 1,1,1,1;
	}
	#gallery ul a:hover img {
		border: 5px solid #CCC;
		border-width: 1,1,1,1;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }