/*



	what are you doing in here?
	sheldon_schwartz@mobileobjective.net
	
	i have just started this site... 
	& need to compress the css a bit!
	
	first started: Thurs, June 12, 2008 - 11:55 pm
	wrapped up the basics: Fri, June 13, 2008 - 3:00 pm
	searched some modal ideas... Sat-Sun, June 14-15...
	added fave-> multibox: Mon, June 16, 2008 - 12:00pm - 2:00pm
	now looking at the Work section - to add some details!
	(maybe Flash?)(SlideShowPro Director?!)
	


	*/

body {
	background-image: url(/i/bg_clockwork.jpg);
	background-image: url(http://s3.amazonaws.com/twitter_production/profile_background_images/19649130/twitexture.jpg);
	background-image: url(../i/bg.png);
	background-image: url(/i/blackfade.gif);
	background-color: #3e3e3e;
	background-repeat:repeat-x;  
	background-position: top left;
	background-attachment: fixed;
	color: #eee;
	margin: 0 auto;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	cursor: default;
}

#all {
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin: 0 auto;
}

a:hover, a:link, a:active, a {
	color: #FFF;
	text-decoration: none;
}

h1 {
	font-size: 50px;
	margin: 0;
	padding: 0 0 10px;
}

h1 {
	color: #FFF;
	margin: 60px 0 -97px 75px;
	margin: 60px 0 -90px 75px;
	margin: 60px 0 -97px 60px;
	font-size: 60px;
	font-weight: normal;
}

h1 .u a, h3 .u a {
	border: medium;
	border-color: #333;
	border-style: dashed;
	background-color: #081623;
	padding: 5px 10px;
	padding: 10px 10px 0;
}

h1 .u a:hover, h3 .u a:hover {
	border-color: #336;
	background-color: #000;
	cursor: default;
}

h2 {
	color: #EEE;
	font-size: 40px;
	margin: 0;
	padding: 0;
	font-weight: normal;
}

h2.u {
	color: #FFF;
	margin: 60px 0 -97px 75px;
	margin: 60px 0 -80px 75px;
	margin: 60px 0 -85px 65px;
	font-size: 50px;
}

h2 .b {
	color: #9cc9e3; /* blue */
	font-family: Georgia,georgia,"Times New Roman",Times,serif;
	font-size: 35px;
	margin: 0 10px;
}

h2 .b:hover {
	color: #39C; /* brite blue */
}

h2 .o {
	color: #facea2; /* orange */
	font-family: Georgia,georgia,"Times New Roman",Times,serif;
	font-size: 35px;
	margin: 0 10px;
}

h2 .o:hover {
	color: #F60; /* brite orange */
}

h2 .g {
	color: #bfe1bf; /* green */
	font-family: Georgia,georgia,"Times New Roman",Times,serif;
	font-size: 35px;
	margin: 0 10px;
}

h2 .g:hover {
	color: #00cc00; /* brite green */
}

h3 {
	font-size: 35px;
	margin: 0 0 5px;
	padding: 0;
	color: #bdd8e3; /* blue */
	font-weight: normal;
}

h4 {
	font-size: 20px;
	margin: 0;
	padding: 0;
	text-decoration: underline;
}

p {
	font-size: 18px;
	margin: 0;
	padding: 0 0 10px;
	line-height: 1.25em;
	color: #dadada;
}

#modo p, #modone p, #moexplore p, #mowho p, #mohi p, #mobottom p {
	width: 95%;
}

#modo p.lead, #modone p.lead, #moexplore p.lead, #mowho p.lead, #mohi p.lead, #mobottom p.lead {
	margin-top: -10px;
	font-size: 22px;
	width: 100%;
	line-height: 1.2em;
	color: #FFF;
}

#modone p.lead {
	color: #facea2; /* orange */
}

#mobottom p {
	font-size: 18px;
	margin: 0;
	padding: 10px 0 0;
	width: auto;
	line-height: 1.25em;
	color: #dadada;
	line-height: normal;
}

ul {
	font-size: 17px;
	margin: 0;
	padding: 10px 30px;
}

hr {
	visibility: hidden;
}

#wrapper {
	width:860px;
	margin: 0 auto;
}

#motop:hover {
	border-color: #FF9;
}

#modo:hover, #modone:hover, #moexplore:hover, #mowho:hover, #mohi:hover {
	border-color: #FF9;
}

#modo {
	margin: 75px 0 0;
	margin: 0 auto;
	padding: 30px 40px;
	background-color: #081623;
	border: 10px solid #FFC;
	border: 10px solid #996;
	background-image: url(/i/WB_WOOD_BLUE_2.jpg);
	background-repeat: no-repeat;  
	background-position: top left;
	width: 760px;
	padding: 60px 80px;
	width: 680px;
	background: transparent none;
	border: none;
}

/*
#modone {
	margin: 75px 0 0;
	margin: 0 auto;
	padding: 30px 40px;
	background-color: #081623;
	border: 10px solid #FFC;
	border: 10px solid #996;
	background-image: url(/i/WB_WOOD_BLUE_2.jpg);
	background-repeat: no-repeat;  
	background-position: top left;
	width: 760px;
	padding: 60px 80px;
	width: 680px;
}
*/

#modo a, #modo a:visited, #modo a:active, #modone a, #modone a:visited, #modone a:active, #moexplore a, #moexplore a:visited, #moexplore a:active, #mowho a, #mowho a:visited, #mowho a:active, #mohi a, #mohi a:visited, #mohi a:active  {
	color: #9CF;
}

#modo p a:hover, #modone p a:hover, #moexplore p a:hover, #mowho p a:hover, #mohi p a:hover, #modo ul a:hover, #modone ul a:hover, #moexplore ul a:hover, #mowho ul a:hover, #mohi ul a:hover {
	border-bottom: thin;
	border-bottom-color: #369;
	border-bottom-style: solid;
}

#modone a img, #modone a:link img, #modone a:visited img, #modone a:active img  {
	border: 10px solid #369;
	/* width: 720px;
	width: 730px; */
}

#modone a:hover img {
	border: 10px solid #39C;
}

#moexplore {
	margin: 75px 0 0;
	margin: 0 auto;
	padding: 30px 40px;
	background-color: #081623;
	border: 10px solid #FFC;
	border: 10px solid #996;
	background-image: url(/i/WB_WOOD_BLUE_2.jpg);
	background-repeat: no-repeat;  
	background-position: top left;
	width: 760px;
	padding: 60px 80px;
	width: 680px;
	background: transparent none;
	border: none;
}

#mowho {
	margin: 75px 0 0;
	margin: 0 auto;
	padding: 30px 40px;
	background-color: #081623;
	border: 10px solid #FFC;
	border: 10px solid #996;
	background-image: url(/i/WB_WOOD_BLUE_2.jpg);
	background-repeat: no-repeat;  
	background-position: top left;
	width: 760px;
	padding: 60px 80px;
	width: 680px;
	background: transparent none;
	border: none;
}

#mohi {
	margin: 75px 0 0;
	margin: 0 auto;
	padding: 30px 40px;
	background-color: #081623;
	border: 10px solid #FFC;
	border: 10px solid #996;
	background-image: url(/i/WB_WOOD_BLUE_2.jpg);
	background-repeat: no-repeat;  
	background-position: top left;
	width: 760px;
	padding: 60px 80px;
	width: 680px;
	background: transparent none;
	border: none;
	padding: 60px 40px;
	width: 740px;
}

.backtotop {
	font-size: 25px;
	text-align: left;
	margin: 0 0 100%;
	padding: 15px 100px;
	padding: 0px 70px 15px;
	/* font-size: 0px; */
	font-weight: normal;
}

#motop .backtotop a:link {
	font-size: 20px;
}

.backtotop a:hover, .backtotop a:active {
	border-bottom: medium;
	border-bottom-color: #CF9;
	border-bottom-style: solid;
	color: #FFF;
}

#motop .backtotop {
	margin: 0%;
	padding: 15px 15px 0;
	padding: 50px 15px 0;
}

#mobottom {
	position: relative;
	top: 500px;
}

.backtotop.no_major_margin {
	margin: 0%;
	padding-bottom: 0;
}

.name {
	margin: 0;
	padding: 0;
	height: 0px;
}

.break {
	width: 100%;
	/* border-bottom: thin groove #CCC; */
	height: 25px;
	margin: 0;
	padding: 25px 0;
}

#mowho h3 .u a, #mowho h3 .u a:active, #mowho h3 .u a:visited {
	color: #FFF;
}

p.box {
	padding: 10px 0 0 10px;
}

.box a {
	padding: 10px;
	border: 1px solid #933;
	background-color: #333;
	line-height: 50px;
}

.box a:hover, .box a:active {
	padding: 8px;
	border: 3px solid #933;
	background-color: #000;
	color: #FFF;
}

.box_top {
	margin: 75px auto 0;
	padding: 0;
	height: 36px;
	height: 14px;
	width: 874px;
	background: transparent url(../i/box_top.png) 2px 0 no-repeat;
	background-image: none;
	background: transparent none;
	border: none;
}

.box_mid {
	margin: 0 auto;
	padding: 0;
	background: transparent url(../i/box_mid.png) 0 0 repeat-y;
	width: 878px;
	height: auto;
	background: transparent none;
	border: none;
}

#motop {
	margin: 75px 0 0;
	margin: 0 auto;
	padding: 35px 40px;
	background-color: #081623;
	border: 10px solid #FF9;
	border: 10px solid #996;
	background: #081623 url(../i/WB_WOOD_BLUE_2.jpg) top left no-repeat;
	width: 760px;
	background: transparent none;
	border: none;
}

#modone {
	margin: 75px 0 0;
	margin: 0 auto;
	padding: 30px 40px;
	background-color: #081623;
	border: 10px solid #FFC;
	border: 10px solid #996;
	background-image: url(../i/WB_WOOD_BLUE_2.jpg);
	background-repeat: no-repeat;  
	background-position: top left;
	width: 760px;
	/* padding: 60px 80px;
	width: 680px; */
	padding: 60px 55px;
	padding: 40px 45px;
	width: 750px;
	background: transparent none;
	border: none;
}

.box_bottom {
	margin: 0 auto;
	padding: 0;
	height: 14px;
	width: 878px;
	background: transparent url(../i/box_bottom.png) 0 0 no-repeat;
	background: transparent none;
	border: none;
}