﻿body { font-family : verdana; font-size: 10pt; background-image: url(images/bg.jpg)}

h1 {font-size: 14pt; padding: 0px; margin: 0px;}

.menu {font-size: 12pt; font-weight : bold }
.search { color: #aaaaaa}
.footer { font-size: 10pt}
.searchPadding {padding: 5px}
.newsletterHorizontalBox {background-image: url(Images/offerblank.jpg); background-repeat : no-repeat;}

.alternatingRow { background-color : #f6d28e }
.header {background-color: #ff9933; color: White; font-weight: bold; padding: 3px}
.greybar 
{
	background-color:#cbcbcb;
	background-position:center;
	background-image: url(greyglass.gif);
	width: 865px;
}
/*START MAIN SITE LAYOUT*/

.bullet
{float: left; display: inline-block; margin: 0px 5px 5px 0px}

.bulletListText
{float: left; position: relative; top: 0px; left: 5px; display: inline-block}

#container
{width: 1000px; height: 1000px; margin: 0px auto 0px auto}

#header
{width: 100%; height: 151px; background-image: url(images/layout_01.jpg);}

.headerText
{float: left; width: 800px; height: auto; margin: 5px 0px 0px 0px; text-align: center}

#main
{width: 100%; height: auto; background-image: url(images/layout_02.jpg); display: inline-block}

#footer
{width: 100%; height: 39px; background-image: url(images/layout_03.jpg); text-align: center; padding: 15px 0px 0px 0px}


/* START MENU LAYOUT*/
#menuContainer
{width: 743px; height: 38px; background-image: url(images/menuBg.jpg); z-index:2;
 position: relative; margin: 0px 0px 0px 1px; font-family: Verdana; color: #696968; font-size: 10pt;
 font-weight: bold;}

#menuContainer a
{text-decoration: none; color: black}

#menuContainer a:hover
{text-decoration: none; color: white}
 
.menuItem
{width: auto; height: 28px; margin: 0px 5px 0px 5px; padding: 10px 10px 0px 5px; float: left; vertical-align: middle;
 background-image: url(images/spacer.jpg); background-repeat: no-repeat; background-position: right; background-color: Transparent }

.menuItem:hover
{background-color: black;}

.menuItemSearch
{width: auto; height: auto; margin: 6px 10px 0px 0px; float: left; vertical-align: middle;}

/* END MENU LAYOUT*/

#columnLeft
{width: 230px; height: 100%; float: left;}

#columnMain
{width: 518px; height: 100%; float: left; margin: 7px 10px 0px 10px}


#mainTop
{width: 518px; height: 20px; background-image: url(images/mainColumn_01.jpg)}

#mainMain
{width: 518px; height: auto; background-image: url(images/mainColumn_02.jpg); display: inline-block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

#mainInfo
{width: 500px; height: auto; text-align: left; margin: 0px 0px 0px 12px; padding: 0px 0px 0px 0px;}

#mainBase
{width: 518px; height:19px; background-image: url(images/mainColumn_03.jpg)}


#columnRight
{width: 230px; height: 100%; float: left; position: relative; top: -38px; left: 2px}

/*END MAIN SITE LAYOUT*/


/*START BOXES*/

/*### START NIGEL BOX ###*/
.nigelContainer
{width: 220px; height: auto; margin: 0px 0px 0px 6px; z-index: 1; position: relative;
 font-family: Verdana; color: #696968; font-size: 10pt}

.nigelTop
{width: 220px; height: 215px; background-image: url(images/topLeft_01.jpg)}

.nigelBase
{width: 220px; height: 121px; background-image: url(images/topLeft_02.jpg)}

.nigelText
{padding: 0px 5px 0px 15px; position: relative;}

.nameTag
{width: 162px; height: 142px; background-image: url(images/nameTag.jpg); z-index:2; position: relative; margin: 0px 0px 0px 0px;}
/*### END NIGEL BOX ###*/


/*### START SLIM BOX ###*/
.slimBoxContainer
{width: 220px; height: auto; margin: 20px 0px 0px 6px}

.slimBoxHeader
{width: 100%; height: 66px; background-image: url(images/slimBox_01.jpg)}

.slimBoxMain
{width: 100%; height: auto; background-image: url(images/slimBox_02.jpg)}

.slimBoxFooter
{width: 100%; height: 20px; background-image: url(images/slimBox_03.jpg)}

.slimBoxTitle
{padding: 10px 20px 0px 20px; font-weight: bold; font-size: 18px; font-family: Verdana; color: #ff7800; text-align: center}

.slimBoxText
{padding: 0px 5px 0px 10px;}
/*### END SLIM BOX ###*/


/*### START BLOG BOX ###*/
.blogBoxContainer
{width: 491px; height: auto}

.blogBoxHeader
{width: 100%; height: 81px; background-image: url(images/blog_01.jpg);
 font-weight: bold; font-size: 18px; font-family: Verdana; color: #ff7800}

.blogBoxMain
{width: 100%; height: 120px; background-image: url(images/blog_02.jpg)}

.blogBoxFooter
{width: 100%; height: 23px; background-image: url(images/blog_03.jpg)}

.blogTitle
{width: 315px; height: auto; margin: 0px 0px 0px 50px; float: left}

.blogComments
{width: 99px; height: 50px; margin: 0px 0px 0px 0px; padding: 10px 0px 0px 0px; float: right;
 font-weight: bold; font-size: 11px; font-family: Verdana; color: #ff7800; text-align: center}

.blogText
{width: 62%; height: auto; font-size: 11px; font-family: Verdana; color: #696968; margin: 0px 0px 0px 180px} 

.blogReadMore
{margin: 0px 0px 0px 100px}

.blogNigel
{width: 144px; height: 136px; background-image: url(images/nigelBlog.jpg); margin: -114px 0px 0px 15px; float: left;
 position: relative; z-index:1;}

/*### END BLOG BOX ###*/


/*### START OFFER BOX ###*/
.offerBox
{width: 491px; height: 43px; background-image: url(images/offerBg.jpg); margin: 10px 0px 10px 0px}

.offerText
{width: 70%; height: auto; margin: 0px 5px 3px 50px; padding: 5px 0px 0px 0px; float: right}
/*### END OFFER BOX ###*/

/*### START FREE VIDEO BOX ###*/
#freeVideo
{width: 220px; height: 225px; background-image: url(images/freeVideo.jpg); margin: 0px 0px 0px 0px;}

#freeVideoText
{width: 130px; height: auto; padding: 35px 0px 0px 65px; font-weight: bold}
/*### END FREE VIDEO BOX ###*/

/*END BOXES*/

.salesStagesLinks 
{width: 430px; height: 76px; background-image: url(images/banner.jpg); color: white; font-size : 16pt}

.salesStagesLinks a
{color: white} 

.salesStagesText
{width: 96%; height: auto; padding: 28px 0px 0px 10px}

.frontThree {float: left; display: inline-block }