body{
font-family: Arial, Helvetica, sans-serif;
margin: 0 0 0 0;
padding: 0;
font-size: 84%;
background-color: #fafafa;
color: #333333;
}

#maincontent {
float : left;
width: 49%;
padding : 0 0 0 1em; 
margin : 0; 
} 

#maincontent-wide {
float : left;
width: 73%;
background-color: transparent;
padding : 0 1.5em 1.5em 3em; 
margin : 0 0 0 0; 
background-image : url("images/bg-fade-bar-vertical.gif"); 
background-repeat: repeat-y;

} 

/* USED FOR STANDARD LINKS */

a:link {
color: #5555bb; 
background-color: transparent;
text-decoration: underline; 
} 
a:visited {
color: #997a99;
background-color: transparent; 
text-decoration: underline; 
} 
a:hover {
color: #ffffff;
background-color : #8888bb; 
text-decoration: underline; 
}
a:active {
color: #ffffff;
background-color : #666699; 
text-decoration: underline; 
} 

/* END Links */


/* USED FOR IMAGE LINKS */

.imagelink a:link {
background-color: transparent;  
text-decoration: none; 
} 

.imagelink a:visited {
background-color: transparent;  
text-decoration: none; 
} 

.imagelink a:hover {
background-color: transparent; 
text-decoration: none; 
}

.imagelink a:active {
background-color: transparent; 
text-decoration: none; 
} 

/* END IMAGE Links */

/* STYLES USED FOR panel-a LEFT NAVIGATION PANEL */

#panel-a {
width : 20%; 
height : 375px;
float : left; 
padding : 0; 
margin : 0; 
color: #333333;
background-color : transparent; 
} 
#panel-a ul {
list-style-type : none; 
margin-left : 0.5em; 
padding-left : 0.5em; 
} 
#panel-a li {
padding-left : 0.5em; 
background-image : url("images/arrow.gif"); 
background-repeat : no-repeat; 
background-position : 0 0.3em; 
} 
#panel-a a {
display : block; 
padding-left : 2px; 
font-weight : bold; 
background-color : transparent; 
width : 96%; 
border: 0; 
} 
#panel-a a:link {
color: #5555bb;
background-color : transparent; 
text-decoration : none; 
border: 0; 
} 
#panel-a a:visited {
color : #997a99; 
background-color : transparent; 
text-decoration : none; 
border: 0; 
} 
#panel-a a:hover {
color : #ffffff; 
background-color : #8888bb; 
border: 0; 
} 
#bg-panel-a {
background-color : transparent;
font-family : arial, helvetica, sans-serif; 
font-weight : normal; 
margin-top : 0; 
margin-bottom : 0; 
padding-top : 24px; 
padding-right : 3px; 
padding-bottom : 3px; 
padding-left : 6px; 
color : #999999; 
position : relative; 
background-image : url("images/bg-fade-bar.gif"); 
background-repeat: repeat-x;
} 

/* END OF panel-a STYLES */


/* STYLES USED FOR panel-b RIGHT NAVIGATION PANEL */

#panel-b {
float : right; 
width : 20%; 
padding : 0; 
margin : 0; 
color: #333333;
background-color : transparent; /* WAS: #d5d5de */
border-top : 1px solid #afafc5; 
border-right : 1px solid #afafc5; 
border-bottom : 1px solid #afafc5; 
} 
#panel-b ul {
list-style-type : circle; 
margin-left : 1em; 
padding-left : 1em; 
padding-right : 15px; 
} 
#panel-b a {
display : block; 
padding-left : 2px; 
font-weight : bold; 
background-color : transparent; 
} 
#panel-b a:link {
color: #5555bb;
text-decoration : none; 
} 
#panel-b a:visited {
color : #997a99; 
text-decoration : none; 
border-bottom : 0; 
} 
#panel-b a:hover {
color : #ffffff; 
background-color : #8888bb; 
} 
#bg-panel-b {
background-color : transparent; /* WAS: #afafc5 */
font-family : arial, helvetica, sans-serif; 
font-weight : normal; 
font-size : 1.1em; 
margin-top : 0; 
margin-bottom : 0; 
padding-top : 3px; 
padding-right : 3px; 
padding-bottom : 3px; 
padding-left : 3px; 
color : #ffffff; 
position : relative; 
} 

/* END OF panel-b STYLES */


/* START OF panel-homepage STYLE - only used on homepage link on L/H nav panel */

#bg-homepage {
background-color : transparent; /* WAS: #c6c6d3 */ 
font-family : arial, helvetica, sans-serif; 
font-weight : normal; 
margin-top : 0; 
margin-bottom : 0; 
padding-top : 3px; 
padding-right : 3px; 
padding-bottom : 3px; 
padding-left : 3px; 
color : #ffffff; 
position : relative; 
} 

/* END OF panel-homepage STYLE */


#image-nopad {
vertical-align : top; 
margin-top : 0; 
margin-right : 0; 
margin-bottom : 0; 
margin-left : 0; 
padding-top : 0; 
padding-right : 0; 
padding-bottom : 0; 
padding-left : 0; 
border : 0 none; 
} 


/* Used to style teaser boxes */

#outerborder1 , #outerborder2 , #outerborder3 , #outerborder4 , #outerborder5 {
color: #333333;
border : 1px solid #4a8d9f; 
padding : 12px; 
background-color : #ededf0; 
margin : 0; 
} 

/* Used to style teaser boxes */

#border1 , #border2 , #border3 , #border4 , #border5 , #border6 , #border7 , #border8 , #border9 , #border10 , #border11 {
color: #333333;
border : 1px solid #4a8d9f; 
padding : 12px; 
background-color : #ffffff; 
margin : 0; 
} 


/* Used to style teaser boxes in navigation panels (has extra padding to make additional space) */

#borderbox , #borderbox1 , #borderbox2 , #borderbox3 , #borderbox4 , #borderbox5 {
border : 1px solid #4a8d9f; 
padding : 8px; 
color: #333333;
background-color : #ffffff; 
margin : 8px; 
} 


/* Used to style navigation panels */

.navitem {
padding : 0; 
margin : 0; 
background-color : transparent; 
} 
.navitem-right {
padding : 8px; 
margin : 0; 
background-color : transparent; 
} 


/* Styling for DIV that contains the separate header elements */

#header {
border-top : 0; 
border-right : 0; 
border-bottom : 0; 
border-left : 0; 
height : 32px; 
width : 100%; 
white-space : nowrap; 
vertical-align : bottom; 
margin : 0 0 0 0; 
padding-top : 24px; 
background-color : #fafafa; 
background-image : url("images/bg-fade-bar.gif"); 
background-repeat: repeat-x;
clear : both; 
} 


/* Styling for list on the LEFT HAND SIDE that is displayed horizontally */

#header-navigation-left ul {
float : left; 
margin : 0 0 0 0.5em; 
padding : 0; 
list-style-type : none; 
text-align : left; 
} 
#header-navigation-left ul li {
display : inline; 
} 
#header-navigation-left ul li a {
font-family : arial, helvetica, sans-serif; 
font-size : 1em; 
font-weight : normal; 
color : #555588; 
text-decoration : none; 
padding : 0.1em 0.6em; 
background-color : transparent; 
border-left : 1px solid #9999ad; 
} 
#header-navigation-left ul li a:visited {
font-family : arial, helvetica, sans-serif; 
font-size : 1em; 
color : #996699; 
text-decoration : none; 
background-color : transparent; 
border-left : 1px solid #9999ad; 
} 
#header-navigation-left ul li a:hover {
font-family : arial, helvetica, sans-serif; 
font-size : 1em; 
color : #ffffff; 
text-decoration : none; 
background-color : #8888bb; 
border-left : 1px solid #9999ad; 
} 


/* Styling for list on the RIGHT HAND SIDE that is displayed horizontally */

#header-navigation-right ul {
float : right; 
margin : 0 0 4px 0; 
padding : 0; 
list-style-type : none; 
text-align : left; 
} 
#header-navigation-right ul li {
display : inline; 
} 
#header-navigation-right ul li a {
font-family : arial, helvetica, sans-serif; 
font-size : 1em; 
font-weight : normal; 
color : #555588; 
text-decoration : none; 
padding : 0.1em 0.6em; 
background-color : transparent; 
border-left : 1px solid #9999ad; 
} 
#header-navigation-right ul li a:visited {
font-family : arial, helvetica, sans-serif; 
font-size : 1em; 
color : #996699; 
text-decoration : none; 
background-color : transparent; 
border-left : 1px solid #9999ad; 
} 
#header-navigation-right ul li a:hover {
font-family : arial, helvetica, sans-serif; 
font-size : 1em; 
color : #ffffff; 
text-decoration : none; 
background-color : #8888bb; 
border-left : 1px solid #9999ad; 
} 
#footer {
border-top : 0; 
border-right : 0; 
border-bottom : 0; 
border-left : 0; 
height : 32px; 
white-space : nowrap; 
vertical-align : bottom; 
margin : 1px 0 12px; 
padding : 12px 0 0 0; 
background-image : url("images/bg-fade-bar.gif"); 
background-repeat: repeat-x;
background-color: transparent;
clear : both; 
} 
#footer-left {
float : left; 
display : inline; 
padding : 8px; 
font-family : arial, helvetica, sans-serif; 
font-size : 1em; 
text-align : left; 
} 
#footer-right {
float : right; 
display : inline; 
padding : 8px; 
font-family : arial, helvetica, sans-serif; 
font-size : 1em; 
text-align : right; 
} 
h1 {
font-family: "century gothic", gadget, arial, skia, sans-serif;
font-weight : normal; 
font-size : 3em; 
margin-top : 0; 
margin-bottom : 0; 
color : #4a8d9f; 
background-color : transparent; 
} 
.large-white {
font-family: "century gothic", gadget, arial, skia, sans-serif;
color : #ffffff; 
background-color : transparent; 
font-size : 2.2em; 
padding-left: 1em;
} 

h2 {
font-family: "century gothic", gadget, arial, skia, sans-serif;
font-weight : bold; 
font-size : 2em; 
margin-top : 0; 
margin-bottom : 0.2em; 
color : #4a8d9f; 
background-color : transparent; 
} 
h2.boxed {
border : 1px solid #dddddd; 
background-color: #fafafa;
padding : 8px; 
} 
h3 {
font-family: "century gothic", gadget, arial, skia, sans-serif;
font-weight : normal; 
font-size : 1.6em; 
color : #4a8d9f; 
background-color : transparent; 
} 
h3.boxed {
color : #4a8d9f; 
background-color : #ffffff; 
border : 1px solid #4a8d9f; 
padding : 4px; 
margin-top : 3px; 
margin-right : 0; 
margin-bottom : 3px; 
margin-left : 0; 
} 
h4 {
font-family: "century gothic", gadget, arial, skia, sans-serif;
font-weight : bold; 
font-size : 1.25em; 
color : #4a8d9f; 
background-color : transparent; 
} 
h5 {
font-family: "century gothic", gadget, arial, skia, sans-serif;
font-weight : bold; 
font-size : 1em; 
color : #4a8d9f; 
background-color : transparent; 
} 
h6 {
font-family: "century gothic", gadget, arial, skia, sans-serif;
font-weight : bold; 
font-size : 0.8em; 
color : #4a8d9f; 
background-color : transparent; 
} 
img {
border-top-width : 0; 
border-left-width : 0; 
border-bottom-width : 0; 
border-right-width : 0; 
} 
ol {
font-family : arial, helvetica, sans-serif; 
margin-top : 0.2em; 
font-size : 1em; 
margin-bottom : 0.1em; 
line-height : 1.5em; 
color : #666666; 
background-color : transparent; 
} 
ul {
list-style-type : disc;
font-family : arial, helvetica, sans-serif; 
font-size : 1em;
line-height : 1.5em; 
margin-top : 0.2em; 
margin-left: 17px;
margin-bottom : 0.1em; 
padding-left: 0;
color : #666666; 
background-color : transparent; 
} 
dl {
font-family : arial, helvetica, sans-serif; 
margin-top : 0.2em; 
font-size : 1em; 
margin-bottom : 0.1em; 
line-height : 1.5em; 
color : #666666; 
background-color : transparent; 
} 
li {
font-family : arial, helvetica, sans-serif; 
margin:0.2em 0  0.1em 0;
font-size : 1em; 
line-height : 1.5em; 
color : #666666; 
background-color : transparent; 
} 
dt , dd {
font-family : arial, helvetica, sans-serif; 
margin-top : 0.2em; 
font-size : 1em; 
margin-bottom : 0.1em; 
line-height : 1.5em; 
color : #666666; 
background-color : transparent; 
} 
p {
font-family : arial, helvetica, sans-serif; 
font-size : 1em; 
color : #666666; 
background-color : transparent; 
} 
p.left {
font-family : arial, helvetica, sans-serif; 
font-size : 1em; 
text-align : left; 
margin : 1.2em 0; 
color : #666666; 
background-color : transparent; 
line-height : 1.2em; 
} 
pre {
font-size : 1em; 
font-family : monospace; 
} 
strong {
font-weight : bold; 
} 
b {
font-weight : bold; 
} 
.printonly {
display : none; 
} 
.hidden {
display : none; 
height : 0; 
font-size : 0; 
} 
#hide {
visibility : hidden; 
} 
.smaller {
font-size : 84%; 
} 
.larger {
font-size : 110%; 
} 
.white {
color : #ffffff; 
background-color : transparent; 
} 
.boxed {
border : 1px solid #ffffff; 
padding : 4px; 
} 

table {
font-size : 100%; 
} 

td.bg-cell-banner-left {
color: #ffffff; 
background-color : #666699; 
border-top : 0; 
border-right : 0; 
border-bottom : 0; 
border-left : 0; 
background-image : url("images/bg-curve-end-left.gif"); 
background-repeat : no-repeat; 
background-position : top left; 
} 
td.bg-cell-banner-right {
color: #ffffff; 
background-color : #666699; 
border-top : 0; 
border-right : 0; 
border-bottom : 0; 
border-left : 0; 
} 

td.bg-cell-examples-webdesign {
color: #ffffff; 
background-color : transparent; /* WAS: #afafc5 */
border-top : 0; 
border-right : 0; 
border-bottom : 0; 
border-left : 0; 
background-image : url("project/examples/bg-web-snail-screenshot.jpg"); 
background-repeat : no-repeat; 
background-position : top left; 
cursor : hand;
} 
td.bg-cell-examples-digiart {
color: #ffffff; 
background-color : #c6c6d3; 
border-top : 0; 
border-right : 0; 
border-bottom : 0; 
border-left : 0; 
background-image : url("project/examples/digiart-shirtandtie.jpg"); 
background-repeat : no-repeat; 
background-position : center center; 
cursor : hand;
} 
td.bg-cell-examples-photography {
color: #ffffff; 
background-color : #c6c6d3; 
border-top : 0; 
border-right : 0; 
border-bottom : 0; 
border-left : 0; 
background-image : url("project/examples/photo-leaves-dscn5511.jpg"); 
background-repeat : no-repeat; 
background-position : top left; 
cursor : hand;
} 

td.bg-cell-examples-painting {
color: #ffffff; 
background-color : transparent; /* WAS: #afafc5 */
border-top : 0; 
border-right : 0; 
border-bottom : 0; 
border-left : 0; 
background-image : url("project/examples/painting-brighton.jpg"); 
background-repeat : no-repeat; 
background-position : center center; 
cursor : hand;
} 

td.bg-cell-examples-full-length-music {
color: #ffffff; 
background-color : transparent; /* WAS: #afafc5 */
border-top : 0; 
border-right : 0; 
border-bottom : 0; 
border-left : 0; 
background-image : url("music/bg-full-length-music.jpg"); 
background-repeat : no-repeat; 
background-position : top left; 
} 
td.bg-cell-examples-music-for-visuals {
color: #ffffff; 
background-color : #c6c6d3; 
border-top : 0; 
border-right : 0; 
border-bottom : 0; 
border-left : 0; 
background-image : url("music/bg-music-for-visuals.jpg"); 
background-repeat : no-repeat; 
background-position : center center; 
} 
td.bg-cell-examples-music-websites {
color: #ffffff; 
background-color : #c6c6d3; 
border-top : 0; 
border-right : 0; 
border-bottom : 0; 
border-left : 0; 
background-image : url("project/examples/bg-web-snail-screenshot.jpg"); 
background-repeat : no-repeat; 
background-position : top left; 
} 

td.bg-cell-examples-music-photography {
color: #ffffff; 
background-color : transparent; /* WAS: #afafc5 */
border-top : 0; 
border-right : 0; 
border-bottom : 0; 
border-left : 0; 
background-image : url("project/music/photos/photo-siouxsie-01.jpg"); 
background-repeat : no-repeat; 
background-position : center center; 
} 

.solidtext {
font-family: arial black, arial, helvetica, sans-serif;
text-align: left; 
}

.reversed {
color: #ffffff;
background-color: #000000; 
text-decoration: none; 
border : 1px solid #ffffff; 
padding: 0.5em;
}