/* 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: #3399ff; color: #ffff08; }
a:active { text-decoration: none; color: #ffffff; }

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

/* Style for home page text */
#homepagetext { position: absolute; top: 5px; left: 325px; width: 615px; height: 15px; background-color: #ffffff; margin: 0px; padding: 5px; }
#homepagetext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 5pt; color: #ffffff; }

/* Style for website update text */
.updatebox { position: absolute; top: 450px; left: 30px; width:1 90px; height: 30px; background-color: #ffffff; margin: 0px; padding: 2px; border-bottom: 1px solid; }
.updatebox { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: italic; color: #3399ff; line-height: 10px; }

/* Style for Cyrus Deboo homepage portfolio icons */
#porticon1  { position: absolute; top: 68px; left: 380px; width: 118px; height: 265px; background-color: #ffffff; margin: 0px; padding: 5px; }
#porticon2  { position: absolute; top: 68px; left: 560px; width: 118px; height: 265px; background-color: #ffffff; margin: 0px; padding: 5px; }
#porticon3  { position: absolute; top: 68px; left: 740px; width: 118px; height: 265px; background-color: #ffffff; margin: 0px; padding: 5px; }

/* Style for explanation text  */
#explanation { position: absolute; top: 380px; left: 285px; width: 800px; height: 30px; background-color: #ffffff; margin: 0px; padding: 5px; }
#explanation { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000; }

/* Style for Cyrus Deboo Contact */
#contact2 { position: absolute; top: 410px; left: 285px; background-color: transparent; margin: 0px; padding: 5px; }
#contact2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000; padding: 5px; }
#contact2 a:link { text-decoration: none; color: #000000; }
#contact2 a:hover { text-decoration: none; background-color: #3399ff; color: #ffff08; }
#contact2 a:active { text-decoration: none; color: #ffffff; }

/* Style for homepage copyright  */
#copyright1 { position: absolute; top: 450px; left: 325px; 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: #3399ff; line-height: 10px; }
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* Style for Cyrus Deboo Portfolios */
/* Style for thumbnails */
#thumbnails { position: absolute; top: 60px; left: 1110px; 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 copyright  */
.copyright2 { position: absolute; top: 590px; left: 368px; 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: #3399ff; line-height: 10px; }

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

/* Style for portfolios 1 2 3 bird links */
#shapegrahic1 { position: absolute; top: 345px; left: 60px; width: 44px; height: 80px; background-color: transparent; margin: 0px; padding: 1px; z-index: 1 }
#shapegrahic2 { position: absolute; top: 345px; left: 110px; width: 44px; height: 80px; background-color: transparent; margin: 0px; padding: 1px; z-index: 1 }
#shapegrahic3 { position: absolute; top: 345px; left: 160px; width: 44px; height: 80px; background-color: transparent; margin: 0px; padding: 1px; z-index: 1 }
.shapetext { position: absolute; top: 420px; left: 70px; width: 120px; height: 15px; background-color: transparent; margin: 0px; padding: 2px; z-index: 2 }
.shapetext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #3399ff; line-height: 1px; }

/* Style for main images */
#mainimage { position: absolute; top: 1px; width: auto; height: 490px; 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 Cyrus Deboo About */
#about { position: absolute; top: 80px; left: 330px; width: 620px; height: 220px; background-color: #ffffff; margin: 0px; padding: 5px; z-index: 1 }
#about { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #000000; }
.text2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #000000; line-height: 15px; text-align:left; }

/* Style for image shapes */
#shapes { position: absolute; top: 120px; left: 800px; width: 144px; height: 70px; background-color: #ffffff; margin: 0px; padding: 1px; z-index: 2 }

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

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

/* Style for The AOI members logo */
.aoimember { position: absolute; top: 420px; 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; }