/* Style Cyrus Deboo Home page */
body { background: #ffffff; }
a:link { text-decoration: none; color: #ffffff; }
a:visited { text-decoration: none; color: #ffffff; }
a:hover { text-decoration: none; background-color: #00bdf2; color: #ffff08; }
a:active { text-decoration: none; color: #ffffff; }

/* Style for navigation menu */
#navigation { position: absolute; top: 60px; left: 30px; width: 180px; height: 270px; background-color: #00bdf2; margin: 0px; padding: 5px; }
#navigation { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #ffffff; line-height: 27px; }

/* Style for Cyrus Deboo homepage portfolio birds */
#bird1  { position: absolute; top: 50px; left: 550px; width: 120px; height: 280px; background-color: transparent; margin: 0px; padding: 2px; z-index: 2 }
#bird2  { position: absolute; top: 50px; left: 690px; width: 120px; height: 280px; background-color: transparent; margin: 0px; padding: 2px; z-index: 2 }

/* Style for pencil image */
#pencil { position: absolute; top: 258px; left: 360px; width: 612px; height: 66px; background-color: transparent; margin: 0px; padding: 2px; z-index: 1 }

/* Style for home page title */
#title { position: absolute; top: 340px; left: 410px; width: 435px; height: 40px; background-color: #ffffff; margin: 0px; padding: 2px; }
#title { font-family: Verdana, Arial, Helvetica, sans-serif; color: #4db848; }

/* Style for home page intro text */
#homepagetext { position: absolute; top: 380px; left: 345px; width: 565px; height: 45px; background-color: transparent; margin: 0px; padding: 2px; z-index: 1 }
#homepagetext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #ff0066; }

/* Style for social media icons */
#blogger { position: absolute; top: 350px; left: 70px; width: 28px; height: 40px; background-color: #ffffff; margin: 0px; }
.media a:hover { text-decoration: none; background-color: #ffffff; }	
#twitter { position: absolute; top: 350px; left: 100px; width: 28px; height: 40px; background-color: #ffffff; margin: 0px; }
.media a:hover { text-decoration: none; background-color: #ffffff; }

/* Style for website updated text */
.updated { position: absolute; top: 500px; left: 45px; width: 160px; height: 30px; background-color: #ffffff; margin: 0px; padding: 2px; border-bottom: 1px solid; }
.updated { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: italic; color: #00bdf2; line-height: 10px; }

/* Style for homepage copyright  */
#copyright1 { position: absolute; top: 500px; left: 320px; width: 650px; height: 30px; background-color: #ffffff; margin: 0px; padding: 2px; }
#copyright1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: italic; color: #00bdf2; line-height: 10px; }

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* Style for Cyrus Deboo Portfolios */
/* Style for thumbnails */
#thumbnails { position: absolute; top: 60px; left: 280px; width: 180px; height: 565px; background-color: #ffffff; margin: 0px; padding: 2px; }
.border a:link { text-decoration: none; color: #ffffff; }
.border a:visited { text-decoration: none; color: #ffffff; }
.border a:hover { text-decoration: none; color: #3399ff; }
.border a:active { text-decoration: none; color: #ffff08; }

/* Style for portfolio pages image iframe */
.mainimgiframe { position: absolute; top: 40px; left: 510px; background-color: #ffffff; margin: 0px; padding: 3px; }
.mainimgiframe { width: auto; height: 660px; }

/* Style for main images */
#mainimage { position: absolute; top: 1px; width: auto; height: 660px; left: 5px; background-color: #ffffff; margin: 0px; padding: 2px; }
.text1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000; line-height: 15px; text-align:center; }

/* Style for portfolios 1 2 tiny bird links */
#tinybird1 { position: absolute; top: 375px; left: 100px; width: 44px; height: 80px; background-color: transparent; margin: 0px; padding: 1px; z-index: 1 }
#tinybird2 { position: absolute; top: 375px; left: 150px; width: 44px; height: 80px; background-color: transparent; margin: 0px; padding: 1px; z-index: 1 }

/* Style for portfolios 1 2 tiny pencil image + text */
#tinypencil { position: absolute; top: 448px; left: 30px; width: 218px; height: 24px; background-color: transparent; margin: 0px; padding: 1px; z-index: 2 }
.tinypenciltext { position: absolute; top: 446px; left: 92px; width: 145px; height: 15px; background-color: transparent; margin: 0px; padding: 2px; z-index: 3 }
.tinypenciltext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000; line-height: 1px; }

/* Style for portfolio pages copyright  */
.copyright2 { position: absolute; top: 720px; left: 740px; width: 640px; height: 30px; background-color: #ffffff; margin: 0px; padding: 2px; }
.copyright2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: italic; color: #00bdf2; line-height: 10px; }

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* Style for Cyrus Deboo About */
#about { position: absolute; top: 90px; left: 330px; width: 710px; height: 110px; background-color: transparent; margin: 0px; padding: 2px; z-index: 3 }
#about { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #ff0066; }
.text2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #000000; line-height: 15px; text-align:left; }

/* Style for Cyrus Deboo Clients */
#clients { position: absolute; top: 225px; left: 330px; width: 710px; height: 110px; background-color: transparent; margin: 0px; padding: 2px; z-index: 2 }
#clients { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #4db848; } 

/* Style for bird on pencil image */
#aboutbird { position: absolute; top: 50px; left: 760px; width: 518px; height: 200px; background-color: transparent; margin: 0px; padding: 2px; z-index: 1 }

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* Style for Cyrus Deboo Contact */
#contact { position: absolute; top: 155px; left: 340px; background-color: transparent; margin: 0px; padding: 5px; }
#contact { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #000000; padding: 5px; }
#contact a:link { text-decoration: none; color: #000000; }
#contact a:hover { text-decoration: none; background-color: ##00bdf2; color: #ffff08; }
#contact a:active { text-decoration: none; color: #ffffff; }

/* Style for image contact bird */
#contactbird  { position: absolute; top: 125px; left: 530px; width: 255px; height: 218px; background-color: #ffffff; margin: 0px; padding: 4px; }

/* Style for The AOI members logo */
.aoimember { position: absolute; top: 380px; left: 330px; width: 190px; height: 72px; background-color: #ffffff; margin: 0px; padding: 2px; }

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* Style for Maintenance page */
#maintenance { position: absolute; top: 80px; left: 380px; width: 396px; height: 236px; background-color: #ffffff; margin: 0px; padding: 4px; }