/* ############   lotuspool.css - Created: 28.03.2005 Last modified:16.07.2005 ############# */
/* ############   Author: Simon Moss: lotuspool - www.lotuspool.co.uk ############# */
/*div
{
border:solid 1px #f00;
} 
 ##### DIV BORDER TEST ###### */
html, body
{
width:100%;
height:100%;
margin:0;
padding:0;
}
body
{
background-color:#000;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
letter-spacing:1px;
}
/* ###  START HOME PAGE ##################################################### */
#mainhome /* home page only */
{
width:99%; /* stop horizontal scrollbar */
margin:0;
padding:0;
padding-top:110px;
text-align:center;
}
#rollovershome
{
width:570px;
padding-top:56px;
}
html>body #rollovershome
{
width:550px;
margin:0 auto;
}
#rollovershome .rollbox
{
margin-left:12px;
margin-right:12px;
}
/* ###  END HOME PAGE ####################################################### */
#wrapper
{
width:99%; /* stop horizontal scrollbar */
margin:0;
margin-left:4px;
padding:0;
text-align:center;
}
html>body #wrapper /* stop unnecessary vertical scrolling in Moz */
{
border:1px solid #000;
}
#main
{
text-align:left;
margin-top:16px;
}
html>body #main
{
margin:0 auto;
margin-top:16px;
}
#logobox
{
float:left;
margin-right:20px;
}

/* ###  START ROLLOVERS ##################################################### */
#navigation
{
text-align:center;
}
html>body #navigation
{
margin:0 auto;
}
#rollovers
{
width:760px;
text-align:center;
}
html>body #rollovers
{
width:760px;
margin:0 auto;
}
.rollbox
{
float:left;
width:84px;
margin-left:10px;
margin-right:10px;
font-size:0.85em;
text-align:center;
}
.rollbox a
{
text-decoration:none;
}
.rollbox a:hover
{
color:#fff;
}
.rollbox p
{
margin-top:2px;
}
html>body .rollbox p
{
margin-top:4px;
}
/* ###  START ROLLOVER COLOURS ############################################## */
.rollhome
{
color:#56c161;
}
.rollabout
{
color:#ea3800;
}
.rollportfolio
{
color:#eed55e;
}
.rollservices
{
color:#fc9cfe;
}
.rollcontact
{
color:#9fd4f4;
}
/* ###  END ROLLOVER COLOURS ################################################ */

/* ###  END ROLLOVERS ####################################################### */
#contentwrapper
{
clear:both;
width:760px;
text-align:center;
margin:0 auto;
}
#head
{
text-align:left;
margin-top:24px;
}
html>body #head
{
margin:0 auto;
}
#textwrapper
{
height:460px;
text-align:left;
overflow:auto;
}
html>body #textwrapper
{
height:490px;
margin-top:-12px;
}
/* ###  START TEXT ########################################################## */
#text1
{
float:left;
width:45%;
}
#text2
{
margin-left:24px;
float:left;
width:45%;
}
#text1, #text2
{
font-size:0.9em;
line-height:1.4em;
}
/* ###  END TEXT ############################################################ */
/* ###  START ############################################################ */
#thumbs
{
height:460px;
text-align:left;
overflow:auto;
}
html>body #thumbs
{
height:490px;
margin-top:-12px;
}
.showcase p
{
margin-right:12px;
line-height:150%;
}
.showcase
{
clear:left;
height:224px;
margin-top:12px;
padding-bottom:6px;
border-bottom:1px solid #fff;
}
.showcase img
{
float:left;
margin-right:12px;
}
.height239
{
height:240px;
}
/* ###  END ############################################################ */

/* ###  START FOOTER ######################################################## */
#footer
{
clear:both;
margin-top:12px;
border-top:1px solid #666;
border-bottom:1px solid #666;
font-size:0.8em;
line-height:1.3em;
height:8em;
}
#leftfooter
{
float:left;
margin-left:2em;
}
#rightfooter
{
float:right;
margin-right:2em;
}
#leftfooter, #rightfooter
{
margin-top:0.6em;
}
#whitelink
{
color:#fff;
margin-left:3em;
}
.linkwhite
{
color:#fff;
}
.linkwhite:hover
{
color:#54d8a8;
}
.indentfour
{
margin-left:3.8em;
}
/* ###  END FOOTER ########################################################## */

img
{
border:0;
}
.whitelink
{
color:#fff;
}
.whitelink:hover
{
color:#9fd4f4;
}