body {background: #FFFFFF; margin: 0px; padding: 20px 20px 10px 20px;}
body, td, p {font-size: 12px; font-family: trebuchet ms, Arial, Verdana, Sans-serif; color: #777575;}
input, select, textarea {font: 10px Arial, Verdana, Sans-serif; color: #666666; background-color: #FFFFFF; border: 1px solid #CCCCCC;}
table {border: 0px}


/* --     layout    -- */
.holdingcell {padding: 12px 12px 12px 20px; border: 1px solid #828282;}
.cell2 {padding: 0px 12px 12px 0px;}
.menucell {border-bottom: 1px solid #584328;}
.menucell2 {padding: 2px 11px 7px 20px;}
.brownbg {background: url(/images/elements/web_design_sydney.jpg) no-repeat;}
.blackbg {background: url(/images/elements/web_design_manly.jpg) no-repeat #222222;}
.portfoliobg {background: url(/images/elements/web_design_manly.jpg) no-repeat #222222; border: 1px solid #828282;}
.websitesbg {border: 1px solid #828282;}
.printcontent {font-family: verdana; font-size: 9px; line-height: 14px;}
.logocell {border: 1px solid #CCCCCC; text-align: center;}
.subtable {padding: 0px;}
.subtable td {padding: 0px;}
.portclient {color: #FFFFFF; font-size: 11px; font-family: verdana;}
.portcontent {color: #FFFFFF; font-family: verdana; font-size: 9px; line-height: 14px;}
.headerblack {color: #676767; font-size: 18px; padding: 7px 15px 32px 7px; text-align: right;}
.headerred {color: #A45A4F; font-size: 18px; padding: 7px 15px 32px 7px; text-align: right;}
.headerwhite {color: #B5B5B5; font-size: 18px; padding: 7px 15px 32px 7px; text-align: right;}
.headerbrown {color: #826D5B; font-size: 18px; padding: 7px 15px 32px 7px; text-align: right;}
.headergrey {color: #676767; font-size: 10px; padding: 12px 5px 5px 7px; text-align: right;}
.serviceshead {color: #A45A4F; font-size: 18px;}
.redbg {background: url(/images/elements/website_designers.jpg) no-repeat #732D1F;}
.content {color: #FFFFFF; padding: 0px 25px 15px 30px; font-family: verdana; font-size: 11px; line-height: 16px;}
.whitebg {border: 1px solid #828282;}
.contentdk {padding: 0px 25px 15px 30px; font-family: verdana; font-size: 11px; line-height: 16px;}
.footer {font-size: 10px; color: #B2B2B2;}
.arrow {margin-top: 10px;}
.submenucell {padding: 0px 4px 12px 75px;}
.submenucell2 {padding: 0px 12px 12px 60px;}
.content2 {border: 1px solid #D7D7D7; padding: 12px 60px 12px 12px; font-family: verdana; font-size: 10px; line-height: 16px;}
.content3 {border: 1px solid #333333; padding: 25px 25px 20px 20px; font-family: verdana; font-size: 10px; line-height: 16px;}

/* --     text styles    -- */
h1,h2,h3,h4,h5,h6 {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
h1 {font: normal 18px Arial, Verdana, Sans-serif; color: #CC0000; line-height: 22px; margin: 0px 0px 3px 0px; padding: 0px 0px 3px 14px;}
.description {font-size: 9px; vertical-align: top; text-align: right; color: #666666; padding-bottom: 30px;}
.header1 {font-size: 14px; color: #CC0000; line-height: 16px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.header2 {font-size: 18px; line-height: 20px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.error {font-weight: bold; color: #CC0000;}
.validation {font-weight: bold; font-size: 10px; color: #CC0000;}

/* --     text links     -- */
a:link {color: #333333; text-decoration: underline;}
a:visited {color: #333333; text-decoration: underline;}
a:hover {color: #CC0000; text-decoration: underline;}

.menu {font-size: 11px; color: #828282; text-decoration: none;}
A.menu:link {font-size: 11px; color: #828282; text-decoration: none;}
A.menu:visited {font-size: 11px; color: #828282; text-decoration: none;}
A.menu:hover {font-size: 11px; color: #CC0000; text-decoration: none;}

.redlink {color: #FFFFFF; text-decoration: none; margin-top: 28px; line-height: 18px;}
A.redlink:link {color: #FFFFFF; text-decoration: underline; line-height: 18px;}
A.redlink:visited {color: #FFFFFF; text-decoration: underline; line-height: 18px;}
A.redlink:hover {color: #CD968D; text-decoration: underline; line-height: 18px;}

.brownlink {color: #FFFFFF; text-decoration: none; margin-top: 28px; line-height: 18px;}
A.brownlink:link {color: #FFFFFF; text-decoration: underline; line-height: 18px;}
A.brownlink:visited {color: #FFFFFF; text-decoration: underline; line-height: 18px;}
A.brownlink:hover {color: #C6B1A0; text-decoration: underline; line-height: 18px;}

.sitemap {font-size: 10px; color: #B2B2B2;}
A.sitemap:link {font-size: 10px; color: #B2B2B2; text-decoration: none;}
A.sitemap:visited {font-size: 10px; color: #B2B2B2; text-decoration: none;}
A.sitemap:hover {font-size: 10px; color: #666666; text-decoration: underline;}

.submenu {color: #484848; font-family: verdana; font-size: 10px; text-decoration: none; margin-top: 28px; line-height: 18px;}
A.submenu:link {color: #484848; font-family: verdana; font-size: 10px; text-decoration: none; line-height: 18px;}
A.submenu:visited {color: #484848; font-family: verdana; font-size: 10px; text-decoration: none; line-height: 18px;}
A.submenu:hover {color: #B21818; font-family: verdana; font-size: 10px; text-decoration: none; line-height: 18px;}

.submenu2 {color: #B21818; font-family: verdana; font-weight: bold; font-size: 10px; text-decoration: none; margin-top: 28px; line-height: 18px;}
A.submenu2:link {color: #B21818; font-family: verdana; font-weight: bold; font-size: 10px; text-decoration: none; line-height: 18px;}
A.submenu2:visited {color: #B21818; font-family: verdana; font-weight: bold; font-size: 10px; text-decoration: none; line-height: 18px;}
A.submenu2:hover {color: #B21818; font-family: verdana; font-weight: bold; font-size: 10px; text-decoration: none; line-height: 18px;}

.portlink1 {color: #EF8218; font-family: verdana; font-size: 10px;}
A.portlink1:link {color: #EF8218; font-family: verdana; font-size: 10px; text-decoration: none;}
A.portlink1:visited {color: #EF8218; font-family: verdana; font-size: 10px; text-decoration: none;}
A.portlink1:hover {color: #EDEDED; font-family: verdana; font-size: 10px; text-decoration: underline;}

.portlink2 {color: #91CCCF; font-family: verdana; font-size: 10px;}
A.portlink2:link {color: #91CCCF; font-family: verdana; font-size: 10px; text-decoration: none;}
A.portlink2:visited {color: #91CCCF; font-family: verdana; font-size: 10px; text-decoration: none;}
A.portlink2:hover {color: #EDEDED; font-family: verdana; font-size: 10px; text-decoration: underline;}

.portlink3 {color: #B7E222; font-family: verdana; font-size: 10px;}
A.portlink3:link {color: #B7E222; font-family: verdana; font-size: 10px; text-decoration: none;}
A.portlink3:visited {color: #B7E222; font-family: verdana; font-size: 10px; text-decoration: none;}
A.portlink3:hover {color: #EDEDED; font-family: verdana; font-size: 10px; text-decoration: underline;}

.portlink4 {color: #C7E7F1; font-family: verdana; font-size: 10px;}
A.portlink4:link {color: #C7E7F1; font-family: verdana; font-size: 10px; text-decoration: none;}
A.portlink4:visited {color: #C7E7F1; font-family: verdana; font-size: 10px; text-decoration: none;}
A.portlink4:hover {color: #EDEDED; font-family: verdana; font-size: 10px; text-decoration: underline;}

.portlink5 {color: #FF3333; font-family: verdana; font-size: 10px;}
A.portlink5:link {color: #FF3333; font-family: verdana; font-size: 10px; text-decoration: none;}
A.portlink5:visited {color: #FF3333; font-family: verdana; font-size: 10px; text-decoration: none;}
A.portlink5:hover {color: #EDEDED; font-family: verdana; font-size: 10px; text-decoration: underline;}

.portlink6 {color: #DD75A0; font-family: verdana; font-size: 10px;}
A.portlink6:link {color: #DD75A0; font-family: verdana; font-size: 10px; text-decoration: none;}
A.portlink6:visited {color: #DD75A0; font-family: verdana; font-size: 10px; text-decoration: none;}
A.portlink6:hover {color: #EDEDED; font-family: verdana; font-size: 10px; text-decoration: underline;}

.portlink7 {color: #B0BCCD; font-family: verdana; font-size: 10px;}
A.portlink7:link {color: #B0BCCD; font-family: verdana; font-size: 10px; text-decoration: none;}
A.portlink7:visited {color: #B0BCCD; font-family: verdana; font-size: 10px; text-decoration: none;}
A.portlink7:hover {color: #EDEDED; font-family: verdana; font-size: 10px; text-decoration: underline;}

.portlink8 {color: #6D94CF; font-family: verdana; font-size: 10px;}
A.portlink8:link {color: #6D94CF; font-family: verdana; font-size: 10px; text-decoration: none;}
A.portlink8:visited {color: #6D94CF; font-family: verdana; font-size: 10px; text-decoration: none;}
A.portlink8:hover {color: #EDEDED; font-family: verdana; font-size: 10px; text-decoration: underline;}

.portlink9 {color: #F98142; font-family: verdana; font-size: 10px;}
A.portlink9:link {color: #F98142; font-family: verdana; font-size: 10px; text-decoration: none;}
A.portlink9:visited {color: #F98142; font-family: verdana; font-size: 10px; text-decoration: none;}
A.portlink9:hover {color: #EDEDED; font-family: verdana; font-size: 10px; text-decoration: underline;}

.portlink10 {color: #E9E9E9; font-family: verdana; font-size: 10px;}
A.portlink10:link {color: #E9E9E9; font-family: verdana; font-size: 10px; text-decoration: none;}
A.portlink10:visited {color: #E9E9E9; font-family: verdana; font-size: 10px; text-decoration: none;}
A.portlink10:hover {color: #CCCCCC; font-family: verdana; font-size: 10px; text-decoration: underline;}

.portlink11 {color: #CCCC99; font-family: verdana; font-size: 10px;}
A.portlink11:link {color: #CCCC99; font-family: verdana; font-size: 10px; text-decoration: none;}
A.portlink11:visited {color: #CCCC99; font-family: verdana; font-size: 10px; text-decoration: none;}
A.portlink11:hover {color: #CCCCCC; font-family: verdana; font-size: 10px; text-decoration: underline;}

.portlink12 {color: #4A6986; font-family: verdana; font-size: 10px;}

/* --     tables     -- */
#listcontainer {background-color: #F5F5F5; border-top: 1px solid #828282; border-right: 1px solid #828282; border-left: 1px solid #828282; font-weight: bold; color: #828282;}/* --     background-color: #FCF2F2     -- */
#listcontainer td {background-color: #F5F5F5; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #828282; font-weight: bold; color: #828282; text-align: center;}
#listcontainer td.dark {background-color: #828282; font-weight: bold; color: #FFFFFF; text-align: left;}
#listcontainer td.divide {border-right: 1px solid #828282; font-weight: bold; color: #828282; text-align: left;}
#listcontainer td.dividesub {border-right: 1px solid #828282; font-weight: bold; font-size: 10px; color: #828282; text-align: left; padding-left: 10px;}

#listcontainer td.plain {background-color: #F5F5F5; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #828282; font-weight: normal; color: #666666; text-align: left;}