/* ===== Global ================================================================= */
html 				{overflow-y: scroll; background-image:url(../img/background.jpg); background-repeat:no-repeat; background-position:top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: 2000px; margin-top:0px; height:100%; background-color:#ffffff;}
body 				{margin: 0; }
::-moz-selection	{background: #666; color: #fff; text-shadow: none; }
::selection 		{background: #666; color: #fff; text-shadow: none; }
.wrapper			{margin:auto; width:980px; }


/* ===== Typography ================================================================= */

.text		  	{ font:14px Helvetica, Helvetica Neue, Arial; color:#333; line-height:1.4em; }
.text a 		{ font:14px Helvetica, Helvetica Neue, Arial; color:#333; text-decoration:underline; line-height:1.4em; }
.text a:hover 	{ font:14px Helvetica, Helvetica Neue, Arial; color:#999; text-decoration:underline; line-height:1.4em; }
.text a:visited { font:14px Helvetica, Helvetica Neue, Arial; color:#333; text-decoration:none; line-height:1.4em; }

li			  	{ font:14px Helvetica, Helvetica Neue, Arial; color:#999; line-height:1.4em; }

.copytext		  	{ font:11px Helvetica, Helvetica Neue, Arial; color:#fff; line-height:1.2em; }
.copytext a 		{ font:11px Helvetica, Helvetica Neue, Arial; color:#fff; text-decoration:none; line-height:1.2em; }
.copytext a:hover 	{ font:11px Helvetica, Helvetica Neue, Arial; color:#000; text-decoration:underline; line-height:1.2em; }
.copytext a:visited { font:11px Helvetica, Helvetica Neue, Arial; color:#fff; text-decoration:none; line-height:1.2em; }



h1				{ font:16px Helvetica, Helvetica Neue, Arial; color:#2a6316; font-weight:bold;  }
h2				{font-size: 20px; color:#CCC;}
h3				{font-size: 40px; color:#FFF;}
#title, h2, h3	{font-weight:normal;}
#title			{font-size: 60px; color:white; float:left; }

a 				{ color: #00e; }
a:visited 		{ color: #551a8b; }
a:focus 		{ outline: thin dotted; }
a:hover, a:active { outline: 0; }
abbr[title] 	{ border-bottom: 1px dotted; }
b, strong 		{ font-weight: bold; }
blockquote 		{ margin: 1em 40px; }
dfn 			{ font-style: italic; }
hr 				{ display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins 			{ background: #ff9; color: #000; text-decoration: none; }
mark 			{ background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q 				{ quotes: none; }
q:before, q:after { content: ""; content: none; }
small 			{ font-size: 85%; }
sub, sup 		{ font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup 			{ top: -0.5em; }
sub 			{ bottom: -0.25em; }
ul				{ margin: 1em 0; padding: 0 0 0 40px; color:#999;   }



/* ===== Layout ================================================================= */
#main				{width:980px; }
#leftcolumn			{width:480px; height:500px; margin-top:0px; margin-left:7px; float:left; }
#welcomebox			{width:480px; height:80px; margin-top:10px; padding:2px; background:url(../img/welcomebg.png); background-repeat:no-repeat; margin-left:0px; }
#aboutbox			{width:480px; height:290px; margin-top:10px; padding-top:2px; padding-right:2px; padding-bottom:2px; padding-left:10px; background:url(../img/aboutbg.png); background-repeat:no-repeat; margin-left:0px; }
#portfoliobox		{width:660px; height:400px; margin-top:10px; padding-top:2px; padding-right:2px; padding-bottom:2px; padding-left:10px; background:url(../img/portfoliobg.png); background-repeat:no-repeat; margin-left:0px; position:relative;  z-index:100; }
#rightcolumn		{width:480px; height:1400px; margin-top:-133px; margin-right:-10px; float:right; }
#socialbox			{width:400px; height:50px; margin-top:-55px; margin-left:600px; } 




#footer				{clear:both; width:100%; height:75px; margin-top:1600px; padding-top:0px; background-color:#bbbbba;}





/* ===== Graphics =============================================================== */
#logo				{width:440px; height:136px; margin-top:20px; border:0px; }
#fortune			{width:294px; height:35px; margin-left:55px; position:absolute; border:0px; }
#lauren				{width:654px; height:1533px; margin-top:0px; position:relative; z-index:0; border:0px; }
#welcomeheader		{width:112px; height:38px; margin-top:100px; border:0px; }
#aboutheader		{width:177px; height:49px; margin-top:20px; border:0px; }
#portfolioheader	{width:230px; height:59px; margin-top:100px; border:0px; }
#portfoliothumbs	{width:101px; height:101px; margin-top:20px; margin-left:19px; z-index:100; border:0px; }
#laurenlorraine		{width:295px; height:141px; position:absolute; margin-top:800px; margin-left:15px; z-index:100; border:0px; }
#pim				{margin-top:9px; border:0px; }



/* ===== Bottom Menu ================================================================= */

ul#botnav 				{font-family:"Arial", Times, serif; font-size:13px; font-weight:bold; margin-top:-12px; margin-left:20px; padding:0; list-style:none; }
ul#botnav li 			{display:block; position:relative; padding-right:1px; border-color:#999; float:left; }
#botnav #last		 	{display:block; position:relative; float:left; border-right:none; }
li#botnav ul 			{display:none; }
ul#botnav li a 			{display:block; text-decoration:none; color:#403628; padding:5px 15px 5px 15px; margin-left:0px; white-space: nowrap;}
ul#botnav li a:hover 	{text-decoration:underline; }