@charset "UTF-8";
/* CSS Document */
/* Victoria Jones Photography */

html { height: 100.2% 

}

body {
	background-color: #D6D6D6;
	overflow: -moz-scrollbars-vertical;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #808080;
	text-align: justify;
	line-height: 16px;
	
	
}

body#home a#homenav,
body#music a#musicnav,
body#nature a#naturenav,
body#edit a#editnav,
body#contact a#connav {
	background: #808080;
	color: #DEDEDE;
		
}

#maincontainer {
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	height: auto;
	background-color: #FFFFFF;
	border-width: 3px;
	border-color: #B7B7B7;
	border-style: solid;
	
}

.pagelogo {
	float: left;
	width: 350px;
	height: 60px;
	margin-top: 10px;
	margin-left: 15px;
	display: inline;
	border: none;

}

#navbox {
	float: left;
	padding-top: 26px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: inline;
	height: 40px;
	margin-left: 50px;

}

#boxcontainer {
	width: 750px;
	height: 500px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	
}

.indexboxes {
	width: 300px;
	margin-left: 10px;
	margin-right: 10px;
	float: left;
	height: 350px;
			
}

.labels {
	margin-left: 50px;
	
}

#gallerycontainer {
	width: 700px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
		
}

#contactcontainer {
	width: 700px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
		
}

.victoriaphoto {
	float: left;
	margin-top: 23px;

}

.contacttext {
	float: right;
	width: 390px;
	height: auto;
	margin-right: 10px;
	
}

.contactdetails {
	line-height: 26px;
	font-size: 13px;

}

.contactdetails strong{
	color: #333333;
	
}

.copyright {
	float: left;
	margin-left: 30px;
	margin-top: 20px;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #808080;

}

.logic {
	float: right;
	margin-right: 30px;
	margin-top: 20px;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #808080;

}

.logic a {
	color: #333333;
	text-decoration: none;
	
}

.logic a:hover {
	text-decoration: underline;
	
}

h2 {
	margin-left: 50px;
	font-weight: normal;	
	letter-spacing: 2px;
	color: #483632;
	font-size: 14px;
	
}	
	

/* Dropdown Menu Code */

#jsddm
{	margin: 0;
	padding: 0}
	
	#jsddm li
	{	float: left;
		list-style: none;
		font: 13px, Arial}

	#jsddm li a
	{	display: block;
		background: none;
		padding: 5px 8px;
		margin-right: 4px;
		text-decoration: none;
		width: auto;
		color: #808080;
		white-space: nowrap}

	#jsddm li a:hover
	{	background: #808080;
		color: #DEDEDE}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			margin-top: 2px}
		
		#jsddm li ul li
		{	float: none;
			display: inline}
		
		#jsddm li ul li a
		{	font: 12px;
			width: auto;
			background: #FFFFD1;
			color: #7F8C6C}
		
		#jsddm li ul li a:hover
		{	background: #7F8C6C;
			color: #FFFFD1;}