/*------------------------------------------------------------*
**  Global
**------------------------------------------------------------*/
body
{
	height: 100%;
	background-color: #f7f7f7;
}

img
{
	border: 0px;
}

a:active, a:visited, a:link
{
	color: #000000;
	text-decoration: underline;
}

a:hover
{
	color: #000000;
	text-decoration: underline;
}

@font-face {
    font-family: ElMessiri;
    src: url(fonts/ElMessiri-Regular.ttf);
}

@font-face {
    font-family: Macondo;
    src: url(fonts/Macondo-regular.ttf);
}

@font-face {
    font-family: Candara;
    src: url(fonts/Candara.ttf);
}

/*------------------------------------------------------------*
**  MAIN
**------------------------------------------------------------*/
#main
{
    margin: 0 auto;
	width: 900px;
	height: 600px;
	background: url(images/ground.png);
}

#main a.artlink {
    font-family: ElMessiri;
    font-size: 68px;
    float: right;
	margin-right: 318px;
	margin-top: -275px;
	text-decoration: none;
	color: #1d5d5e;
}

#main a.artlink:hover
{
	color: #aa3c03;
	text-decoration: none;
}

#main a.designlink {
    font-family: ElMessiri;
    font-size: 68px;
    float: right;
	margin-right: 212px;
	margin-top: -190px;
	text-decoration: none;
	color: #1d5d5e;
}

#main a.designlink:hover
{
	color: #aa3c03;
	text-decoration: none;
}

#main a.photographylink {
    font-family: ElMessiri;
    font-size: 68px;
    float: left;
	margin-left: 490px;
	margin-top: -100px;
	text-decoration: none;
	color: #1d5d5e;
}

#main a.photographylink:hover
{
	color: #aa3c03;
	text-decoration: none;
}

#main p.inpartnershiptext {
    font-family: ElMessiri;
    font-size: 26px;
    float: left;
	margin-left: 54px;
	margin-top: 30px;
	color: #1d5d5e;
}

#main img.redfroglogo {
    float: left;
    margin-top: -15px;
	margin-left: 55px;
	box-shadow: 8px 8px 7px #abb2b9;
}

#main img.pdglogo {
    float: left;
    margin-top: -15px;
	margin-left: 80px;
	box-shadow: 8px 8px 7px #abb2b9;
}

#main img.yplogo {
    float: right;
    margin-top: -15px;
	margin-right: 55px;
	box-shadow: 8px 8px 7px #abb2b9;
}

#main a.aboutlink {
    font-family: ElMessiri;
    font-size: 26px;
    float: left;
    margin-top: 20px;
	margin-left: 274px;
	text-decoration: none;
	color: #1d5d5e;
}

#main a.aboutlink:hover
{
	color: #aa3c03;
	text-decoration: none;
}

#main a.contactlink {
    font-family: ElMessiri;
    font-size: 26px;
    float: right;
    margin-top: 20px;
	margin-right: 258px;
	text-decoration: none;
	color: #1d5d5e;
}

#main a.contactlink:hover
{
	color: #aa3c03;
	text-decoration: none;
}

/*------------------------------------------------------------*
**  MENU TOP
**------------------------------------------------------------*/

#menutop
{
    position: absolute;
	width: 900px;
	height: 80px;
}
        
#menutop a {
    float: left;
	margin-left: 15px;
	margin-top: 15px;
    font-family: Macondo;
    font-size: 48px;
    text-decoration: none;
	color: #1d5d5e;
}

#menutop a:hover
{
	color: #aa3c03;
	text-decoration: none;
}

#menutop p {
    float: left;
	margin-left: 100px;
	margin-top: -40px;
    font-family: Macondo;
    font-size: 18px;
    text-decoration: none;
	color: #1d5d5e;
}

#menutop p.title {
    float: left;
	margin-left: 15px;
	margin-top: 15px;
    font-family: Macondo;
    font-size: 48px;
    text-decoration: none;
	color: #1d5d5e;
}

#note {
    position: absolute;
	width: 900px;
	height: 80px;
	text-align: center;
}
#note p.thanks {
    margin-right: auto;
    margin-left: auto;
    font-family: Macondo;
    font-size: 18px;
    text-decoration: none;
	color: #1d5d5e;
}

/*------------------------------------------------------------*
**  BODY LEFT
**------------------------------------------------------------*/

#body_left {
    float: left;
	width: 450px;
	}
	
#body_left p {
     font-family: ElMessiri;
     font-size: 16px;
     font-weight: 500;
     margin-left: 35px;
     margin-right: 35px;
     color: #1d5d5e;
     }
     
#body_left a {
     font-family: ElMessiri;
     font-size: 16px;
     font-weight: 500;
     color: #0a3435;
     text-decoration: none;
     }
     
#body_left a:hover
{
	color: #aa3c03;
	text-decoration: none;
}

/*------------------------------------------------------------*
**  MENU RIGHT
**------------------------------------------------------------*/
    
#menu_right {
    float: right;
    width: 450px;
    height: 50px;
    margin-top: 70px;
    }

#menu_right a {
    font-family: ElMessiri;
    font-size: 20px;
    font-weight: 500;
    float: left;
    margin-top: 0px;
	text-decoration: none;
	color: #1d5d5e;
}

#menu_right a:hover
{
	color: #aa3c03;
	text-decoration: none;
}

#menu_right p {
    font-family: ElMessiri;
    font-size: 20px;
    font-weight: 500;
    float: left;
    margin-top: 0px;
	color: #1d5d5e;
}

/*------------------------------------------------------------*
**  BODY RIGHT
**------------------------------------------------------------*/

#body_right {
    float: right;
	width: 450px;
	margin-top: 0px;
	}
	
#body_right p {
     font-family: ElMessiri;
     font-size: 16px;
     font-weight: 500;
     margin-left: 35px;
     margin-right: 35px;
     color: #1d5d5e;
     }
     
#body_right img {
    margin-left: 35px;
    }
    
#body_right a {
    font-family: ElMessiri;
    font-size: 17px;
    font-weight: 500;
    margin-top: 0px;
	text-decoration: none;
	color: #0a3435;
}

#body_right a:hover
{
	color: #aa3c03;
	text-decoration: none;
}
	
/*------------------------------------------------------------*
**  CONTACT
**------------------------------------------------------------*/
 #contact
{
}

#contact p {
    color: #000000;
    font-size: 110%;
    }
   
/*------------------------------------------------------------*
**  Click
**------------------------------------------------------------*/
 
#click {
    margin-left: 60px;
    padding-top: 40px;
    }
}

/*------------------------------------------------------------*
**  CONTACT LEFT
**------------------------------------------------------------*/

#menutop p.contact_form {
	width: 700px;
	height: 535px;
	margin-top: 50px;
	margin-left: 80px;
	margin-bottom: 0px;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #ffffff;
}

#menutop contact_form.table {
    border: 0px;
    border-collapse: collapse;
}

#menutop td {
    padding: 5px;
}

/*------------------------------------------------------------*
**  CONTACT RIGHT
**------------------------------------------------------------*/

#contact_r {
	float: right;
	width: 350px;
	height: 335px;
	margin-top: -330px;
	margin-right: 140px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #ffffff;
}

#contact_r p {
    font-family: ElMessiri;
     font-size: 16px;
     font-weight: 500;
     line-height: 2px;
     color: #1d5d5e;
    }

/*------------------------------------------------------------*
**  CREDIT
**------------------------------------------------------------*/

#credit img {
	margin: 10px 10px 0px  20px;
	padding: 0px;
}

/*------------------------------------------------------------*
**  FOOTER
**------------------------------------------------------------*/
#index-border {
    border-top: 1px solid #000000;
    width: 600px;
    float: right;
    margin-right: 150px;
    margin-top: 10px
    }

#footer-border {
    border-top: 1px solid #000000;
    width: 600px;
    float: right;
    margin-right: 150px;
    margin-top: 30px
    }

#footer {
    margin-top: 10px;
    height: 150px;
    }
    
#footer p {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	letter-spacing: 1px;
	text-align: center;
	text-transform: lowercase;
	color: #000000;
	font-size: 10px;
	font-family: Candara;
}

/*------------------------------------------------------------*
**  LINKS
**------------------------------------------------------------*/

#links img {
	margin: 10px 10px 0px  20px;
	padding: 0px;
}