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


body {margin: 0px 0px 0px 0px; width:11200px;; background-image:url(../images/bg.jpg); background-repeat:no-repeat;}
img {border:none;}
h1 {font-family: Arial, helvetica sans-serif;font-size:140%; color:#646464;}
h2 {font-family: Arial, helvetica sans-serif; font-size:120%; color:#646464;}

h1 a{font-family: Arial, helvetica sans-serif; color:#646464;  text-decoration:none; }
h1 a:hover{font-family: Arial, helvetica sans-serif; color:#CC3399;  text-decoration:none;}
h1 a:visited{font-family: Arial, helvetica sans-serif; color:#646464; text-decoration:none; }

h2 a{font-family: Arial, helvetica sans-serif; color:#646464;  text-decoration:none; }
h2 a:hover{font-family: Arial, helvetica sans-serif; color:#CC3399;  text-decoration:none;}
h2 a:visited{font-family: Arial, helvetica sans-serif; color:#646464; text-decoration:none;}

h3 {font-family: Arial, helvetica sans-serif; font-size:100%; color:#646464;}


.container {width:100%; margin: 30px 0px 0px 0px;}

.left { position: relative; float:left; width:240px; padding:0px 20px 0px 0px; font-family: Arial, helvetica sans-serif; font-size:80%; line-height:1.5em; /*background-image:url(../images/backleft.gif); background-repeat:repeat-y; height:100%;*/ }
.menuitems { font-family: Georgia; font-size:125%;  color:#646464; text-align:right; margin: 0px 50px 0px 0px; line-height:1.8em;}
.menuitems a { font-family: Georgia; color:#CC3399; text-align:right;  line-height:1.8em; /*font-weight:bold;*/ text-decoration:none;}
.menuitems a:hover { font-family: Georgia; color:#ed6e3c; text-align:right;  line-height:1.8em; /*font-weight:bold;*/ text-decoration:none;}


.center { float:left;  padding:0px 20px 0px 0px;  font-family: Arial, helvetica sans-serif; font-size:80%; color:#646464; line-height:1.5em; overflow:visible;}
.centerdesigns { float:left;  padding:0px 20px 0px 0px;  font-family: Arial, helvetica sans-serif; font-size:80%; color:#646464; line-height:1.5em; overflow:visible;}
.right { float:left; width:200px;  font-family: Arial, helvetica sans-serif; font-size:80%; color:#646464; line-height:1.5em}
.right a{font-family: Arial, helvetica sans-serif; color:#CC3399;  text-decoration:none; }
.right a:hover{font-family: Arial, helvetica sans-serif; color:#646464;  text-decoration:none;}
.right a:visited{font-family: Arial, helvetica sans-serif; color:#646464; text-decoration:none;}


/*.projectdesign{float:left; width:350px; height:280px; padding:0px 20px 0px 30px ;  border-left: thick solid #646464; margin: 20px 0px 20px 0px;}*/
.projectprofile{ position: relative; float:none; width:580px; padding:0px 20px 0px 30px; border-left: thick solid #646464; margin: 20px 0px 0px 0px;}
.projectcontact{ position: relative; float:none; width:350px; height:400px; padding:0px 20px 0px 30px; border-left: thick solid #646464; margin: 20px 0px 0px 0px;}
.projectdesign{ position: relative; float:none; width:350px; height:280px; padding:0px 20px 0px 30px; border-left: thick solid #646464; margin: 20px 0px 0px 0px;}
.projectdesigntext{ position: relative; float:none; width:350px; height:880px; padding:0px 20px 0px 30px; border-left: thick solid #646464; margin: 20px 0px 0px 0px;}


.projectdesignpage{ position:relative; float:none; width:350px; height:120px; padding:0px 20px 0px 30px; border-left: thick solid #646464; margin: 20px 0px 0px 0px;}


.projecttitle {position: relative; float:none; width:350px; height:150px; padding:0px 20px 0px 30px; border-left: thick solid #CC3399; margin: 20px 0px 20px 0px; }
.projecttitle a{font-family: Arial, helvetica sans-serif; color:#CC3399;  text-decoration:none; }
.projecttitle a:hover{font-family: Arial, helvetica sans-serif; color:#646464;  text-decoration:none;}
.projecttitle a:visited{font-family: Arial, helvetica sans-serif; color:#646464; text-decoration:none;}

.project{ position: relative; float:none; width:350px; height:400px; padding:0px 20px 0px 30px; border-left: thick solid #646464; margin: 20px 0px 0px 0px;}


.photography { display:inline;  height:600px; padding:0px 10px 0px 0px;}
.centerphotography { float:left; padding:0px 0px 0px 0px; height:600px; }

hr, .hide {position:absolute;top:0; }	

#page {height:500px; margin-left:-300px; }

#leftsider {padding: 50px 0 0 50px; float: left;width:300px; }

#leftsider h1 {font-size: 2.0em;}

#menu {margin-top: 60px; padding-left: 6px;}

#menu a {text-decoration: none;font-family: Georgia;  color: #646464; text-decoration:none;}

#menu a:hover{font-family: Georgia; color: #ed3375; text-decoration:none;}

#content {margin: 45px 0px 0px 0px; float: left;}

.par {
	margin: 0px 30px 0 0px; 
	float: left; 
	height: 300px;
}

p.secbot a{
	margin-top: -5px;
	padding-left: 15px;
	border-bottom:none;
	color: #646464;
	text-decoration:none;
}

p.secbot a:hover {font-family: Georgia;  color: #ed3375; 	text-decoration:none;}

#arrows {
	position: fixed;
	top: 610px;
	left: 650px; 
	width: 90px;
	height: 40px;
	cursor: pointer;
}

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

#arrows ul li {
	margin: 0;
	padding: 0;
	display:inline;
	width: 40px;
	height: 40px;
}

#arrows ul li a{
	margin-right: 5px;
	float: left;
	display: block;
	width: 40px;
	height: 40px;
	overflow: hidden;
	cursor: pointer;
	font-size: 50em;
}

#arrows ul #left a {background: transparent url(../images/leftbig.png) no-repeat;}
#arrows ul #right a{background: transparent  url(../images/rightbig.png) no-repeat;}


#rightsider {
	padding: 0 10px 0px 0;
}	

#rightsider a{
	color: #ed6e3c;
	text-decoration: none;
}