/* bcg.css copyright 2007 
   this file enables positioning and styling of the
   html content in the pages that use it */
   
/* general page style */
BODY { 
	padding:0;
	margin:0;
	font: small Trebuchet, Verdana, Arial, sans-serif;
	color: #262c30;
	background-color: #224455;
	font-size: 100%;
	text-align: center; /* needed to center the wrapper div in IE */
}

/* the wrapping div that everything sits in */
#wrapper {
	width:740px;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	margin:10px auto;
	background-color: #ffffff;
	text-align:left; /* wrapper is centered - need this to left justify */
}

/* the top bit of each page */
#masthead{
	height: 115px;
	background-color: #ffffff;
	background: url(../images/logowatermark1.gif);
}
/* float the logo left in the masthead */
#logo{
	float: left;
}
/* float the options right and style them a bit */
#options{
	float: right;
	font-size: 90%;
	padding: 10px 10px 0 0 ;	
	text-transform: uppercase;
}

/* make the links in the options appear in different */
#options a {
	color: #335566;
}
#options a:hover {
	color: #4477aa;	
}
#options a:visited {
	color: #335566;
}

/* the main content of the page 
   including background image */
#main{	
	line-height: 1.2;
	background-color: #4477AA;
	padding: 10px 10px 10px 10px;
	color: #ffffff;
	background: url(../images/logowatermark.gif);
}
#main h2 {
	text-transform: uppercase;
	font-size: 100%;
	padding: 0 0;
	margin:0 auto;
}
#main a	{
	font-size: 100%;
	color: #FFB903;
	border-bottom: 1px dashed #ffffff;
}
#main a:visited {
	border-bottom: 1px dashed #ffffff;
}
#main a:hover {
	color: #FFDD33; 
	font-style: normal; 
	border-bottom: 1px dashed #FFDD33;
}

#pricing, #pricinginfo {	
	color: red;
	font-size: 100%;
	background-color: white;
	border-left: 5px solid red;
	border-right: 5px solid red;
	border-bottom: 5px solid red;
	border-top: 5px solid red;	
}

#pricing {
	/*-moz-border-radius:50px 0px 50px 0px;*/
	text-align: center;
	width: 250px;	
	padding: 10px;
}

#pricinginfo {
	/*-moz-border-radius:50px 50px 50px 50px;*/
	text-align: left;
	width: 670px;	
	padding: 20px;
}

#pricing a, #pricinginfo a{
	color: #224455; 
	font-style: normal; 
	text-decoration: none;
	border: 0;
}
#pricing a:visited, #pricing a:visited {
	color: #224455; 
	font-style: normal; 
	text-decoration: none;
	border: 0;
}
#pricing a:hover, #pricing a:hover {
	color: #224455; 
	font-style: normal; 
	text-decoration: none;
	border: 0;
}




.money {
	font-size: 500%;
	color: red;
}

/* the fun bit */
/* these are the full width blocks so have a bit
   of padding top and bottom */
.portfolioRight, .portfolioLeft{
	padding: 20px 0 10px 0;	
		line-height: 1.2;
}

/* although the image and text are justified differently
   in left or right blocks they still share attributes */
.pfImage {
	width: 210px;
	padding: 0 5px 5px 5px;
}
.pfText {
	width: 490px;
	padding: 0 5px 0 5px;
	
}

/* okay, now the individual bit
   float images in 1 portfolio block left and right in
   the other. Opposite for the text blocks */
.portfolioLeft .pfImage {	
	float: left;}
.portfolioRight .pfImage {	
	float: right;}
/* also place some nice background arrows */
.portfolioLeft .pfText{
	float: right;		
	background: url(../images/arrowleft.jpg) no-repeat center left;
}
.portfolioRight .pfText {
	float: left;	
	background: url(../images/arrowright.jpg) no-repeat center right;
}

/* the bit at the bottom made up of the holding div */
#footer{
	line-height: 1.2;
	background-color: #335566;
	padding: 5px 5px;
}
/* the copyright bit */
#copyright{
	float: right;
	text-align: right;
	padding: 15px 0;
	color:#ffffff;
}
/* and the w3c validation stuff */
#w3cstuff{
	float: left;
	padding: 10px 5px;
}

/* this is put after a floated element to put following
   elements down the pages - otherwise they overlap */
.separator{
	clear:both;
	height: 0;
}

/* some specifics for the form - basically to line it up */
.contactForm{
	margin:0 auto;
	padding: 0 0 0 110px;
	width: 600px;
}

/* some fancy button effects */
.smallbtn {
	background-color: #335566;
	color:#ffffff;
	font-size:84%;
	font-weight:bold;
	border: 1px solid #335566;
	}
.smallbtnhov {
	border:1px solid #ffffff;
}