/* CSS Document */
@charset "utf-8";
/* CSS Document */

/*
---------------------------------------------
01. MAIN/DEFAULT ELEMENTS
---------------------------------------------
*/

body {bgcolour:333333; margin:0; padding:0; font-family: Arial, Helvetica, sans-serif;color:#444444; font-size:11px; }

p { margin:0; padding:0; font-size:9px; color:#444444; line-height:1.8em}
p a:link, p a:visited { text-decoration:none; color:#999}
p a:hover { text-decoration:none; color:#444444}

/*
---------------------------------------------
02. WRAPPER
---------------------------------------------
*/


#wrapper {width:800px; margin:0 auto; }

/*
---------------------------------------------
03. LOGO
---------------------------------------------
*/

#logo {
	width:800px;
	padding-top:0px;
	float:left;
	height: 50px;
}

/*
---------------------------------------------
04. NAV BAR
---------------------------------------------
*/

#navbar { width:800px; margin:0; padding-top:30px; font-family: "Arial"; text-align:center;}
.home { width:108px; text-align:left; float:left; margin:0px; padding-top:10px; height:50px;}
.home a:link, .home a:visited { text-decoration:none; color:#777}
.home a:hover { text-decoration:none; color:##777}

.nav { width:550px; text-align:right; float:right; margin:0; padding:0; height:50px;}
.nav ul {float:right; margin-top:5px; padding:0}
.nav ul li { float: left; margin-left:5px; padding:0; padding-left:0px; font-size:17px; 
letter-spacing: 1px; color:#444444; text-transform:uppercase; list-style:none; font-weight: normal;}
.nav ul li a:link, .nav ul li a:visited { text-decoration:none; color:#444444}
.nav ul li a:hover { text-decoration:none; color:#ccc}
.nav .active { text-decoration:none; color:#000}

/*
---------------------------------------------
05. SCROLL DOWN LINK
---------------------------------------------
*/

.linkdown { width:800px; height:26px; margin-top:25px; margin-bottom:10px; padding:0; text-align:left; float:left; text-align:left; font-family: Verdana, Arial, Helvetica, sans-serif;font-size:9px; color:#333 letter-spacing: 0px; line-height: 12px}
.linkdown a:link, .linkdown a:visited { text-decoration:none; color:#999}
.linkdown a:hover { text-decoration:none; color:#999999}
.linkdownf { width:778px; height:26px; margin-top:25px; margin-bottom:10px; padding:0; text-align:left; float:left; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif;font-size:9px; color:#aaa; letter-spacing: 0px; line-height: 12px}


/*
---------------------------------------------
06. CONTENT
---------------------------------------------
*/

#contents { width:900px; float:left; margin:0; padding-top:10px;}

/*
---------------------------------------------
07. PORTFOLIO THUMBNAILS
---------------------------------------------
*/

.thumb_heading { width:85px; height:75px; border:none;font-size:11px; text-transform:uppercase; float:left; margin-right:1px; padding-top:60px; }
.thumb_heading p {text-align:center; margin:0; padding:0; font-size:9px; color:#999;}

.thumb {height:115px; margin-right:60px; float:left; margin-bottom:5px; text-align: center}
.thumbtext {width:172px; height:10px; margin-right:60px; float:left; margin-bottom:35px; text-align:left; font-family: Verdana, Arial, Helvetica, sans-serif;font-size:9px; color:#333 letter-spacing: 0px; line-height: 12px; font-style: italic;}



/*
---------------------------------------------
08. DOWNLOAD PORTFOLIO
---------------------------------------------
*/

.download { float:left; background:url(../images/icon_pdf.jpg) no-repeat top left;  ma
0; padding:0; margin-top:20px;padding-left:25px; padding-bottom:10px}

.download p { font-size:9px; padding-top:3px; color:#444444}
.download p a:link, .download p a:visited { text-decoration:none; color:#444444}
.download p a:hover { text-decoration:none; color:#999}

/*
---------------------------------------------
09. FOOTER
---------------------------------------------
*/

#footer { width:800px; float:left; margin:0; padding:0; margin-top:0px; padding-bottom:30px}
#footer p { color:#999999; text-align:center; position:relative}

/*
---------------------------------------------
10. MISCELLANEOUS STYLES
---------------------------------------------
*/

img { border:none}


/*
---------------------------------------------
10. GALLERY PAGE
---------------------------------------------
*/


#gallery { width:800px; margin-top:15px; float:left; text-align:center}
#gallery .thumb { width:720px; height:480px; margin:0; padding:0 }
#gallerylinks { width:778px; float:left; height:30px; margin:0; padding:0; margin-bottom:25px}

.galleryname { float:left; width:600px; padding-top:10px; padding-left:5px; text-align:center}

.button_back { float:left; width:50px; padding-top:10px; padding-left:5px; font-size:12px}
.button_back a:link, .button_back a:visited { text-decoration:none; color:#444444}
.button_back a:hover { text-decoration:none; color:#fe03a2}

.button_next { float: right; width:50px; text-align:right;padding-top:10px; font-size:12px}
.button_next a:link, .button_next a:visited { text-decoration:none; color:#444444}
.button_next a:hover { text-decoration:none; color:#fe03a2}

#images { position:relative; width: 800px; height: 500px; border: 0px dotted red;
padding-left: 0px; overflow-x: scroll; white-space: nowrap;
}


/*
---------------------------------------------
11. ADV PAGE
---------------------------------------------
*/

.comingsoon { margin:0; padding:0; color:#444444; text-transform:uppercase; font-weight:normal; padding-top:60px; padding-bottom:375px}


/*
---------------------------------------------
12. EXHIBITION PAGE
---------------------------------------------
*/

.collection { width:720px; margin:0; padding:0; float:left}
.collection p { line-height:2.0em}
.collection h1 { font-size:11px; color:#444444; margin:0; padding:0; text-transform:uppercase; font-weight:normal; margin-top:45px; padding-bottom:10px}

.collectionlist { width:720px; margin-top:20px; float:left}
.thumb_collections {height:125px; margin-right:30px; float:left; margin-bottom:8px; text-align: center}


/*
---------------------------------------------
12. CONTACT PAGE
---------------------------------------------
*/

#contact { margin:0 auto; padding:0; margin-top:115px; text-align:center}
#contact p { font-size:12px;color:#999999; text-align:center; line-height:2.0em}

#contactimage { width:850px; height:96px; margin:0; padding:0; text-align:center; margin-top:50px; margin-bottom:40px;}






 

.enquiries { font-size:11px; font-family:Arial, Helvetica, sans-serif; width:360px; margin:0 auto; text-align: center; padding-left:20px; padding-bottom:30px; color:#444444}
.enquiries a:link, .enquiries a:visited { text-decoration:none; color:#444444}
.enquiries a:hover { text-decoration: none; color:#999999}