/* www.smarterthinking.biz */
/* Copyright 2008 John Madgwick (www.MajicWebDesign.co.uk) */

/* --- The Colours --- (http://www.wellstyled.com/tools/colorscheme2)
Olive       Gray
#C3CF21     #887F6F
#899117
#FBFFC9
#F8FF94

Purple
#A821CF
#761791
#F3C9FF
#E794FF

Red
#CF2153
#91173A
#FFC9D9
#FF94B2

Green
#3ACF21
#299117
#D1FFC9
#A3FF94

*/
BODY
{
	margin: 0; padding: 0;
	font: 80% "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
	color: #000; background-color: #fff;
}

DIV.central
{
	margin: 0 auto; padding: 0;
	width: 770px; /* No horizontal scrollbar at 800x600 */
	text-align: left;
}

H1, H2, H3, H4, 
H1 A, H2 A, H1 A:visited, H2 A:visited
{
    color: #899117;
    margin-top:0.5em;
    text-decoration:none;
}

A IMG { border-width:0 }

/* ***** HEADER ***** */
DIV#header
{
    width: 100%; height: 105px;
    /*background-color: #FBFFC9;*/
}
DIV#header #headerLogo
{
    float: left;
    padding: 0; margin: 0;
}
DIV#header #slogan
{
    float: right;
    font-size: 25px; font-weight:bold;
    color: #899117;
    margin-top:0.5em;
    padding: 0; margin: 0;
    height: 105px;
    background-image: url(CreamGreen/HeaderSilhouette.gif);
    background-position: bottom center;
    background-repeat: no-repeat;
}

/* ***** MAIN BODY ***** */
.em
{
    font-style: italic; font-size: 115%;
    color: #899117;
}

.small { font-size:85% }

IMG.right, DIV.right
{
    float: right;
    border: solid 1px #899117;
    padding: 4px;
    margin: 0 0 4px 4px;
}

A         {color:#91173A}
A:visited {color:#761791}
A.more:visited { color: #000000; }
A:hover   {color:#CF2153}
A:active  {color:#299117}

Q { display:block; font-style:italic; }

UL.tick LI { list-style-image:url(../images/tick.gif); line-height:18px; }

/* ***** MENU ***** */
DIV.menu
{
    border-color: #899117; border-style: solid; border-width: 1px 0;
    /*background-color: #FBFFC9;*/
    margin-bottom: 1em;
}

DIV.menu UL
{
    margin: 0 auto; padding: 0;
    list-style-type: none;
    white-space: nowrap;
}

DIV.menu UL LI
{
    float: left;
    font-weight: bold;
    margin: 0; padding: 4px 0;
}

DIV.menu A, DIV.menu A:link, DIV.menu A:visited
{
    margin: 0; padding: 4px 8px;
    color: #887F6F;
    border-right: 1px dashed #C3CF21;
    text-decoration: none;
}

DIV.menu A.home { border-left: 1px dashed #C3CF21; }

DIV.menu LI.usa
{
    background-image: url(../images/menu-usa.jpg);
}

DIV.menu LI.current
{
    background-color: #C3CF21;
    background-image: url(CreamGreen/MenuCurrent.gif);
}

DIV.menu A:hover
{
    background-color: #899117;
    color: #fff;
}
DIV.menu A.lastItem
{
    border-width:0;
}

/* ***** FEATURES ***** */
DIV.feature 
{
    clear: both;
    margin: 25px; padding: 5px 5px 5px 130px;
    background-color: #FBFFC9;
}

DIV.feature IMG
{
    float:left; 
    margin-left: -125px; padding: 4px; 
    background-color: #fff; 
    border: solid 1px #899117;
}

DIV.feature H2, DIV.feature P
{
    margin:0;
    padding-right:90px;
}


/* ***** CONTENT BOXES ***** */
DIV.package
{
    width: 240px; height: 250px;
    float: left; position: relative;
    margin-top: 25px; margin-bottom: 25px;
}
DIV.package H2 
{
    margin: 0; padding: 10px 0 0 0;
    color: #fff;
    text-align: center;
    height: 40px;
}
DIV.package P
{
    margin: 0; padding: 0 5px;
}
DIV.package UL
{
    list-style-type: square;
    margin-top: 0;
}
DIV.package UL LI
{
}


.p2, .p3 
{
    margin-left: 25px;
}

/* .p1 { background-color: #E794FF; } */
/* .p1 H2 { background-color: #761791; } */
DIV.p1 
{ 
    background-image: url(CreamGreen/Package-Box-Purple.jpg); 
    background-repeat: no-repeat;
    border-bottom: solid 2px #A821CF;
    background-color: #F3C9FF;
}

DIV.p2
{ 
    background-image: url(CreamGreen/Package-Box-Red.jpg); 
    background-repeat: no-repeat;
    border-bottom: solid 2px #CF2153;
    background-color: #FFC9D9;
}

DIV.p3
{ 
    background-image: url(CreamGreen/Package-Box-Green.jpg); 
    background-repeat: no-repeat;
    border-bottom: solid 2px #3ACF21;
    background-color: #D1FFC9;
}

A.more 
{
    display:block; width:80px; height:32px;
    float:right; color: #000;
    background:url(CreamGreen/MoreOlive.gif);
    font-size:15px; line-height:32px; 
    text-decoration:none;
    font-weight: bold;
    text-indent: 8px; margin:0;
}

DIV.p1 A.more { background:url(CreamGreen/MoreMagenta.gif); margin-right:5px; }
DIV.p2 A.more { background:url(CreamGreen/MoreRed.gif); margin-right:5px; }
DIV.p3 A.more { background:url(CreamGreen/MoreGreen.gif); margin-right:5px; }


A.more:hover { background: url(CreamGreen/MoreOlive.gif); }
DIV.feature A.more:hover { background:url(CreamGreen/MoreRed.gif); }

/* ***** CONTACT ***** */
ADDRESS { font-style:normal; }
UL.contact { font-size:115%; }
UL.contact LI { margin-bottom:1em; padding-left:1em; }
LI.mobile { list-style-image:url(../images/phone.gif); }
LI.email { list-style-image:url(../images/email.gif); }
LI.address { list-style-image:url(../images/house.gif); }
LI.phone { list-style-image:url(../images/telephone.gif); }
LI.fax { list-style-image:url(../images/fax.gif); }
LI.skype { list-style-image:url(../images/skype.gif); }

INPUT.text, TEXTAREA.text { width:230px; border:1px solid #899117; margin-bottom:0.5em; }


/* ***** FOOTER ***** */
DIV#footer
{
    clear: both;
    border-top: solid 1px #899117;
    width: 100%; height: 80px;
    margin-top: 2em;
    /* background-color: #FBFFC9; */
}

DIV#footer SPAN.mobile { background: url(../images/phone.gif) left center no-repeat; padding-left:20px; }
DIV#footer SPAN.email { background: url(../images/email.gif) left center no-repeat; padding-left:20px; }
DIV#footer SPAN.phone { background: url(../images/telephone.gif) left center no-repeat; padding-left:20px; }

DIV#vrn { clear:both; text-align:center; font-size:90%; }
DIV#vrn SPAN { padding-right:40px; }