/* CSS Document */

body {
	padding: 0;
	margin: 0;
	background-image:url(img/background.gif);
	background-repeat: repeat-y, repeat-x;
	color: #000;
	text-align: center;
	font-family:lucida sans;
	}
	
#container {
	margin-top: -5px;
	margin-bottom: 0px;
	margin-right:auto;
	margin-left:auto;
	width: 1040px;
	min-height:100%;
	color: #000;
	text-align: left;
	font-size:12px; 
	padding-left:60px;
	}
	
a {
	text-decoration:none;
}

a#rollover {
	display:block;
	width:350px; 
    	height:80px;font: bold 14px/1 sans-serif;
	color:#c60;
	background: url("images/heart.gif") 0 0 no-repeat;
	text-decoration: none;
	}
	
a#rollover:hover{
	background-position: 0px -80px;
	color: #E9BE75;
	}

img{
	border:none;
	z-index:0;
}

#header{
	position:relative;
	float:left;
	width:960px;
	height:150px;
}

#logo{
	position:relative;
	top:20px;
	left:10px;
	float:left;
	}

#menu {
	position:relative;
	float:left;
	font-size:12px;
	margin-top:80px;
	margin-right:10px;
	}
#menu a {
	color:black;
	padding-left:10px;
	}

#menu a:hover {
	color:#4989c4;
	}

#splash{
	margin-right:auto;
	margin-left:auto;
	width:900px;
	margin-top:200px;
	}

#left{
	float:left;
	margin-left:30px;
	width:500px;
	}


#right {
	float:left;
	margin-left:0px;
	width:500px;
	}

#left-content {
}
	
#right-content {
	border-left:2px solid #f2f2f2;
	}
	
#left-content img{
	margin-bottom:20px;
	border:2px solid #DDDDDD;
}

#right-content img{
	margin-bottom:20px;
	border:2px solid #DDDDDD;
}

#top{
	float:left;
	margin-left:30px;
	width:1000px;
	}


#bottom {
	float:left;
	margin-left:0px;
	width:1000px;
	}

#top-content {
}
	
#bottom-content {
	border-left:2px solid #f2f2f2;
	}
	
#top-content img{
	margin-bottom:20px;
	float:left;
	margin-left:10px;
	border:5px solid #DDDDDD;
}

#bottom-content img{
	margin-bottom:20px;
	float:left;
	margin-left:10px;
	border:5px solid #DDDDDD;
}

h1 {
	padding: 5px;
	padding-left:0px;
	padding-top:10px;
	margin: 0;
	font-size:12px;
}

h2 {
	background:#1a70da;
	padding: 5px;
	margin: 0;
	font: bold 12px verdana, arial, sans-serif;
	color: #fff;
}

h2 {
	color: #159892;
	font-family: Trebuchet MS, sans-serif;
	font-size: 15px;
	margin-top:0px;	
	}

h3 {
	color: #649F1D;
	font-family: Trebuchet MS, sans-serif;
	font-size: 15px;
	margin-right:10px;
	margin-top:0px;
	float:left;	
        margin-bottom:0px;
	}
	

h4 {
	color: #159892;
	font-family: verdana;Trebuchet MS, sans-serif;
	font-size: 12px;
        font-weight:normal;
	margin-right:10px;
	margin-top:0px;	
        margin-bottom:0px;
	}

#bottom-links{
	margin-top:0px;
	font-size:10px;
	padding-top:30px;
	margin-right:80px;
	}

#bottom-links a {
   border-bottom:1px solid #CCCCCC;
   color:#888888;
   font-weight:bold;
   }

#bottom-links a:hover {
   border:medium none;
   color:black;
   text-decoration:none;
   }

#footer {
	height:70px;
	margin-bottom: 0px;
	margin-right:auto;
	margin-left:auto;
	width: 1040px;
	padding-left:58px;
	font-size: 10px;
	}

.about{
	padding:20px;
	padding-top:10px;
	height:330px;
}

.about h4{
	color: #2277DD;
	font-family: Trebuchet MS, sans-serif;
	font-size: 14px;
    font-weight:bold;
	margin-right:10px;
	margin-top:0px;	
    margin-bottom:10px;
}


#contact{
	padding: 0 0 20px;
	padding-top:0px;
	height:300px;
}

#contact h4{
	color: #2277DD;
	font-family: Trebuchet MS, sans-serif;
	font-size: 14px;
    font-weight:bold;
	margin-right:10px;
	margin-top:0px;	
    margin-bottom:10px;
}

label { 
	display:block; 
	font-size:12px;
	}
	
input[type=text],input.text,textarea {
	width:300px;
	font:12px/12px Trebuchet MS,courier,monospace;color:#333;
	padding:3px;
	margin:1px 0;
    margin-bottom:5px;
	border:1px solid #ccc; 
	}

button[type=submit] { 
	font:13px arial,sans-serif;
	cursor: pointer;
	padding: 5px 5px;
	float:left;
	}

/* Portfolio */

#leftnav {
	margin:0;
	padding:0;
	list-style:none;
	margin-top:20px;
	}
	
#leftnav li {
	}

#leftnav li a {
	color:black;
	}

#leftnav li a:hover {
	color:white;
	background-color:black;
	}

#description {
	margin-top:10px;
	}
	
#description div {
	margin-bottom:5px;
	}
	
#description span {
	font-weight:bold;
	}
#slider {
	border:2px solid #DDDDDD;
	}
#slider ul, #slider li,
#slider2 ul, #slider2 li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider2{margin-top:1em;}
#slider li, #slider2 li{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:500px;
	height:375px;
	overflow:hidden; 
	}	
#prevBtn, #nextBtn,
#slider1next, #slider1prev{ 
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	left:390px;
	top:290px;
	z-index:1000;
	}	
#nextBtn, #slider1next{ 
	left:928px;
	}														
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{  
	display:block;
	position:relative;
	width:30px;
	height:77px;
	background:url(btn_prev.gif) no-repeat 0 0;	
	}	
#nextBtn a, #slider1next a{ 
	background:url(btn_next.gif) no-repeat 0 0;	
	}
	
/* LOGIN */
#login {
	margin:7em auto;
	width:320px;
	}
	
#login form {
	border:1px solid #E5E5E5;
	font-weight:normal;
	margin-left:8px;
	padding:16px 16px 40px;
	font-size:12px;
	}

#login input {
	width:150px;
	font-family:lucida sans;
	border:1px solid #CCCCCC;
	margin:0;
	font-size:12px;
	padding:2px;
	}
	
/* ADMIN */
#admin {
	margin:4em auto;
	width:390px;
	padding-bottom:60px;
	}

#admin h2 {
	font-size:12px;
	font-family:lucida sans;
	background:none;
	color:black;
	}
#admin form {
	border:1px solid #E5E5E5;
	font-weight:normal;
	margin-left:8px;
	padding:16px 16px 40px;
	font-size:12px;
	text-align:left;
	}

#admin input {
	width:150px;
	font-family:lucida sans;
	border:1px solid #CCCCCC;
	margin:0;
	font-size:12px;
	padding:2px;
	}