/* ----------------------------------------

designed and coded by Adam Heath
version: 4.1
date: 31/12/08
email: info@vivacreative.co.uk
web: www.vivacreative.co.uk

copyright vivacreative 2009
all rights reserved :: vivacreative


-----------------------------------------*/

* { margin:0; padding:0; }

html {  margin:0px; padding:0px; border:none; font-family:Helvetica,Arial,sans-serif; font-size:11px; color:#5e5e5e; }
img { border:none; }
body { background-color:#9e9e9e; background-image:url(../images/bg2.jpg); background-repeat:no-repeat; background-position:top center; height:100%; }

#nextEverything { display:none; position:absolute; top:1px; left:1px; margin:200px 0px 0px 200px; }
#hayley { width:400px; margin-left:auto; margin-right:auto; }
#everything { float:left; }

#news { font-family:Helvetica, Arial, sans-serif; float:right; width:300px; margin:20px 0px 0px 0px; }
#news h1 { font-size:18px; color:#000000; font-weight:normal; }
#news h2 { font-size:11px; color:#636363; font-weight:normal; }
#news h3 { font-size:12px; color:#ec15a1; font-weight:normal; }
#news p { font-size:11px; color:#636363; margin:0px 0px 10px 0px; }
#news p a { color:#ec15a1; text-decoration:underline; }
#news a { color:#636363; text-decoration:none; }
#news a:hover { text-decoration:underline; }

#page { font-family:Helvetica, Arial, sans-serif; float:right; width:300px; margin:20px 0px 0px 0px; }
#page h1 { font-size:18px; color:#000000; font-weight:normal; }
#page h2 { font-size:11px; color:#636363; font-weight:normal; }
#page h3 { font-size:13px; color:#ec15a1; font-weight:normal; margin:5px 0px 5px 0px; }
#page p { font-size:11px; color:#636363; margin:0px 0px 10px 0px; }
#page p a { color:#ec15a1; text-decoration:underline; }
#page a { color:#636363; text-decoration:none; }
#page a:hover { text-decoration:underline; }

#blog { font-family:Helvetica, Arial, sans-serif; float:right; clear:both; width:300px; margin:10px 0px 0px 0px; }
#blog h1 { font-size:18px; color:#000000; font-weight:normal; }
#blog h2 { font-size:11px; color:#636363; font-weight:normal; }
#blog h3 { font-size:11px; color:#ec15a1; font-weight:normal; }
#blog p { font-size:11px; color:#636363; margin:0px 0px 10px 0px; }

#tempTry { width:1115px; margin-left:auto; margin-right:auto; background:#000000; }

#strip { height:378px; width:100%; background:url(../images/strip.png); margin:200px 0px 0px 0px; }
#strip2 { float:left; height:378px; width:200px; background:url(../images/strip.png); margin:200px 0px 0px 0px; }

#nav { float:right; margin:60px 0px 0px 0px; width:300px; list-style:none; text-transform:uppercase; font-size:9px; }
li { padding:0px 0px 0px 0px; }

#browse { float:right; list-style:none; text-transform:uppercase; font-size:9px; }

.two { margin:60px 310px 0px 0px; }
.one { margin:60px 20px 0px 0px; }

#browse a,#nav a { color:#5e5e5e; text-decoration:none; }
#browse a:hover,#nav a:hover { color:#282828; text-decoration:none; }

#white { float:right; width:461px; height:378px; background:url(../images/white.png); margin:0px 40px 0px 0px; }
#white img { positon:absolute; top:0px; left:0px; }

#spAbout { float:right; width:461px; height:378px; background:url(../images/spAbout.png); margin:0px 40px 0px 0px; }

#content { margin:-140px 0px 0px 0px; }
#content h1 { float:left; font-size:18px; color:#000000; font-weight:normal; margin:20px 0px 10px 0px; }
#content h2 { float:left; clear:both; margin:0px 0px 20px 20px; font-size:14px; color:#ec15a1; font-weight:normal; }
#content h3 { font-size:11px; color:#ec15a1; font-weight:normal; }
#content p { float:left; font-size:11px; color:#636363; height:220px; overflow:auto;}

#content a:hover { background:#ffffff; }
.undoB { float:left; clear:both; margin:20px 0px 0px 20px; color:#ec15a1; }
.undoA { margin:20px 0px 0px 0px; font-size:18px; }

.rc { float:right; }
.rc img { margin:55px 200px 0px 0px; float:right; }

#image { height:378px; overflow:hidden; }

.miniInfo { position:absolute; display:none; margin:10px 0px 0px 10px; }
.miniInfo h2,h3 { font-size:11px; color:#636363; font-weight:normal; }
.miniInfo h3 { color:#a6a6a6; }

#open { width:300px; height:0px; background:#ffffff; float:right; margin:0px 0px 0px 0px; }
#open p { float:left; clear:both; margin:0px 20px 0px 20px; color:#636363; font-size:11px; }
#open h1 { float:left; clear:both; margin:160px 0px 0px 20px; color:#636363; font-size:18px; font-weight:normal; }
#open a { color:#ec15a1; }
#open label { float:left; margin:20px 10px 0px 20px; }

#logo { float:right; width:167px; height:48px; background:url(../images/logo.png); margin:165px 40px 0px 0px; }

.link { float:left; margin:20px 0px 0px 0px; }
.close { float:left; clear:both; margin:10px 0px 0px 48px; }

#mini { position:absolute; bottom:15px; right:15px; height:19px; }
#mini a { float:left; margin:3px 0px 0px 5px; color:#3b3b3b; text-decoration:none; font-size:10px; }
#mini a:hover { text-decoration:underline; color:#ec15a1; }
#mini img { float:left; }
.minitable { float:right; margin:0px 0px 0px 30px; }

#clear { float:left; clear:both; height:100px; }