/* Michael J Love Photography Styling */

/* Site wide elements */

html {
	background-color:#4e4e4e;
}

body {
	background-color:#4e4e4e;
	padding:0;
	margin:0 auto;
	min-width:1374px;
}

#wrapper {
	width:1000px;
	min-height:690px;
	margin:auto;
	margin-top:-30px;
	margin-bottom:10px;
}

p {
	color:#FFF;
}

h1 {
	font-weight:bolder;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#00aeff;
}

.copyright {
	color:#999;
	font-size:12px;
	font-weight:bolder;
	padding:10px;
	text-align:center;
}

.separatorinvisible {
	clear:both;
	height:0px;
}

#header {
	background:url(../layout/images/socmedia_bg.png) repeat-x 0px 45px #000;
	height:95px;
	width:100%;
}

#socialmediamenu {
	list-style-type:none;
	padding-left:100px;
}

#socialmediamenu li {
	padding:0px 15px 0px 0px;
	float:right;
}


#footer {
	background-color:#000;
	height:47px;
	width:100%;
}

#footer p {
	font-size:12px;
	font-weight:bolder;
	text-align:center;
	line-height:38px;
	color:#333;
}

.bubbleWrap {
	position:relative;  
    z-index: 10;  
	right: 0px;
}  

.bubble {  
	position: absolute; 
	bottom:-445px;
	right:318px;
}

/* Navigation elements */

#contactme {
	float:left;
	width:163px;
	margin-left:-190px;
	margin-top:130px;
	background:url(images/contact_menu_edge.png) 153px repeat-y;
}

#contactme ul {
	width:163px;
}

#contactme li {
	margin-bottom:10px;
}

#contactme li a {
	text-indent: -9990px;
	overflow:hidden;
	display:block;
	height: 20px;
	float:right;
	width:157px;
	margin-bottom:17px;
}

#contact { background: url(../layout/images/contact_menu.png); }
#contact:hover { background: url(../layout/images/contact_menu.png) 0 -42px        !important; }
#contact.active { background: url(../layout/images/contact_menu.png) 0 -25px        !important;}

#about { background: url(../layout/images/contact_menu.png) -162px 0; width:126px !important; }
#about:hover { background: url(../layout/images/contact_menu.png) -162px -42px        !important; }
#about.active { background: url(../layout/images/contact_menu.png) -162px -23px        !important;}

#photoshoot { background: url(../layout/images/contact_menu.png) -285px 0; width:159px !important; height:47px !important; }
#photoshoot:hover { background: url(../layout/images/contact_menu.png) -285px -98px        !important; }
#photoshoot.active { background: url(../layout/images/contact_menu.png) -285px -52px        !important;}


.main_nav {
	margin:0 auto;
	width:698px;
	padding-top:9px;
}

.main_nav li {
	float:left;
}

.main_nav li a {
	text-indent: -9990px;
	overflow:hidden;
	display:block;
	height: 23px;
}

.portraiture { background: url(../layout/images/main_nav.png); background-position: -465px 0; width:117px; }
.portraiture:hover { background: url(../layout/images/main_nav.png) -465px 0        !important; }
.main_nav:hover a.portraiture { background-position: -465px -23px; }
.portraiture.active { background: url(../layout/images/main_nav.png) -465px -46px        !important;}

.abstract { background: url(../layout/images/main_nav.png); width:90px; }
.abstract:hover { background: url(../layout/images/main_nav.png) 0 0        !important; }
.main_nav:hover a.abstract { background-position: 0 -23px; }
.abstract.active { background: url(../layout/images/main_nav.png) 0 -46px        !important; }

.landscapes { background: url(../layout/images/main_nav.png); background-position:-89px 0; width:121px; }
.landscapes:hover { background: url(../layout/images/main_nav.png) -89px 0        !important; }
.main_nav:hover a.landscapes { background-position: -89px -23px; }
.landscapes.active { background: url(../layout/images/main_nav.png) -89px -46px        !important; }

.panoramas { background: url(../layout/images/main_nav.png); background-position:-587px 0; width:111px; }
.panoramas:hover { background: url(../layout/images/main_nav.png) -587px 0        !important; }
.main_nav:hover a.panoramas { background-position: -587px -23px; }
.panoramas.active { background: url(../layout/images/main_nav.png) -587px -46px        !important; }

.night{ background: url(../layout/images/main_nav.png); background-position:-334px 0; width:65px; }
.night:hover { background: url(../layout/images/main_nav.png) -334px 0        !important; }
.main_nav:hover a.night{ background-position: -334px -23px; }
.night.active { background: url(../layout/images/main_nav.png) -334px -46px        !important; }

.macro { background: url(../layout/images/main_nav.png); background-position:-398px 0; width:66px; }
.macro:hover { background: url(../layout/images/main_nav.png) -398px 0        !important; }
.main_nav:hover a.macro { background-position: -398px -23px; }
.macro.active { background: url(../layout/images/main_nav.png) -398px -46px        !important; }

.motorsports { background: url(../layout/images/main_nav.png); background-position:-210px 0; width:124px; }
.motorsports:hover { background: url(../layout/images/main_nav.png) -210px 0        !important; }
.main_nav:hover a.motorsports { background-position: -210px -23px; }
.motorsports.active { background: url(../layout/images/main_nav.png) -210px -46px        !important; }

#nameplate {
	width:440px;
	float:right;
	margin-right:-70px;
	margin-top:-60px;
}

/* Home Page Elements */

#home_wrapper {
	width:934px;
	height:690px;
	margin:auto;
	margin-top:-26px;
	background:url(home_image/homepage.jpg) no-repeat;
}

#bar {
	width:950px;
	height:33px;
	background:url(../layout/images/homemenu_bg.png) repeat-x bottom;
	list-style-type:none;
	margin-top:-34px;
	float:left;
}

#h_nameplate {
	float:right;
	width:426px;
	height:100px;
	margin-top:-33px;
}

#homemenu li {
	float:left;
}

#homemenu li a {
	text-indent: -9990px;
	overflow:hidden;
	display:block;
	height: 33px;
}

#h_portraiture { background: url(../layout/images/home_bar.png) -553px 0; width:85px; height:33px; }
#h_portraiture:hover { background: url(../layout/images/home_bar.png) -553px 0        !important; }
#homemenu:hover a#h_portraiture { background-position: -553px -33px; }

#h_abstract { background: url(../layout/images/home_bar.png); width:89px; height:33px; }
#h_abstract:hover { background: url(../layout/images/home_bar.png) 0 0        !important; }
#homemenu:hover a#h_abstract { background-position: 0 -33px; }

#h_landscapes { background: url(../layout/images/home_bar.png) -89px 0; width:107px; height:33px; }
#h_landscapes:hover { background: url(../layout/images/home_bar.png) -89px 0        !important; }
#homemenu:hover a#h_landscapes { background-position: -89px -33px; }

#h_panoramas { background: url(../layout/images/home_bar.png) -196px 0; width:108px; height:33px; }
#h_panoramas:hover { background: url(../layout/images/home_bar.png) -196px 0        !important; }
#homemenu:hover a#h_panoramas { background-position: -196px -33px; }

#h_night{ background: url(../layout/images/home_bar.png) -428px 0; width:61px; height:33px; }
#h_night:hover { background: url(../layout/images/home_bar.png) -428px 0        !important; }
#homemenu:hover a#h_night{ background-position: -428px -33px; }

#h_macro { background: url(../layout/images/home_bar.png) -489px 0; width:64px; height:33px; }
#h_macro:hover { background: url(../layout/images/home_bar.png) -489px 0        !important; }
#homemenu:hover a#h_macro { background-position: -489px -33px; }

#h_motorsports { background: url(../layout/images/home_bar.png) -304px 0; width:124px; height:33px; }
#h_motorsports:hover { background: url(../layout/images/home_bar.png) -304px 0        !important; }
#homemenu:hover a#h_motorsports { background-position: -304px -33px; }

.media {  
	bottom: 10px;
	right:30px;
}

/* Contact Form */

#maincontent {
	border:#FFF solid thin;
	float:left;
	width:620px;
	margin-top:10px;
	padding:10px;
	background-color:#666;
	margin-left:25px;
}

#maincontent p {
	text-align:justify;
	padding:10px 15px;
}

#panel {
	margin-top:60px;
	width:220px;
	float:left;
}

#panel img {
	 border:#FFF 1px solid;
}

#btmbubbleWrap {
	position:relative;  
    z-index: 10;  
    left: 50%;
	width:50%;
    top: -90px;
	margin-left:-312px;
}  

#bottoms {
	position:relative;  
    z-index: 10;  
	right: 0px;
    top: 502px;  
}  

#form label {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:75%;
	color:#FFF;
	display:block;
	text-align:right;
	width:194px;
	padding-top:8px;
	float:left;
	font-weight:bold;
}

#form input {
		padding:4px 2px;
		border:solid 1px #00aeff;
		width:250px;
		margin:2px 0 20px 10px;
		float:left;
}

#form textarea {
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #00aeff;
	width:250px;
	margin:2px 0 20px 10px;
}

#form button{ 
	clear:both;
	margin-left:350px;
	width:125px;
	height:31px;
	background-color:#FFF;
	border:#00aeff thin solid;
	text-align:center;
	line-height:31px;
	color:#00aeff;
	font-size:14px;
	font-weight:bolder;
}
	
#form fieldset {
	border:#00aeff thin solid;
	padding:10px;
	margin-bottom:5px;
}

/* Panoramas page styling */

#panorama_wrapper {
	width:1000px;
	margin:auto;
	margin-top:-30px;
	margin-bottom:10px;
}

#nameplate_pano {
	width:440px;
	float:right;
	margin-right:-70px;
	margin-top:-34px;
}

.panorama {
	background-color:#333;
	border:medium solid #999;
	padding:10px 10px 5px;
	margin:10px;
}

.panorama_thumb {
	width:500px;
}

.panorama_text {
	width:160px;
	padding:5px;
	padding-top:35px;
	margin-left:15px;
	vertical-align:middle;
}

.left {
	float:left;
}

.right {
	float:right;
}

/* About page styling */

.bio {
	text-align:justify;
	float:right;
	width:680px;
	margin-top:10px;
}

.self_portrait {
	float:left;
	width:210px;
	margin-top:50px;
}

.quote {
	padding:0px 20px;
	font-style:italic;
}

.methree {
	margin-top:-34px !important;
}

/* Photoshoot page styling */

.photo_panel {
	border:#FFF solid thin;
	width:888px;
	padding:5px;
	margin-top:20px;
	background-color:#666;
}

.side {
	width:210px;
	float:left;
	margin-top:60px;
}

.photo_panel img {
	padding-left:3px;
}

.special_offer {
	border:2px #00aeff solid;
	font-weight:bold;
}

.highlight {
	color:#00aeff;
}

/* Contact pages styling */

#thumbnails {
	padding-top:40px;
}

.thumb {
	width:120px;
	height:100px;
	padding:5px;
	margin:1px;
	border:1px solid #00aeff;
	text-align:center;
	float:left;
}