* { padding: 0; margin: 0; }

html, body { min-height: 100.1%; }

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 62.8%;
background-color:#222222;
background-image:url(http://www.nightphotographer.co.uk/images/background.jpg);
}

/* ----------------------------------------------------TEXT */

p {
font-size:1.2em;
color:#666666;
}

h1 {
font-size:1.2em;
color:#444444;
margin-bottom:4px;
}

h2 {
font-size:1.8em;
color:#444444;
margin-bottom:4px;
}

.textinput {
background-color:#111111;
border: 1px solid #333333;
font-family: Arial, Helvetica, sans-serif;
color:#999999;
font-size: 1.0em;
padding: 1px;
margin-top:3px;
margin-bottom:3px;
}

textarea {
background-color:#111111;
border: 1px solid #333333;
font-family: Arial, Helvetica, sans-serif;
color:#999999;
font-size: 0.9em;
padding: 1px;
width:75%;
margin-top:3px;
margin-bottom:3px;
}
label {
float: left;
width: 60px;
text-align: left;
margin-top:3px;
}

a:link {
text-decoration:underline;
color:#666666;
font-size:1.1em;
}

a:visited {
text-decoration:underline;
color:#666666;
font-size:1.1em;
}

a:hover {
text-decoration: none;
color: #666666;
font-size:1.1em;
}

a:active {
text-decoration:none;
color:#666666;
font-size:1.1em;
}

img.border {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}

img.border1 {
margin-bottom:3px;
margin-left:6px;
margin-right:6px;
margin-top:4px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}

img.fleft {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
float:left;
margin-right:10px;
margin-top:2px;
}

img.fright {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
float:right;
margin-left:10px;
margin-top:2px;
}

/* ----------------------------------------------------WRAPPER */

#wrapper {
width:900px; 
margin: 0 auto;
margin-top:80px;
}

/* ----------------------------------------------------TOP */

#header { 
width:900px;
height:150px;
}

#leftcolumntop {
color:#ffffff;
background-color:#111111;
height: 128px;
width: 278px;
float: left;
padding: 10px;
border: 1px solid #232323;
}

#leftmiddletop {
color:#ffffff;
background-color:#111111;
height: 128px;
width: 278px;
float: left;
padding: 10px;
border: 1px solid #232323;
}

#rightcolumntop {
color:#ffffff;
background-color:#111111;
height: 128px;
width: 278px;
float: left;
padding: 10px;
border: 1px solid #232323;
}

#box { 
color:#ffffff;
background-color:#111111;
height: 278px;
width: 876px;
padding-bottom:10px;
padding-left:11px;
padding-right:11px;
padding-top:10px;
border: 1px solid #232323;
}

/* ----------------------------------------------------SLIDE */

#slide { 
width:900px;
}

#topbox{
width:900px;
height:20px;
}
#heading {
font-size:1.2em;
width:450px;
float:left;
}

#menu {
font-size:1.2em;
width:450px;
float:right;
text-align:right;
margin-bottom:3px;
}

#menu a:link {
text-decoration:none;
color:#666666;
font-size:1.0em;
}

#menu a:visited {
text-decoration:none;
color:#666666;
font-size:1.0em;
}

#menu a:hover {
text-decoration:underline;
color: #666666;
font-size:1.0em;
}

#menu a:active {
text-decoration:none;
color:#666666;
font-size:1.0em;
}

#menu p {
font-size:1.1em;
color:#666666;
}

#heading * {
display: inline;
padding: 2px;
/* user-select: none; */
cursor: pointer;
vertical-align: middle;
color:#999999;
}

#heading li.active {
text-decoration:underline;
}

#content { 
/* PLACE A GAP BETWEEN # AND CONTENT TO VIEW LAYOUT BETTER IN DREAMWEAVER
BUT REMEMBER TO DELETE IT ONCE FINISHED OR IT WONT VALIDATE */
float: left; 
width: 4500px; 
}

#panes {
overflow: hidden;
text-align: justify;
border-style: none;
width: 900px; 
margin: 0 auto 0 auto;
}

#panes div div { overflow: hidden; }	
#previous { float: none; cursor: pointer; }
#next { float: none; cursor: pointer; }

/* ----------------------------------------------------PANE 1 */

#pane1 { overflow: hidden; float: left; width: 900px; }	

#leftcolumn1 {
color:#ffffff;
background-color:#111111;
height: 128px;
width: 278px;
float: left;
padding: 10px;
border: 1px solid #232323;
}

#leftmiddle1 {
color:#ffffff;
background-color:#111111;
height: 128px;
width: 278px;
float: left;
padding: 10px;
border: 1px solid #232323;
}

#rightcolumn1 {
color:#ffffff;
background-color:#111111;
height: 128px;
width: 278px;
float: left;
padding: 10px;
border: 1px solid #232323;
}

/* ----------------------------------------------------PANE 2 */

#pane2 { overflow: hidden; float: left; width: 900px; }

#leftcolumn2 {
color:#ffffff;
background-color:#111111;
height: 128px;
width: 278px;
float: left;
padding: 10px;
border: 1px solid #232323;
}

#leftmiddle2 {
color:#ffffff;
background-color:#111111;
height: 128px;
width: 278px;
float: left;
padding: 10px;
border: 1px solid #232323;
}

#rightcolumn2 {
color:#ffffff;
background-color:#111111;
height: 128px;
width: 278px;
float: left;
padding: 10px;
border: 1px solid #232323;
}	

/* ----------------------------------------------------PANE 3 */

#pane3 { overflow: hidden; float: left; width: 900px; }

#leftcolumn3 {
color:#ffffff;
background-color:#111111;
height: 128px;
width: 278px;
float: left;
padding: 10px;
border: 1px solid #232323;
}

#leftmiddle3 {
color:#ffffff;
background-color:#111111;
height: 128px;
width: 278px;
float: left;
padding: 10px;
border: 1px solid #232323;
}

#rightcolumn3 {
color:#ffffff;
background-color:#111111;
height: 128px;
width: 278px;
float: left;
padding: 10px;
border: 1px solid #232323;
}	

/* ----------------------------------------------------PANE 4 */

#pane4 { overflow: hidden; float: left; width: 900px; }	

#leftcolumn4 {
color:#ffffff;
background-color:#111111;
height: 128px;
width: 278px;
float: left;
padding: 10px;
border: 1px solid #232323;
}

#leftmiddle4 {
color:#ffffff;
background-color:#111111;
height: 128px;
width: 278px;
float: left;
padding: 10px;
border: 1px solid #232323;
}

#rightcolumn4 {
color:#ffffff;
background-color:#111111;
height: 128px;
width: 278px;
float: left;
padding: 10px;
border: 1px solid #232323;
}

/* ----------------------------------------------------PANE 5 */

#pane5 { overflow: hidden; float: left; width: 900px; }	

#leftcolumn5 {
color:#ffffff;
background-color:#111111;
height: 128px;
width: 278px;
float: left;
padding: 10px;
border: 1px solid #232323;
}

#leftmiddle5 {
color:#ffffff;
background-color:#111111;
height: 128px;
width: 278px;
float: left;
padding: 10px;
border: 1px solid #232323;
}

#rightcolumn5 {
color:#ffffff;
background-color:#111111;
height: 128px;
width: 278px;
float: left;
padding: 10px;
border: 1px solid #232323;
}	

/* ----------------------------------------------------BOTTOM */

#bottom { 
width:900px;
height:150px;
}

/* ----------------------------------------------------BOTTOM BOXES */

#leftcolumn {
color:#ffffff;
background-color:#111111;
height: 128px;
width: 278px;
float: left;
padding: 10px;
border: 1px solid #232323;
}

#leftmiddle {
color:#ffffff;
background-color:#111111;
height: 128px;
width: 278px;
float: left;
padding: 10px;
border: 1px solid #232323;
}

#rightcolumn {
color:#ffffff;
background-color:#111111;
height: 128px;
width: 278px;
float: left;
padding: 10px;
border: 1px solid #232323;
}

#footer {
color:#ffffff;
margin-top:5px;
width: 900px;
}

#footer a:link {
text-decoration:underline;
color:#444444;
font-size:1.0em;
}

#footer a:visited {
text-decoration:underline;
color:#444444;
font-size:1.0em;
}

#footer a:hover {
text-decoration: none;
color: #444444;
font-size:1.0em;
}

#footer a:active {
text-decoration:none;
color:#444444;
font-size:1.0em;
}

#footer p {
color:#444444;
font-size:1.0em;
margin-bottom: 10px;
}