@charset "UTF-8";

/* ---- global elements -----*/

body {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333366;
	background-image:url(photos/backgound.jpg);
	background-repeat:repeat-x;
	line-height:16px;
	}
	
p {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333366;
	line-height:16px;
	}

#stage {
	width:850px;
	padding-left:50px;
	padding-right:50px;
	background-image:url(photos/inside_back.jpg);
	background-repeat:repeat-x;
	}

#text_contet {
	width:800px;
	background-color:#FFFFFF;
	padding-left:25px;
	padding-right:25px;
	padding-top:25px;
	}	
	

#content {
	width: 950px;
	margin:auto;
	background-color:#FFFFFF;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
}

a:link, a:visited, a:active {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffa953;
}
	
#footer {
	color:#333366;
	text-align:center;
	}
	
/* this is the top and side navigational buttons */

#navigation {
	width:570px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin-bottom:4px;
	padding-left:370px;
	background-color:#FFFFFF;
	height:25px;
	}

#navigation ul{
	list-style: none;
	margin:0px;
	padding:0px;
	}

#navigation li{
	display:inline;
	}
	
#navigation li a, #navigation a:visited{
	display:block;
	padding:5px 25px 5px 25px;
	float:left;
	color:#ffa953;
	text-align:center;
	font-size:16px;
	text-decoration:none;
	}

#navigation a:hover {
	background-color:#ffa953;
	color:#FFFFFF;
	}
	
#subnav {
	width: 150px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	float:left;
	margin-right:15px;
	padding-top:10px;
	}

#subnav ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
	}
	
#subnav li{
	border-bottom:#eaeaea solid 2px;
	padding:10px 0px 5px 10px;

	}

#subnav	li a:link, #subnav li a:visited{
	text-decoration:none;
	color:#f0800f;
	line-height:22px;
	}


/* --- headings ----*/

.title {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	color:#333366;
	line-height:normal;
	
	}

.h1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:16px;
	margin-bottom:-5px;
	color:#ffa953;
	 }

.h2 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align: left;
	color:#FFFFFF
}

	
/*  --- thumbnail gallery ----  */

#gallery  {
	width:190px;
	background-color:#FFFFFF;
	float:left;
	}

#gallery ul{
	list-style:none;
	margin:0px;
	padding:0px;
	}

#gallery li{
	display:inline;
	}

#gallery li a{
	display:block;
	border:0px;
	}
	
#gallery img{
	width:75px;
	height:75px;
	float:left;
	margin-right: 10px;
	margin-bottom:10px;
	border: 1px;
	border:#bfc7e4 solid;
	}


#main-gallery {
	width:600px;
	float:right;
		}
	
.large {
	padding-top:5px;
	display:block;
	}
	
	
	
/*  -------  Works page- Gallery of Galleries   ---------------   */

#works{
	width:800px;
	background-color:#ffffff;
	}
	
#works ul{
	list-style:none;
	margin:0px;
	padding:0px;
	}
	
#works li{
	display:inline;
	}
	
#works li a, #works li a:visited{
	display: block;
	text-decoration:none;
	}
	
#works li a:hover{
	text-decoration:underline;
	}

#works li a img{
	width:170px;
	height:134px;
	float:left;
	margin-right: 25px;
	margin-bottom:10px;
	border: 1px;
	border:#bfc7e4 solid;
	}


	
	
	
/*  -------  home columns -----*/

#left{
	width:385px;
	margin-right:25px;
	}	
	
#right {
	width:385px;
	float:right;
	}
	
#right img {
	padding-top:5px;
	padding-right:15px;
	float:left;
	}
	
.land-img {
	display:block;
	border:#333366, 1px, solid;
	padding-bottom:25px;
	padding-top:5px;
	padding-right:15px;
	float:left;
	}
	
.line {
	clear:both;
	padding-bottom:25px;
	}
	
/*   ----------- Resume and contact page columns ----------------*/

#main-content {
	width:600px;
	margin-left:200px;
	float:right;
	background:#FFFFFF;
	}
	
/*  --------- gallery list on individual pages -------------*/

#list {
	width:800px;
	background-color:#FFFFFF;
	}
	
#list ul{
	list-style:none;
	margin:0px;
	padding:0px;
	}
	
#list li{
	display:inline;
	float:left;
	}

#list li a, #list li a:visited{
	text-decoration:none;
	display:block;
	}

#list li a:hover{
	text-decoration:underline;
	}
	
#list li a img{
	width:170px;
	height:134px;
	float:left;
	margin-right: 25px;
	margin-bottom:10px;
	margin-top:5px;
	border: 1px;
	border:#bfc7e4 solid;
	}