@charset "utf-8";
* {
	margin: 0px;
	padding: 0px;
	
}


body { 

background-color:#9CF;
	background-image:url(../images/heart-bg.gif);
	
	
	


 }




#wrapper {
	height: 2000px;
	width: 1000;
	background-color: #FFF;
	position: absolute;
	top: 150px;
	left: 132px;
	background-color: #ffffff;
/**********************************************************************************/- just add semicolon at the end to round the borders -
	-moz-border-radius-topleft: 15px
	-moz-border-radius-topright: 15px
	-webkit-border-radius-topleft: 15px
	-webkit-border-radius-topright: 15px
/***************************************************************************************/
	border-radius-topleft: 15px
	border-radius-topright: 15px
	border: 4px solid #ff0000;
	padding: 10px;
	color: #ffffff;
	
	-moz-box-shadow: 5px 5px 15px #000000;
	-webkit-box-shadow: 5px 5px 15px #000000;
	
	
}


#navbar {
	background-image: url(../images/nav-bg.png);
	margin: 0px auto;
	padding: 0;
	height: 51px;
	width: 1000px;
	position:absolute;
	top: 215px;
	left: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#headerTop {
	background-image: url(../images/something%20really%20cool.jpg);
	height: 254px;
	width: 1000px;
	
	

	
}

#lavaWrapper { 
margin: 0 auto;
width: 700px;

}

.box1 {
	position:absolute;
	top: 446px;
	left: 150px;
	
	}
.box1 .text {
	position: absolute;
	top: 50px;
	left: 80px;
	width: 400px;
}
	
#textb {
	position: absolute;
	top:441px;
	left: 851px;
	list-style-type: none;
	
	
	
	
	}
	
#textb1 {
	position: absolute;
	top: 790px;
	left: 850px;
	
	
	}
	
/*
 * @Web Text Boxes code 
 * @author dreamweavertutorial@live.co.uk - http://www.dreamweavertutorial.co.uk
 * @version 1.0.0
 * @date March 17, 2010
 * @category Dreamweaver Web Text Boxes
 * @copyright (c) 2010 @dreamweavertutorial.co.uk (www.dreamweavertutorial.co.uk)
 * @Creative Commons Attribution-No Derivative Works 2.5 UK: SCOTLAND License.
 * @Creative Commons Attribution-No Derivative Works 3.0 United States License.
 * @Creative Commons Attribution-No Derivative Works 2.0 UK: England & Wales License.

*/





/************************************************************************************************************************************/

/* Styles for the entire LavaLamp menu */
.lavaLamp {
    position: relative;
    height: 51px; 
	margin:0 auto;
	width: 520px;
    padding:0; 
	overflow: visible;
}
    /* Force the list to flow horizontally */
    .lavaLamp li {
        float: left;
        list-style: none;
		
		
    }
        /* Represents the background of the highlighted menu-item. */
        .lavaLamp li.back {
            background:url(../images/lava.png) no-repeat right -30px;
            width: 9px; 
			height: 30px;
            z-index: 8;
            position: absolute;
        	top:10px;
		}
            .lavaLamp li.back .left {
                background:url(../images/lava.png) no-repeat top left;
                height: 30px;
                margin-right: 9px;
            }
        /* Styles for each menu-item. */
        .lavaLamp li a {
            position: relative; 
			overflow: hidden;
            text-decoration: none;
            text-transform: uppercase;
            font: bold 14px arial;
            color: #333; outline: none;
            text-align: center;
            /*height: 30px; */
			/*top: 7px;*/
			padding:18px 0px;
            z-index: 10; 
			letter-spacing: 0;
            float: left; 
			display: block;
            margin: auto 20px;
        	
		}
		
.lavaLamp li a:hover {
	color:#FFF;
	text-shadow: 1px 1px 2px #000000;
	
}



#wrapper {
	height: 1500px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000;
	border-left-color: #000;
}
#around {
	background-image: url(../images/Untitled.png);
	width: 1040px;
}
.box1 .text .text2 {
	position: absolute;
	top: 36px;
	left: -27px;
}

#navigation {
	width: 200px;
}

#navigation ul {
	
	list-style-type: none;
	padding: 3px;
	margin: 0px;
}

#navigation li {
	float: right;
}

#navigation li a {
	color: #030;
	text-decoration: none;
	float: right;
	width: 223px;
	padding-left: 25px;
	padding-bottom: 10px;
	border-bottom: none;
}

#navigation li a:hover {
	
	
	color: #000000;
	text-shadow: 0px 0px 2px #000;
	
	
	}
#navpos {
	position: absolute;
	width: 254px;
	left: 889px;
	top: 491px;
}
#navpos #navigation ul li .ojText {
	font-family: Verdana, Geneva, sans-serif;
	font-size: x-small;
	font-style: normal;
	line-height: normal;
	text-transform: none;
	color: #0C3;
	
	}
#left {
	background-color: #0F3;
	width: 650px;
}

.text2 a {
	text-decoration: none;
	text-shadow: 0px 0px 1px #000000;
}

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

#instant {
	position: absolute;
	top:350px;
	left: 800px;
}
	
	
#donate {
	position: absolute;
	left: 915px;
	top: 837px;
}

#adobe {
	position: absolute;
	left: 152px;
	top: 806px;
}
#creative {
	position: absolute;
	left: 163px;
	top: 830px;
}
#creativetx {
	position: absolute;
	left: 320px;
	top: 828px;
	width: 320px;
}

#creativetx a {
	text-decoration: none;
}

#creativetx a:hover {
	text-shadow: 0px 0px 1px #000;
	color:#090;
}
#html {
	position: absolute;
	left: 401px;
	top: 15px;
}
#html {
	position: absolute;
}
#logo {
	position: absolute;
	left: 129px;
	top: 1px;
}

#mascot {
	position: absolute;
	left: 900px;
	top: 20px;
}#btn1 {
	position: absolute;
	width: 272px;
	height: 201px;
	left: 910px;
	top: 200px;
}

#btn2 {
	position: absolute;
	left: 730px;
	top: 237px;
	width: 254px;
	height: 128px;
}