body {
	background: #ffffff;
	text-align: center;
	margin: 0;
	font-family: verdana;
	font-size: 12px;
	 
	}

p.first{ 
	color: #000000;
	margin: 0px 10px 10px 10px; line-height: 15px;
	 }
	 
	 p.third{ 
	color: #000000;
	margin: 0px 10px 10px 10px; line-height: 15px;
	font-size:10px
	 }
	 
p.second{ 
	color: #000000;
	margin: 0px 10px 10px 20px; line-height: 15px;
	 }



H4.home{
	font-family:verdana;
	font-weight: strong;	
	color: #684102;
	margin: 0px 0px 5px 10px;
	font-size:13px
		}

a.one:link 
{
color:  #81bd00;
font-size: 12px;
}
a.one:visited 
{
color: #81bd00;
}
a.one:hover
{
color: #ff9c00;
}

a.two:link 
{
color: #736a6a;
font-size: 12px;
font-family:verdana;
}
a.two:visited 
{
color: #736a6a
}
a.two:hover
{
color: #736a6a;
text-decoration:none;
}

a.three:link 
{
color: #000000;
font-size: 12px;
font-weight:bold
}
a.three:visited 
{
color: #000000
}
a.three:hover
{
color: #000000;
}

ul.price
{
 
  font-family: verdana;
  font-size: 12px;
  color: #000000;
  list-style-image: url("images/bullet.gif");
  margin: 0 30px 0 -7px;
  }
  
  li.price
{
margin: 1em 0 0 0;
}

#optionshomepage {
}

#optionshomepage ul {
font-family: verdana;
  font-size: 12px;
  color: #000000;
  list-style-image: url("images/bullet.gif");
  margin: 0 10px 10px -15px;
}


#newdiv {
	WIDTH: 492px;
	height: 200px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	
}

#maincontainer {
BACKGROUND: #ffffff; MARGIN-LEFT: auto; WIDTH: 748px; MARGIN-RIGHT: auto; TEXT-ALIGN: left
}
#header {
	FLOAT: left;
	WIDTH: 100%;
	margin: 0px 0px 0px 0px;
	}

#headerleft {
	FLOAT: left; WIDTH: 370px;margin: 0px 0px 0px 0px
}

#headerleft h1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(images/leap-frog-web-design.gif) no-repeat; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 370px; PADDING-TOP: 0px; HEIGHT: 81px
}

#headerleft SPAN {
	DISPLAY: none
}

#headerright {
	 FLOAT: right;  WIDTH: 370px; margin: 0px 0px 0px 0px
}

#headerright h2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(images/right-solution.gif) no-repeat; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 370px; PADDING-TOP: 0px; HEIGHT: 81px
}

#headerright SPAN {
	DISPLAY: none
}


#container {
	FLOAT: left; 
}


#bodypage {
	FLOAT: left;
	width: 535px;
	BORDER-RIGHT: #9c9c9c 0.1em solid;
	BORDER-TOP: #9c9c9c 0.1em solid;
	BORDER-LEFT: #9c9c9c 0.1em solid;
	BORDER-BOTTOM: #9c9c9c 0.1em solid;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

html>body #container {
	FLOAT: left;
	WIDTH: 494px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#mainbanner {
	 FLOAT: left;  WIDTH: 100%; margin: 0px 0px 0px 0px;
}


#mainbanner h3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(images/affordable-solutions.jpg) no-repeat; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 748px; height: 141px;  PADDING-TOP: }

#mainbanner SPAN {
	DISPLAY: none
}

#mainbanner2 {
	 FLOAT: left;  WIDTH: 100%; margin: 0px 0px 0px 0px;
}


#mainbanner2 h3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(images/update_title.jpg) no-repeat; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 748px; height: 141px;  PADDING-TOP: }

#mainbanner2 SPAN {
	DISPLAY: none
}

#mainbanner3 {
	 FLOAT: left;  WIDTH: 100%; margin: 0px 0px 0px 0px;
}


#mainbanner3 h3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(images/questions_title.jpg) no-repeat; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 748px; height: 141px;  PADDING-TOP: }

#mainbanner3 SPAN {
	DISPLAY: none
}

#mainbanner4 {
	 FLOAT: left;  WIDTH: 100%; margin: 0px 0px 0px 0px;
}


#mainbanner4 h3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(images/contact_title.jpg) no-repeat; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 748px; height: 141px;  PADDING-TOP: }

#mainbanner4 SPAN {
	DISPLAY: none
}

#mainbanner5 {
	 FLOAT: left;  WIDTH: 100%; margin: 0px 0px 0px 0px;
}


#mainbanner5 h3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(images/portfolio_title.jpg) no-repeat; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 748px; height: 141px;  PADDING-TOP: }

#mainbanner5 SPAN {
	DISPLAY: none
}

#mainbanner6 {
	 FLOAT: left;  WIDTH: 100%; margin: 0px 0px 0px 0px;
}


#mainbanner6 h3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(images/quote_title.jpg) no-repeat; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 748px; height: 141px;  PADDING-TOP: }

#mainbanner6 SPAN {
	DISPLAY: none
}

#mainbanner7 {
	 FLOAT: left;  WIDTH: 100%; margin: 0px 0px 0px 0px;
}


#mainbanner7 h3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(images/options_title.jpg) no-repeat; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 748px; height: 141px;  PADDING-TOP: }

#mainbanner7 SPAN {
	DISPLAY: none
}

#mainbanner8 {
	 FLOAT: left;  WIDTH: 100%; margin: 0px 0px 0px 0px;
}


#mainbanner8 h3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(images/options_title.jpg) no-repeat; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 748px; height: 141px;  PADDING-TOP: }

#mainbanner8 SPAN {
	DISPLAY: none
}

#mainbanner9 {
	 FLOAT: left;  WIDTH: 100%; margin: 0px 0px 0px 0px;
}


#mainbanner9 h3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(images/options_title.jpg) no-repeat; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 748px; height: 141px;  PADDING-TOP: }

#mainbanner9 SPAN {
	DISPLAY: none
}

#mainbanner11 h3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(images/options_title.jpg) no-repeat; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 748px; height: 141px;  PADDING-TOP: }

#mainbanner11 SPAN {
	DISPLAY: none
}
#mainbanner11 {
	 FLOAT: left;  WIDTH: 100%; margin: 0px 0px 0px 0px;
}



#navcontainer {
	 FLOAT: left; WIDTH: 749px; margin: 0px 0px 0px 0px; height:29px; 
}

html>body #navcontainer {
	 FLOAT: left; WIDTH: 759px; margin: 0px; height:29px;

	
}
#navcontainer ul{ list-style: none; padding: 0px; margin: 0px 0px 0px 0px;padding: 0 0 0 0px;

}

#navcontainer li {
display: inline;

} 

#navcontainer ul li a
{

float: left;

}


#navcontainer ul li a:hover
{
background-position: 0 -29px;
	}
	
#navcontainer ul li a:active {
background-position: 0 -29px;
	}
	
#navcontainer li.selected a{ /*selected tab effect*/
background-position: 0 -29px;
}


#home a  {
	
	background: url(images/homenav.gif) top left no-repeat;
	width: 107px;
	height: 29px;
	}
	
#siteoptions a  {
	
	background: url(images/siteoptionsnav.gif) top left no-repeat;
	width: 107px;
	height: 29px;
	}
	
	#siteupdates a  {
	
	background: url(images/siteupdatenav.gif) top left no-repeat;
	width: 107px;
	height: 29px;
	}
	
	#quotes a  {
	
	background: url(images/quotesnav.gif) top left no-repeat;
	width: 107px;
	height: 29px;
	}
	#portfolio a  {
	
	background: url(images/portfollionav.gif) top left no-repeat;
	width: 107px;
	height: 29px;
	}
	#questions a  {
	
	background: url(images/questionsnav.gif) top left no-repeat;
	width: 107px;
	height: 29px;
	}
#contactus a  {
	
	background: url(images/contactusnav.gif) top left no-repeat;
	width: 106px;
	height: 29px;
	}

#options {
	 WIDTH: 243px; BORDER-RIGHT: #9c9c9c 0.1em solid; BORDER-TOP: #9c9c9c 0.1em solid; BORDER-LEFT: #9c9c9c 0.1em solid; BORDER-BOTTOM: #9c9c9c 0.1em solid; float:right;margin: 10px 0px 10px 0px; height:485px
}

#rightcolumn {
	WIDTH: 200px;
	float:right;
	height:474px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#rightcolumn2 {
	WIDTH: 200px;
	float:right;
	height:575px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#rightcolumn3 {
	WIDTH: 200px;
	float:right;
	height:532px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#rightcolumn4 {
	WIDTH: 200px;
	float:right;
	height:1141px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#rightcolumn5 {
	WIDTH: 200px;
	float:right;
	height:1356px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#thumbnail{ margin: 5px 0px 5px 12px;
}

#optionstoppic{
}

#thumbnailbox{
	BORDER-RIGHT: #9c9c9c 0.1em solid;
	BORDER-TOP: #9c9c9c 0.1em solid;
	BORDER-LEFT: #9c9c9c 0.1em solid;
	BORDER-BOTTOM: #9c9c9c 0.1em solid;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#optionsmainpic{
	WIDTH:223px;
	height:68px;
	FLOAT: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 5px;
}


#priceoptions {
	FLOAT: left; WIDTH: 535px; margin: 10px 0px 10px 0px; height:65px;
}

#updateoptions {
	FLOAT: left;
	WIDTH: 535px;
	height:500px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#quoteresponse {
	FLOAT: left;
	WIDTH: 537px;
	height:442px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#contactresponse {
	FLOAT: left;
	WIDTH: 537px;
	height:442px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#portfoliooptions {
	FLOAT: left;
	WIDTH: 535px;
	height:1325px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#updates {
	 WIDTH: 535px; margin: 10px 0px 10px 0px; height:70px;
}

#portfolioimage {
	WIDTH: 535px;
	height:auto;
	clear:both;
	padding-bottom:20px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 0px;
}

#portfoliobox {
	WIDTH: 535px;
	height:210px;
	clear:both;
}
#updatescopy {float:right; margin: 20px 70px 10px 0px; width:350px
	 
}
#portfoliocopy {
	float:right;
	width:300px;
	margin-top: -14px;
	margin-right: 50px;
	margin-bottom: 40px;
	margin-left: 0px;
	height: auto;
	 
}
#updatesfoto {float:left;
	 
}
#portfoliofoto {float:left; padding-left:10px
	 
}

#priceoptions ul{ list-style: none; padding: 0px; margin: 0px 0px 0px 0px;padding: 0 0 0 10px;

}

#priceoptions li {
display: inline;

} 

#priceoptions ul li a
{

float: left;

}


#priceoptions li a:hover
{
background-position: 0 -66px;
	}
	
#priceoptions ul li a:active {
background-position: 0 -66px;
	}
	
#priceoptions li.selected a{ /*selected tab effect*/
background-position: 0 -66px;
}


#price1 a  {
	
	background: url(images/priceoption1.gif) top left no-repeat;
	width: 104px;
	height: 66px;
	}

#price2 a  {
	
	background: url(images/priceoption2.gif) top left no-repeat;
	width: 104px;
	height: 66px;
	}

#price3 a  {
	
	background: url(images/priceoption3.gif) top left no-repeat;
	width: 104px;
	height: 66px;
	}

#price4 a  {
	
	background: url(images/priceoption4.gif) top left no-repeat;
	width: 104px;
	height: 66px;
	}


#pricedetails {
	WIDTH: 535px;
	margin: 0px;
	height: 463px;
}

#faqlist {
	WIDTH: 535px;
	margin: 0px;
	height: 1020px;
}

#pricedetails2 {
	WIDTH: 535px;
	margin: 0px;
	height: 563px;
}

#pricedetails3 {
	WIDTH: 535px;
	margin: 0px;
	height: 1060px;
}

#updatedetails {
	 WIDTH: 535px;  margin: 10px 0px 0px 0px;
}

#formdetails {
	 WIDTH: 535px;  margin: 0px 0px 0px 0px;
}

#formintro {
	FLOAT: left; WIDTH: 535px; margin: 10px 0px 10px 0px; height:447px
}

#formintro2 {
	FLOAT: left; WIDTH: 535px; margin: 10px 0px 10px 0px; height:915px
}


#welcome {
	WIDTH: 490px;
	border-top-width: 0.1em;
	border-right-width: 0.1em;
	border-bottom-width: 0.1em;
	border-left-width: 0.1em;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #9c9c9c;
	border-right-color: #9c9c9c;
	border-bottom-color: #9c9c9c;
	border-left-color: #9c9c9c;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}


#welcometoppic {
	
}
#quote {
	BORDER-RIGHT: #9c9c9c 0.1em solid; BORDER-TOP: #9c9c9c 0.1em solid; BORDER-LEFT: #9c9c9c 0.1em solid; WIDTH: 241px; BORDER-BOTTOM: #9c9c9c 0.1em solid;margin: 0px 0px 0px 0px; float:left
}

#quotetoppic{
}

#quotetoppic2{
}

#quotecopy{margin: 0px 0px 0px 0px
}

#quotemainpic{ WIDTH:221px;height:53px; margin: 0px 0px 10px 5px;
}

#portofolio {
	BORDER-RIGHT: #9c9c9c 0.1em solid;
	BORDER-TOP: #9c9c9c 0.1em solid;
	BORDER-LEFT: #9c9c9c 0.1em solid;
	WIDTH: 242px;
	BORDER-BOTTOM: #9c9c9c 0.1em solid;
	float:right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#portofoliotoppic{
}

#portofoliomainpic{ WIDTH:221px;height:53px; margin: 0px 0px 10px 5px;
}

#portofoliocopy{margin: 0px 0px 0px 0px
}

#footer {
	CLEAR: both;
	background-color: #9c9c9c;
	height:20px;
	padding-bottom:5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}

#footer ul
{
list-style: none;
padding: 5px;
margin: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;

}

#footer li {
display: inline;

}

#footer ul li a
{
color: White;
padding: 0.2em 1em;
}

#footer ul li a:hover
{
background-color:#81bd00;
}

.style1 {
font-family: verdana;
  font-size: 12px;
  color: #000000;
  }
#rightcolumn6 {
	WIDTH: 200px;
	float:right;
	height:948px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#rightcolumn7 {
	WIDTH: 200px;
	float:right;
	height:474px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#rightcolumn8 {
	WIDTH: 200px;
	float:right;
	height:474px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
