html
{
	
}

body 
{
	position:absolute;
	width:1000px;	
	top: 50%;
	left: 50%;
	margin-top: -200px;
	margin-left: -500px;
	border: solid 1px black;
	background-image: url(image/gradient.jpg);
	background-repeat:repeat-x;
	font-family:Tahoma Arial Sans-Serif;
	font-size:76%;
	letter-spacing:0.05em;	
}

.aw-ie7 .aw-text-expand .aw-item-box[id] {
    float:none;
}

.myPics
{	
    position:relative;
	height:440px;
	background-color:#000000;
	color: #FFFFFF;	
	background-position:100px center;
}

.myPicsPor
{	
    position:relative;
	height:530px;
	background-color:#000000;
	color: #FFFFFF;	
	background-position:100px center;
}

.copyright
{
	position:absolute;
	top:450px;
	left:400px;
	font-family:Arial;
	font-size:x-small;	
}

.designedby
{
	position:absolute;
	left:790px;
	top:410px;
	color:White;
}

.logo
{
    position:absolute;
    top:30%;
    left:30px;
}

.logoCorner
{
    position:absolute;
    left:800px;
}

.login
{
	position:absolute;
	top:30%;
	left:500px;
}


/*******************************************************
/*       Thumbnail Hover classes
/*******************************************************/

#imageContainer
{
	position:absolute;
	top:60px;
	width:900px;
	height:200px;
	margin:20px auto 0 auto;
	border:1px solid #0000000;
	left:75px;
}

#imageContainer ul
{

	padding:0;
	margin:0px;
	list-style-type:none;
	float:right;
}

#imageContainer a.gallery span
{
	position:absolute;
	width:1px;
	height:1px;
	top:5px;
	left:5px;
	overflow:hidden;
	background:#000;
}



#imageContainer a.gallery, #imageContainer a.gallery:visited
{
	display:block;
	color:#000000;
	text-decoration:none;
	border:1px solid #000;
	margin:1px 2px 1px 2px;
	text-align:left;
	cursor:default;
	background-repeat:no-repeat;
	height:80px;
	width:80px;		
}

#imageContainer ul
{
	/*change these to change the size
	of the container that the thumbnails are held
	in, so make it wider for thumbnails to span screen
	or higher for more rows */
	width:400px;
	height:386px;
}

#imageContainer li
{
	float:right;
}

#imageContainer ul
{
	/*put stuff in here to move the position 
	of the thumbnails around the screen*/
	/* position:absolute;
	top:150px;
	float:left;
	*/
	margin:5px;
	float:right;
}

#imageContainer a.gallery:hover
{
	border:1px solid #000000;
}

#imageContainer a.gallery:hover span
{
	position:absolute;
	width:500px;
	height:333px;
	top:20px;
	left:10px;
	color:#000000;
	background:#000000;	
}

#imageContainer a.gallery:hover img
{
	position:absolute;
	border:1px solid #000000;
	float:left;
	margin-right:5px;
}

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


/*****************************************************************
/*     Menu Items
/*****************************************************************/

.galleryBtn
{
	position:absolute;
	border-style:none;		
	top:10px;
	left:140px;
	color:White;
	background-color:Black;
	font-size:x-large;
	font-family:ALS Script
}

.btnGalleryNormal
{
	position:absolute;
	border-style:none;
	top:10px;
	left:140px;
	color:White;
	background-color:Black;
	font-size:x-large;
	font-family:ALS Script;	
	font-weight:normal;
	
}

.btnGalleryOver
{
	position:absolute;
	border-style:none;	
	top:10px;
	left:140px;
	color:White;
	background-color:Black;
	font-size:x-large;
	font-family:ALS Script;	
	font-weight:bold;
}

.homeBtn
{
	position:absolute;
	border-style:none;	
	top:10px;
	left:50px;
	background-color:Black;
}

.btnHomeNormal
{
	position:absolute;
	border-style:none;
	top:10px;
	left:50px;	
	background-image:"homecrop.jpg";
	background-color:Black;
}

.btnHomeOver
{
	position:absolute;
	border-style:none;	
	top:10px;
	left:50px;
	color:White;
	background-color:Black;
	background-image:"homecropover.jpg"
}

.profileBtn
{
	position:absolute;
	border-style:none;	
	top:10px;
	left:260px;
	color:White;
	background-color:Black;
	font-size:x-large;
	font-family:ALS Script
}

.btnProfileNormal
{
	position:absolute;
	border-style:none;
	top:10px;
	left:260px;
	color:White;
	background-color:Black;
	font-size:x-large;
	font-family:ALS Script;	
	font-weight:normal;
	
}

.btnProfileOver
{
	position:absolute;
	border-style:none;	
	top:10px;
	left:260px;
	color:White;
	background-color:Black;
	font-size:x-large;
	font-family:ALS Script;	
	font-weight:bold;
}

.contactBtn
{
	position:absolute;
	border-style:none;	
	top:10px;
	left:370px;
	color:White;
	background-color:Black;
	font-size:x-large;
	font-family:ALS Script;
}

.kidz
{
    position:absolute;
    border-style:none;
    top:15px;
    left:480px;       
}

.autosport
{
    position:absolute;
    border-style:none;
    top:40px;
    left:380px;
}

.kickboxing
{
    position:absolute;
    border-style:none;
    top:65px;
    left:380px;    
}

.btnContactNormal
{
	position:absolute;
	border-style:none;
	top:10px;
	left:370px;
	color:White;
	background-color:Black;
	font-size:x-large;
	font-family:ALS Script;	
	font-weight:normal;
	
}

.btnContactOver
{
	position:absolute;
	border-style:none;	
	top:10px;
	left:370px;
	color:White;
	background-color:Black;
	font-size:x-large;
	font-family:ALS Script;	
	font-weight:bold;
}

.weddingBtn
{
	position:absolute;
	border-style:none;
	top:10px;
	left:480px;
	color:White;
}

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

/*****************************************************************
/*     Pics for Homepage
/*****************************************************************/

.bassPic
{
    position:absolute;
    top:90px;
    left:500px;
}

.hanPic
{
	position:absolute;
	top:235px;
	left:500px;
}

.prmPic
{
	position:absolute;
	top:70px;
	left:700px;
}
/*****************************************************************

/*****************************************************************
/*     Profile page
/*****************************************************************/

.myProfile
{
	position:absolute;	
	top:105px;	
	left:100px;
}
/*****************************************************************


/*****************************************************************
/*     Contact Page
/*****************************************************************/


.nameLabel
{
	position:absolute;
	top:110px;
	left:100px;
	font-size:medium;
	font-family:Arial;	
	background-color:Black;	
}

.textName
{
	position:absolute;
	top:110px;
	left:200px;
}

.emailLabel
{
	position:absolute;
	top:160px;
	left:100px;
	font-size:medium;
	font-family:Arial;	
	background-color:Black;	
}

.textEmail
{
	position:absolute;
	top:160px;
	left:200px;
}

.phoneLabel
{
	position:absolute;
	top:210px;
	left:100px;
	font-size:medium;
	font-family:Arial;	
	background-color:Black;	
}

.textPhone
{
	position:absolute;
	top:210px;
	left:200px;
}

.messageLabel
{
	position:absolute;
	top:260px;
	left:100px;
	font-size:medium;
	font-family:Arial;	
	background-color:Black;	
}

.textMessage
{
	position:absolute;
	top:260px;
	left:200px;
}

.btnSubmit
{
	position:absolute;
	top:340px;
	left:830px;
}

.statusLabel
{
	position:absolute;
	top:240px;
	left:200px;	
}

.request
{
	position:absolute;
	top:25%;
	left:400px;
}

.hotmail
{
	position:absolute;
	top:180px;
	left:200px;	
	font-size:small;
	color:Black;	
}
/*****************************************************************

/*****************************************************************
/*     Portfolio home Page
/*****************************************************************/

.quote
{
    position:absolute;
    top:20%;
    left:100px;
}

.experiencequote
{
    position:absolute;
    top:20%;
    left:100px;    
}