html, body, .container {height:100%; min-height:100%}
body {font-size:66%; margin:0; color:#000; line-height:1.2; background: url('/images/template/bg_tile.png') top left repeat-y}
.container {float:left;background: url('/images/template/bg_tile.png') top left repeat-y}
h1 {font-size:1.5em; margin:0 0 .5em 0}
h2 {font-size:1.25em; margin:0 0 1em 0}
h3, h4 {font-size:1em; margin:0 0 .25em 0}
h2, h3, p big {font-weight:500}
h3 {color:#888}
h4, a, span.blue, .bluetext {color:#009db5; text-decoration:none}
a:hover {color:#11aec6; text-decoration:none}
p big {font-size:1.75em; line-height:1.1}

.padding {padding:20px 20px 20px 15px}


#leftcol { background: url('/images/template/bg_tile.png') top left repeat-y;color:#fff}

ul#nav, ul#nav ul, ul#nav ul ul {list-style:none;margin:0;padding:0}
ul#nav li {margin:0;padding:5px 0; font-size:1.25em; font-weight:bold}
ul#nav li a {color:white}
ul#nav li a:hover, ul#nav li a.current {color:#009db5}
ul#nav ul li {font-size:0.9em; font-weight:normal; padding-left:.5em}
ul#nav ul ul li {padding-left:1em}

#logo, #date {height:100px}
#logo {margin:0 0 25px 0;}
#date {margin:20px 0 25px 0;}
#logo img {margin:5px 0 0 0}
#date p {padding-top:45px; font-weight:bold}

#images {margin-top:-15px}

span.title {padding:5px 10px 5px 0;background:url('/images/template/slash.png') right 8px no-repeat}
#accordion p {margin-bottom:5px}
.collapse {margin:0 0 10px 0}
.nomargin {margin:0}
.gap {margin-right:30px}

ul#designers {list-style:none; margin:10px 0; padding:0; border-top:1px solid #efefef}
ul#designers li {padding:5px 0;margin:0; border-bottom:1px solid #efefef}

#downloads a {color:black}
#downloads a:hover {text-decoration:underline}

#viewer, #thumbnails {float:left;display:block}
#viewer {margin-bottom:5px}
#thumbnails a {float:left; display:block; width:65px; height:65px; margin:0 5px 5px 0; border:1px solid #fff}
#thumbnails a:hover {border:1px dotted #dedede}

.colourbox {width:100px; height:80px; border:1px solid #ccc; margin-bottom:5px}
.rightalign {text-align:right}
.thumb {float:left;margin:0 16px 16px 0; background:url('/images/template/ajax-loader.gif') 50% 50% no-repeat}
.last {margin-right:0}

/* gallery stuff */
#img_gallery{margin:10px auto 20px auto; width:300px; heght:300px; position:relative;}
#img_gallery a{outline:none; border:none}
#img_gallery a img{border:none}

#fullimg{width:300px; overflow:hidden; height:300px; margin-bottom:10px; display:table-cell;vertical-align:middle;position:static; border:1px solid #eee;text-align:center}
#fullimg img{width:300px; height:300px}
#fullimg p, #fullimg span{position:absolute; background:white; opacity:.5; color:#999; margin:0px; width:300px; padding:6px; font-size:11px}

#img_gallery #wrapper{overflow:hidden; padding:2px; width:263px; float:left; height:65px; position:relative}

#items{margin:10px auto 0px auto; padding:0px; list-style:none; width:50000px; position:relative; letter-spacing:0em}
#items li{float:left; list-style:none; margin-right:8px}
#items .thumb{width:59px; height:59px; cursor:pointer; margin:0px; padding:0px}
#items .large{display:none; position:absolute}
#fullimg {width:300px; height:300px}
#fullimg .loading{width:16px; height:16px}
#fullimg .thumb{display:none}

#items .item  p, #items .item  span{display:none; text-indent:-2000em}
#moveleft, #moveright{margin:25px 0 0 0; height:18px; color:white; width:16px; text-indent:-2000em; text-decoration:none; z-index:1000; display:block; cursor:pointer; float:left}
#moveleft{background:url('/images/template/gal_nav.png') 0 -36px no-repeat}
#moveright{background:url('/images/template/gal_nav.png') 0 0 no-repeat}
#moveleft:hover {background:url('/images/template/gal_nav.png') 0 -54px no-repeat}
#moveright:hover{background-position:0 -18px}

/*NoobSlide css */
/* Sample 2*/
#box{position:absolute}
#box span{display:block;float:left}
p.buttons {width:470px; position:relative}
p.buttons span {cursor:pointer}

span#prev, span#next{margin:5px 0 0 0; height:18px; color:white; width:16px; text-indent:-2000em; text-decoration:none; z-index:1000; display:block; cursor:pointer; float:left}
span#prev{position:absolute; left:0;background:url('/images/template/gal_nav.png') 0 -36px no-repeat}
span#next{position:absolute; right:0;background:url('/images/template/gal_nav.png') 0 0 no-repeat}
span#prev:hover {background:url('/images/template/gal_nav.png') 0 -54px no-repeat}
span#next:hover{background-position:0 -18px}

.mask {position:relative;width:470px;height:340px;padding-bottom:30px; overflow:hidden}
.info{width:460px;padding:10px;background:#fff;position:absolute; color:000;bottom:0px}
.info p {margin:0}

#quote {margin:160px 0 0 0; padding-right:20px;font-size:1.4em}
#hptext {font-size:1.4em}