html { overflow: -moz-scrollbars-vertical !important; }
body.gray  { background-color: #ffffff; margin: 0px; font-family:  verdana, arial, helvetica, sans-serif; }
.lang {margin-right: 30px; _margin-right: 30px;}
.lang img a {border: none;}
span.coloured { color: #C39; } 
h2, p, img, span  { font-family: verdana, arial, helvetica, sans-serif; }
ul, li {list-style: none; font-family:  verdana, arial, helvetica, sans-serif; }
p  { margin-bottom: 10px;}

p, span { color: #999999; font-size: 100%; line-height: 14px; margin-top: 0px;}
html>body p, span { line-height: 15px;}

h2 span { float: right; position: relative; top: -15px;  font-family:  verdana, arial, helvetica, sans-serif;} 
html>body h2 span { position: relative; top: -13px;} 

a { text-decoration: none; color: #09F;}
a img { border: none;}
a:link { text-decoration: none; color: #09F; }
a:hover { text-decoration: none; color: #09F; }
a:link.alt { color:#09F; }
a:visited.alt { color:#09F;	 }
a:hover.alt { color:#09F; }

div#main { width: 100%; height: auto;   }

div#bgr { width: 720px; height: 200px; background:url(images/page.gif) top left no-repeat; margin-left: auto; margin-right: auto; padding-left: 30px; padding-top: 40px; margin-top: 20px; }

div#bgr_web { width: 720px; height: 200px; background:url(images/web_bg.gif) top left no-repeat; margin-left: auto; margin-right: auto; padding-left: 30px; padding-top: 100px; margin-top: -55px; }



.header {margin-top: 0px; width: 100%; z-index: 2; position:relative;}
.logo  {width: 220px; float:left}

div#buttonHolder { width: 100%; height: 100%; margin-left: auto; margin-right: auto; padding-top: 0px; padding-right: 0px; }

div#buttonHolder a { text-decoration: none; color: #00adef; background-color: #ffffff; padding: 5px 15px; margin: 5px; font-weight: bold;}
 div#buttonHolder a img { border: none;}
 div#buttonHolder a:link { text-decoration: none; color: #00adef; background-color: #ffffff; padding: 5px 15px; margin: 5px; font-weight: bold; }
div#buttonHolder a:hover { text-decoration: none; color: #bd1a8d; background-color: #ffffff; padding: 5px 15px; margin: 5px; font-weight: bold; }
div#buttonHolder a:link.alt { text-decoration: none; color: #00adef; background-color: #ffffff; padding: 5px 15px; margin: 5px; font-weight: bold;}
div#buttonHolder a:visited.alt { text-decoration: none; color: #00adef; background-color: #ffffff; padding: 5px 15px; margin: 5px; font-weight: bold; }
div#buttonHolder a:hover.alt { text-decoration: none; color: #00adef; background-color: #ffffff; padding: 5px 15px; margin: 5px; font-weight: bold;}


div#artHolder { width: 80px; margin-left: auto; margin-right: auto; padding-left: 119px; float: left;}
div#mainContent { width: 560px; margin-left: auto; margin-right: auto; padding: 0px 10px 10px 10px; position: relative; top: -70px; left: 15px; }

div.rule { border-top: 1px solid #999999; line-height: 1px; margin-bottom: 5px;}
div.last { margin-bottom: 0px; }
html>body div.last { margin-bottom: 10px; }

div#mainContent h2 { color: #C6DF9C; font-size: 85%; margin: 0px 0px 5px 0px; border-bottom: 1px solid #999999; padding-bottom: 2px; padding-left: 0px; }





div#artContent { width: 600px; margin-left: auto; margin-right: auto; padding: 20px 10px 10px 10px; margin-top: 0px;  border: 0px solid #ccc; color:#666;}
div#artContent h2 { margin: 0px 0px 10px 0px; font-size: 70%; font-family:  verdana, arial, helvetica, sans-serif; color: #09C ; }
div#artContent h2 a { color: #09C ; }
div#artContent h2 a { color: #09F; }

div#artContent h3 { margin: 0px 0px 0px 0px; font-size: 100%; font-family:  verdana, arial, helvetica, sans-serif; color: #666 ; }

div#artContent ul div { background-image: url(images/view-list-icon.gif); background-repeat: no-repeat; width: 7px; height: 7px; margin: 3px 0px 0px 0px ; padding-right: 5px; float: left;}
div#artContent ul div.printIcon { background-image: url(images/info-list-print.gif)}

div#artContent div.imageHolder { float: left; width: 450px; padding-right: 0px; font-size: 80%; font-family:  verdana, arial, helvetica, sans-serif; color: #666;  border: 0px solid #ccc; margin: 15px 0px 15px 0px; _margin: 5px 0px 5px 0px;}

div#artContent div.projectinfo { float: left; width: 480px; padding: 10px 20px; font-size: 80%; font-family:  verdana, arial, helvetica, sans-serif; color: #fff; background:#666; border: 1px solid #666;}

div#artContent div.description { float: left; width: 450px; padding-left: 0px; font-size: 80%; font-family:  verdana, arial, helvetica, sans-serif; color: #666;  border-top: 0px solid #09C;}

div#artContent div.description h3 { font-size: 100%; font-family:  verdana, arial, helvetica, sans-serif; }

div#artContent div.description p{ font-size: 95%;}


div#artContent div.description ul{  width: 100%; padding: 10px 0px 20px 0px; font-size: 110%; font-family:  verdana, arial, helvetica, sans-serif; color: #666;  border-top: 0px solid #09C; margin: 0px; font-weight:normal; list-style-image:url(images/view-list-icon.gif);}


div#artContent div.description ul li{margin-left: 18px;   _margin-left: 18px; font-size: 95%; font-family:  verdana, arial, helvetica, sans-serif; color: #666;  border-top: 0px solid #09C; list-style-image:url(images/view-list-icon.gif); list-style-position:outside;}

.frame { background: url(images/) top left no-repeat;  margin: 0px 0px 0px 0px; vertical-align:middle; padding-top: 0px; padding-left: 0px; color: #8f649a; font-size: 14px; border-bottom: 1px dotted #CCC; width: 400px; }

div#artContent p { margin: 0px; font-size: 80%; font-family:  verdana, arial, helvetica, sans-serif; color: #666;}

div#artContent div.imageHolder img {   border: 0px solid #cccccc; padding: 0px; } 

div#artContent div.infoHolder { float: right; width: 150px; padding-right: 0px; color:#666; }

div#artContent div.infoHolder { font-size: 70%; color: #000000; font-weight: bold;}

div#artContent div.headline { float: right; width: 150px; font-size: 45px; text-transform:capitalize; color:#fff; padding-right: 20px; padding-top: 0px; margin-top:0px;position: relative; top: -10px;}



div.topArrow { float: right; margin-right: 0px; padding-top: 0px; color: #f1f3d1;} 
html>body div.topArrow { margin-right: 0px; } 
div.topArrow img { position: relative; bottom: 2px; } 
html>body div.topArrow img { position: relative; bottom: 1px; } 

div.links { font-size: 60%; }
div.links ul { margin-left: 0px; padding-left: 0px;}
div.linkLeft { width:220px; float: left;} 
div.linkCentre { width:190px; float:left}
div.linkRight { width:140px; float: right; }
div.clients ul li { color: #f1f3d1;}
div.clients div.linkRight { margin-top: 0px;}
div.clients ul { margin-top: 0px ;}

div#news { width: 560px;}
div#features { width: 150px; border: 1px solid #999999; padding: 3px 7px 0px 7px; margin: 19px 0px 0px 0px;  background-color: #0b0d0c;}
div#features h2 { border: none; margin-top: 0px; font-size: 75%;}
div#features ul {list-style: none; font-size: 55%; margin-left: 0px; padding-left: 0px; color: #FFFFFF; line-height: 14px; margin-top: 5px; margin-bottom: 10px;}

img.newsThumb { float: right; padding:5px 0px 0px 0px; position: relative; left: 23px; }
img.preview { float: right; position: relative; left: 150px; top: 60px; z-index: 1000; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/tshirtpreview.png', sizingMethod='crop') }

body.art { background-image: none; padding: 10px 0px 0px 15px; }
html>body.art { padding-top: 0px;}
body.art h2 { color: #DDDDDD; font-size: 80%; margin-bottom: 5px; }
body.art p { color: #999999; margin-bottom: 5px; }
p.cr { color: #999; font-size: 60%; clear: both; margin-top: 20px; }
div.standard { display: none; color: #999;}
div.safari { display: block; font-family:  arial, helvetica, sans-serif; font-size: 70%; color: #999;}
div.clear { clear: both; margin: 0px 0px 0px 0px; line-height:1px;}

img.v1 { float: right; position: relative; top: -14px; margin-top: 4px;}

/* Safari un-hacks */

img.v1 { margin-top: 0px; #}
div#features { float: left; width: 120px; position: relative; left: 20px; #}
div#news { float: left; width: 410px; #}
p.cr { margin-top: 0px; #}
div.standard { display: block; #}
div.safari { display: none; #}




.form_1 {width: 280px;}
.form_2 {width: 280px; height: 150px;}





/*Sample CSS used for the Virtual Pagination Demos. Modify/ remove as desired*/

.paginationstyle{ /*Style for demo pagination divs*/
width: 490px;
text-align: center;
padding: 2px 0;
margin: 5px 0; 
}

.paginationstyle select{ /*Style for demo pagination divs' select menu*/
border: 0px solid navy;
margin: 0 15px;
}

.paginationstyle a{ /*Pagination links style*/
padding: 0 3px;
text-decoration: none;
border: 0px solid black;
color: navy;
background-color: white;
}

.paginationstyle a:hover, .paginationstyle a.selected{
color: #000;
background-color: #white;
}

.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
border: 0;
padding: 0px; 
}

.paginationstyle a.imglinks img{
vertical-align: middle;
border: 0; margin: 2px;
}

.paginationstyle a.imglinks a:hover{
background: none;
}

.paginationstyle .flatview a{ /*Pagination div "flatview" links style*/
color: #666;
background-color: #fff; border: 0px solid #fff;
}
.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
color: #09C;
background-color: #fff; border: 0px solid #999;
}

.caption {margin-top: 5px; border-top: 0px solid #Ccc; border-bottom: 0px solid #CCC;padding: 10px 0px; font-size: 90%;  }

.homepagebg { background:url(images/flourish.jpg) no-repeat top right;}