/* CSS Document */

* {margin:0px; padding:0px;}
*:focus {outline: none}
html, body {text-align: center;font-family:tahoma; font-size:0.83em; width:100%;}
a {text-decoration:none; white-space:nowrap; padding-bottom:4px; color:#000;}

h3{margin:0px;font-size:1.2em; margin-top:0px;}
h4 {margin: 10px 0px -10px 3px;font-size:1.3em;}
p {margin:6px; letter-spacing:1px; text-align:justify;}
h1 {background: transparent url(../images/heads/gamma5-web-design-newcastle.png) top left no-repeat;height:100px;padding:0;}
h2, .website {font-size:1em;margin-bottom:6px;}
.green{color:#690;}
.grey{color:#666666}

.hide {display: none;}


/* LAYOUT */

#container {width:900px;margin: 0 auto;text-align:left;}

#intro {height:130px;background: transparent url(../images/heads/ tree4.gif) top right no-repeat;}
#pageHeader {text-align:center;}
#menu {position:absolute;margin-top:11px;width:888px;text-align:center;padding-left:8px;}
#main {width:880px;height:500px;padding-left:20px;}
#footer{clear:both;	padding-right:25px;text-align:right;width:700px;float:right;padding-top:30px
}

/*home*/

#glass {position:relative;width:890px;height:433px;top:23px;left:5px;background:url(../images/backs/glass4.jpg) top center no-repeat;}
#glasswork {position:relative;width:890px;height:1047px;top:23px;left:5px;background:url(../images/backs/glass-back.png) top center repeat-y;}

/*#toptext {margin: 50px 0px 10px 0px;width:100%;}*/
#labeltext {margin:0px 0px 0px 40px;width:761px;height:174px;background:url(../images/backs/tag8.png);}
#introtext {position:relative;top:44px;left:238px;width:250px;height:120px;font-family:verdana;font-size:1em;font-weight: bold;color:#808080}/*#666633;}*/
#introtext h1 {font-size:1.2em;color:#669900;margin:0;} /*#8CC63E*/
#col1, #col2, #col3 {float:left;width:260px;margin:4px 0px 10px 25px;}
#col2 {margin-left: 30px;}
#col3 {margin-left: 30px;}
#col1 h3, #col2 h3, #col3 h3 {
	background: transparent url(../images/3boxtop.png) no-repeat top left;
	width:260px;height:15px;margin:0;padding:0;}	
#col1 h4, #col2 h4, #col3 h4 {	
	background: transparent url(../images/3boxbtm.png) no-repeat top left;
	width:260px;height:21px;margin:0;padding:0;}	
	
#col1 h3 span, #col2 h3 span, #col3 h3 span, #col1 h4 span, #col2 h4 span, #col3 h4 span, #pageHeader h1 span {display:none;}

.boxback {width:260px; height:200px;background: transparent url(../images/newback.png) repeat-y top left;padding:0;}
.boxback p {margin:5px 20px 0px 20px; }	
#tag1 p, #tag2 p, #tag3 p {margin:0px 0px 0px 50px;}



/*office*/
#folder {position:relative;width:890px;height:629px;top:23px;left:-15px;background: url(../images/backs/pad.png) top center no-repeat;padding-top:10px}
.pageleft {position:relative;margin:10px 0px 0px 40px;width:350px;}
.pageright {position:absolute;top:15px;right:10px;width:400px;height:625px;background:url(../images/backs/doodle99.jpg) top right no-repeat;}
.pageright ul{float:right;width:350px;margin:25px 20px 5px auto;margin-bottom:5px;line-height:3em;}
.pageright li {
font-size:1.1em;
line-height:2.2em; 
margin:0; padding:0 0 4px 24px; 
background-image:url(/images/star.gif); 
background-repeat:no-repeat; 
background-position:1px 4px; }
#officepage #intro {height:130px;background: transparent url(../images/heads/treewood2.png) top right no-repeat;}


/*work*/
#workpage #intro {height:130px;background: transparent url(../images/heads/ sticker3.png) top right no-repeat;}

#board {position:relative;width:890px;height:665px;top:23px;left:-15px;background: url(../images/backs/ board4.jpg) top center no-repeat;}
#work1{float:left; width:250px;height:364px;margin:35px 5px 0px 50px;background:url(../images/backs/polaroid02.png);}
#work2{float:left; width:279px;height:378px;margin-top:35px;background:url(../images/backs/polaroid20.png);}
#work3{float:left; width:262px;height:381px;margin-top:35px;background:url(../images/backs/polaroid03.png);}

#workp1 {position:relative;top:204px; left:45px;width:180px;}
#workp2 {position:relative;top:240px; left:50px;width:180px;}
#workp3 {position:relative;top:235px; left:50px;width:170px;}
#work4 h2 {
	height:252px;width: 192px;
	position:absolute;left:800px;top:60px;
	background-image: url(../images/pen99.png);
	}
#workpage h2{color:#006699;}

/*contact page*/
#contactpage #col1, #contactpage #col2, #contactpage #col3 {margin-top:90px;}
#contactpage #glass {left:-15px;}
#contactpage .boxback {height:220px;}
#contactpage h2 {font-size:1.2em;color:#669900;} /*#8CC63E*/
#contactinfo {list-style:none;margin-left:25px;line-height:2em;}
#contactinfo li a {padding:0px 0px 5px 0px;color:#666;}



/* form */

form {margin:0;padding:0;display:inline;}
textarea {background:url(/images/post2.jpg) no-repeat left top;}

/*input,select,textarea{font-family : Cambria, Georgia, "Palatino Linotype", Palatino; font-size:13px;}*/

textarea:focus, input:focus {
	border: 2px solid #900;
}

div.formcontainer {position:absolute;left:625px;}
.form-label{height:15px;margin:1em 0 0; border:none;}

input#name,input#email,input#phone{
width:180px;height:27px;
background:url(/images/backs/slash.gif) left top;
border:none;padding:5px 0px 0px 20px;
}

textarea#message{
	position:absolute;
    top:0px;left:-300px;	
    width:190px;height:190px;
    border:none;padding:30px 20px 10px 20px;
	line-height:1.25;
	margin:0;overflow: auto;}

/*Button*/
.buttonSubmit, .buttonSubmitHovered {
	width:100px;
	height:35px;
	margin-top:10px;
	margin-left:50px;
	color:#669900;
	font-weight:bold;
	padding:2px 5px;
	background:url(/images/butt/send.jpg) no-repeat left top;
	cursor:pointer;
	border:none;
}
.buttonSubmitHovered {
	background-position:left bottom;
}

div.message {margin: 10px 0px;}
div.message ol li{clear: both;	margin: 0 0 1em;}
div.message ol li p{float: right;margin: .3em 0 .5em;padding: 0 0 .5em;}

/* LINKS*/

#menu ul { list-style:none; margin:0; padding:0 10px;  }
#menu li { float:left; }
#menu li a span, #menu li a em { display:none; }
#menu li a { display:block; height:42px; width:173px; background-position:center top; padding:0px 0px 0px 0px;}
#menu li a:hover span {display: block; position: relative; width:173px; height:42px; 
					  top:0px; z-index: 1;background-position:0 -42px}
#menu li a:active {background-position:0 -42px;}
		
#menu li#home a, #menu li#home a:hover span { background-image:url(/images/butt/homebutton.png); }
#menu li#office a, #menu li#office a:hover span, #menu li#office a:active span { background-image:url(/images/butt/officebutton.png); }
#menu li#work a, #menu li#work a:hover span { background-image:url(/images/butt/workbutton.png); }
#menu li#play a, #menu li#play a:hover span { background-image:url(/images/butt/playbutton.png); }
#menu li#contact a, #menu li#contact a:hover span { background-image:url(/images/butt/contactbutton.png); }

.navbar {position:absolute;top:100px;
	z-index:101;font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;font-weight:bold;text-align:center;
	padding:0px 20px 0px 20px;height:45px;width:880px;}
	
#homepage a {text-decoration:none; white-space:nowrap; padding:0; color:#669900;font-weight: bold;}

	
/*Office Page Links*/
#officepage #menu li#home a, #officepage #menu li#home a:hover span { background-image:url(/images/butt/office_home.png); }
#officepage #menu li#office a, #officepage #menu li#office a:hover span, #officepage #menu li#office a:active span { background-image:url(/images/butt/office_office.png); }
#officepage #menu li#work a, #officepage #menu li#work a:hover span {background-image:url(/images/butt/office_work.png); }
#officepage #menu li#play a, #officepage #menu li#play a:hover span {background-image:url(/images/butt/office_play.png); }
#officepage #menu li#contact a, #officepage #menu li#contact a:hover span {background-image:url(/images/butt/office_contact.png); }

/*work Page Links*/
#workpage #menu li#home a, #workpage #menu li#home a:hover span { background-image:url(/images/butt/work_home.png); }
#workpage #menu li#office a, #workpage #menu li#office a:hover span, #workpage #menu li#office a:active span { background-image:url(/images/butt/work_office.png); }
#workpage #menu li#work a, #workpage #menu li#work a:hover span {background-image:url(/images/butt/work_work.png); }
#workpage #menu li#play a, #workpage #menu li#play a:hover span {background-image:url(/images/butt/work_play.png); }
#workpage #menu li#contact a, #workpage #menu li#contact a:hover span {background-image:url(/images/butt/work_contact.png); }

	


/* BOX TITLES and IMAGES*/
/* p width changes in relation to background image placement and size*/
#tag1, #tag2, #tag3 {width:225px; height:52px;margin:0px 0px 0px 15px;}
#tag1 {width:270px; height:88px;background: transparent url(../images/heads/thinHeader.png) no-repeat top left;}
#tag2 {width:227px; height:67px;background: transparent url(../images/heads/design.png) no-repeat top left;}
#tag3 {width:230px; height:67px;background: transparent url(../images/heads/create.png) no-repeat top left;}

.post {
	background: url(images/postBG.jpg) #FFFFFF;
	opacity:0.8;
	width: 600px;
	margin:20px 0 30px 0;
	padding: 20px;
}
.post .entry-title {
	margin:-50px 0 -75px -50px;
	height:80px;
	width:660px;
	display:block;
	position:absolute;
	z-index:5;
}
.post .entry-title a {
	position:relative;
}
.post h2 {
	background:url(images/headerTape.png) no-repeat top left;
	height: 100%;
	width: 100%;
	font-size:1.3em;
	padding: 15px;
}




.box, .workbox, .boxphoto {
	position:relative;
	background: url(../images/backs/postBG.jpg) #FFFFFF;
	float:left;
	width:210px;
	height: 240px;
	margin: 70px 0px 20px 35px;
	padding:20px;
	opacity: 0.9;
	font-size:0.8em;
}


.workbox {margin-top:50px;}

.box .tapehead, .workbox .tapehead, .workbox .tapeheadphoto{
	margin:-60px 0 30px -40px;
	height:60px;
	width:270px;
	display:block;
	position:absolute;
	z-index:5;
}

.boxphoto {width:440px;}

.tapeheadphoto{margin:-60px 0 30px 80px;height:80px;}

.box h2, .workbox h2, .boxphoto h2, .box h1, .workbox h1, .boxphoto h1{
	background:url(../images/heads/thinHeader.png) no-repeat top left;
	height: 100%;
	width: 100%;
	line-height: 1em;
	font-size:2.5em;
	padding: 20px 0px 0px 25px;
}

.box .webhead h1 {
background-image:none;
padding:0;
}




.workbox img {padding-top:5px;}
.boxphoto img {margin-top:-40px;}

.boxtext {padding-top:20px;}
.worktext {padding-top:0px; text-align:left;}
.box p {margin:10px 8px -3px 5px;padding-right:5px;width:200px;font-size:1.2em;}





.box .tapehead a {
	position:relative;
}

.webhead {
width:205px;
color:black;}

.box .thumbnail {
	display:block;
}

.post-bottom {
	position: absolute;
	bottom: 20px;
}

.box h3 {font-size:1.3em;colour:green; margin:7px 0px -10px 5px;}

/* SITE MAP */


#sitemap {
	width:450px;
	padding-top:50px;
	margin-left:200px;
}


#sitemap li {
	list-style-type: none;
	margin-bottom: -2px;
}

ul#sitemap > li {
	margin-bottom: 10px;
}

#sitemap ul {
	margin-left: 40px;
}

#sitemap ul li {
	list-style-image: url("images/l2_normal.gif");
	margin-top: -2px;
}

#sitemap ul ul li {
	list-style-image: url("images/l3_normal.gif");
}

#sitemap ul li.firstfollow {
	list-style-image: url("images/l2_first_follow.gif");
	margin-top: 0px;
}

#sitemap ul li.last {
	list-style-image: url("images/l2_last_item.gif");
}

#sitemap ul li.last ul li {
	list-style-image: url("images/l3_normal_no_l2.gif");
}

#sitemap ul li.last ul li.firstfollow {
	list-style-image: url("l3_first_follow_no_l2.gif");
	margin-top: 0px;
}

#sitemap ul li.last ul li.last {
	list-style-image: url("images/l3_last_item_no_l2.gif");
}

#sitemap ul ul li.firstfollow {
	list-style-image: url("images/l3_first_follow.gif");
	margin-top: 0px;
}

#sitemap ul ul li.last {
	list-style-image: url("images/l3_last_item.gif");
}



#footer a{color:#FFFFCC;}