body{
}

#header{
	background: url(images/header.png) no-repeat;
	height: 112px;
	width:1000px;
	padding: 0;
	margin: 0px auto;
}
 
#menu{
    width:1000px;  /*---Give our UL a width ---*/
    list-style:none;  /*--- Makes the bullets go away ---*/
    padding:0;  /*--- Take out any default padding on the UL tag ---*/
    margin:0 auto;  /*--- Center the menu ---*/
}
 
#menu li{
    float:left;  /*--- Make the list go horizontal ---*/
    margin:0;
}
 
#menu li a{
    display:block;  /*--- Make the entire button are clickable rather than the text alone ---*/
    text-indent: -9999px; /*--- Push the text off screen to hide text---*/
    overflow: hidden; /*--- Makes text outside of bounding box hidden ---*/
    height:34px;
    margin-left:7px;
}

#menu li#home a{
    background: url(menu/home.png) no-repeat;
    width:137px;
}
 
#menu li#pictureToPoetry a{
    background: url(menu/pictureToPoetry.png) no-repeat;    
    width:166px;
}

#menu li#pictureToProse a{
    background: url(menu/pictureToProse.png) no-repeat;    
    width:166px;
}

#menu li#textToPicture a{
    background: url(menu/textToPicture.png) no-repeat;    
    width:166px;
}

#menu li#masterpiecesDatabase a{
    background: url(menu/masterpiecesDatabase.png) no-repeat;    
    width:187px;
}

#menu li#contact a{
    background: url(menu/contact.png) no-repeat;    
    width:123px;
}


#menu li#home a.current{
    background: url(menu/homeS.png) no-repeat;
    cursor:default;  /*--- Show pointer instead of hand cursor for the current page ---*/
}
 
#menu li#pictureToPoetry a.current{
    background: url(menu/pictureToPoetryS.png) no-repeat;    
    cursor:default;  /*--- Show pointer instead of hand cursor for the current page ---*/
}

#menu li#pictureToProse a.current{
    background: url(menu/pictureToProseS.png) no-repeat;    
    cursor:default;  /*--- Show pointer instead of hand cursor for the current page ---*/
}

#menu li#textToPicture a.current{
    background: url(menu/textToPictureS.png) no-repeat;    
    cursor:default;  /*--- Show pointer instead of hand cursor for the current page ---*/
}

#menu li#masterpiecesDatabase a.current{
    background: url(menu/masterpiecesDatabaseS.png) no-repeat;    
    cursor:default;  /*--- Show pointer instead of hand cursor for the current page ---*/
}

#menu li#contact a.current{
    background: url(menu/contactS.png) no-repeat;    
    cursor:default;  /*--- Show pointer instead of hand cursor for the current page ---*/
}




#menu li#myComputer a{
    background: url(menu/myComputer.png) no-repeat;    
    width:166px;
}

#menu li#socialNetworks a{
    background: url(menu/socialNetworks.png) no-repeat;    
    width:166px;
}

#menu li#stockImages a{
    background: url(menu/stockImages.png) no-repeat;    
    width:166px;
}

#menu li#imageUrl a{
    background: url(menu/imageUrl.png) no-repeat;    
    width:187px;
}


#menu li#myComputer a.current{
    background: url(menu/myComputerS.png) no-repeat;    
    cursor:default;  /*--- Show pointer instead of hand cursor for the current page ---*/
}

#menu li#socialNetworks a.current{
    background: url(menu/socialNetworksS.png) no-repeat;    
    cursor:default;  /*--- Show pointer instead of hand cursor for the current page ---*/
}

#menu li#stockImages a.current{
    background: url(menu/stockImagesS.png) no-repeat;    
    cursor:default;  /*--- Show pointer instead of hand cursor for the current page ---*/
}

#menu li#imageUrl a.current{
    background: url(menu/imageUrlS.png) no-repeat;    
    cursor:default;  /*--- Show pointer instead of hand cursor for the current page ---*/
}


#icons{

    clear:both;  /*--- Make the list go horizontal ---*/
    width:1000px;  /*---Give our UL a width ---*/
    padding:0;  /*--- Take out any default padding on the UL tag ---*/
    margin:0 auto;
    position:relative;
}
 
#icons a{
	position:absolute;
    display:block;  /*--- Make the entire button are clickable rather than the text alone ---*/
    text-indent: -9999px; /*--- Push the text off screen to hide text---*/
    overflow: hidden; /*--- Makes text outside of bounding box hidden ---*/   
}

#icons a#home{
    background: url(images/homeIcon.png) no-repeat;
    width:44px;
    height:42px;
    top:106px;
    left:40px;
}
 
#icons a#pictureToPoetry{
    background: url(images/pictureToPoetryIcon.png) no-repeat;    
    width:141px;
    height:77px;
    top:150px;
    left:163px;
}

#icons a#pictureToProse{
    background: url(images/pictureToProseIcon.png) no-repeat;    
    width:120px;
    height:67px;
    top:75px;
    left:339px;
}

#icons a#textToPicture{
    background: url(images/textToPictureIcon.png) no-repeat;    
    width:124px;
    height:69px;
    top:233px;
    left:501px;
}

#icons a#masterpiecesDatabase{
    background: url(images/masterpiecesDatabaseIcon.png) no-repeat;    
    width:62px;
    height:58px;
    top:138px;
    left:730px;
}

#icons a#contact{
    background: url(images/contactIcon.png) no-repeat;    
    width:42px;
    height:70px;
    top:216px;
    left:893px;
}


#icons a#myComputer{
    background: url(images/myComputerIcon.png) no-repeat;    
    width:81px;
    height:53px;
    top:210px;
    left:183px;
}

#icons a#instagram{
    background: url(images/instagramIcon.png) no-repeat;    
    width:64px;
    height:64px;
    top:180px;
    left:370px;
}

#icons a#facebook{
    background: url(images/facebookIcon.gif) no-repeat;    
    width:64px;
    height:64px;
    top:75px;
    left:366px;
}

#icons a#stockImages{
    background: url(images/stockImagesIcon.png) no-repeat;    
    width:62px;
    height:58px;
    top:233px;
    left:532px;
}

#icons a#imageUrl{
    background: url(images/imageUrlIcon.png) no-repeat;    
    width:219px;
    height:58px;
    top:138px;
    left:649px;
}

#myComputerPicture{  /*--- Make the list go horizontal ---*/
    width:1000px;  /*---Give our UL a width ---*/
    padding:0;  /*--- Take out any default padding on the UL tag ---*/
    margin:0 auto;
    margin-top:100px;
    background: url(images/sepoc150.png) no-repeat center; 
    height:150px;
}

#browseComputer{  /*--- Make the list go horizontal ---*/
    width:1000px;  /*---Give our UL a width ---*/
    padding:0;  /*--- Take out any default padding on the UL tag ---*/
    margin:0 auto;
    margin-top:100px;
    background: url(images/browseYourComputerPicture.png) no-repeat center; 
    height:51px;
    cursor:hand;
}

.hidden{
    filter: alpha(opacity=0);
    opacity: 0;
}

#disclaimer{
	font:14px arial;
	color:#cec7b3;
	text-align:center;	
}

.highlight{
	color:#00acef;
}

#social{
    clear:both;  /*--- Make the list go horizontal ---*/
    width:1000px;  /*---Give our UL a width ---*/
    padding:0;  /*--- Take out any default padding on the UL tag ---*/
    margin:0 auto;
    position:relative;
}

#choseImagesFromPicture{  /*--- Make the list go horizontal ---*/
    width:1000px;  /*---Give our UL a width ---*/
    padding:0;  /*--- Take out any default padding on the UL tag ---*/
    margin:0 auto;
    margin-top:100px;
    background: url(images/choseImagesFromPicture.png) no-repeat center; 
    height:51px;
}

#choseFacebook{
	position:absolute;
	width:1000px;
    margin:0 auto;
    margin-top:100px;
    margin-left:-60px;
    display:block;  /*--- Make the entire button are clickable rather than the text alone ---*/
    text-align:center;
    color:#3b579d;
    font:12px arial;
}

#choseInstagram{
	position:absolute;
	width:1000px;
    margin:0 auto;
    margin-top:100px;
    margin-left:60px;
    display:block;  /*--- Make the entire button are clickable rather than the text alone ---*/
    text-align:center;
    color:#3b579d;
    font:12px arial;
}

#imageUrlPicture{  /*--- Make the list go horizontal ---*/
    width:1000px;  /*---Give our UL a width ---*/
    padding:0;  /*--- Take out any default padding on the UL tag ---*/
    margin:0 auto;
    margin-top:100px;
    background: url(images/imageUrlPicture.png) no-repeat center; 
    height:104px;
}

#roundedTextBox {
	display:block;
	width: 450px; 
	height: 45px; 
	color: #ada896; 
	margin:0 auto;
	border: 3px solid #00acef;
	font:14px arial;
	text-align:center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#result {
	width:1000px;
	padding: 0;
	margin: 0px auto;
}

#result #left {
	width: 166px;
	height:300px;
	float:left;
    font-family:arial;
}

#result img{
	width:400px;
	height:300px;
	float:left;
}

#result #right {
	width: 434px;
	height:300px;
	float:left;
    font: 12px Arial;
    padding-top:10px;
}

#result #content{
	clear:both;	
	margin-left:166px;
	padding-top: 30px;

}

#result #content p{
    text-align: justify;
}

.indentParagraph{
    text-indent:50px;
}

#title {
    text-indent:100px;
    font-size: 25px;
    margin-bottom: 30px;
}
#lblSignature{
    margin-left: 100px;
}
#txtSignature{
    width:360px;
    color: #ada896;
    margin-left: 10px;
    height: 25px;
    border: 1px solid #00acef;
    font:12px arial;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#description{
    width:360px;
    height:60px;
    margin-left: 75px;
    color: #ada896;
    border: 1px solid #00acef;
    font:12px arial;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-top: 10px;
}

#saveToMasterPiece{
    display: block;
    background: url("/images/masterpiecesDatabaseIcon.png") no-repeat right;
    width: 300px;
    border: none;
    text-align: left;
    height: 60px;
    margin-top: 10px;
    cursor:hand;
}

#hint{
    font:10px Arial;
    text-align: right;
    display: block;
    margin-right: 6px;
}

#lblEmail{
    height:25px;
    padding-left: 30px;
}
#divEmail{
    background: url("/images/emailIcon.png") no-repeat left;
    margin-left:10px;
}

#txtEmail{
    width:357px;
    color: #ada896;
    height: 25px;
    border: 1px solid #00acef;
    font:12px arial;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-top: 10px;
}

#contactDiv{
    clear:both;  /*--- Make the list go horizontal ---*/
    width:1000px;  /*---Give our UL a width ---*/
    padding:0;  /*--- Take out any default padding on the UL tag ---*/
    margin:0 auto;
    position:relative;
    font: 15px arial;
    margin-top:100px;
}

#contactDiv p{
    margin-left:350px;
    line-height: 2.0;
}

#databaseDiv{
    clear:both;  /*--- Make the list go horizontal ---*/
    width:1000px;  /*---Give our UL a width ---*/
    padding:0;  /*--- Take out any default padding on the UL tag ---*/
    margin:0 auto;
    position:relative;
    font: 15px arial;
    margin-top:80px;
}

#databaseDiv a{
    float:left;
    display:block;
    width: 150px;
    margin-left: 8px;
    text-decoration: none;
    font-size: 12px;

}