body {
	margin: 0;
	padding: 0;
	text-align: center;
		background-image: url(images/browser_bg.jpg);
	background-repeat: repeat-x;
}


img {
	border:none; 
}
	


	
#wrapper {
	width: 960px;

	/* margin: 0 auto; */
	margin: 10px auto;
	text-align: left;
	border: 1px solid #a2aaae;
	background-color: #ffffff;
}

#logo{
	float: left;
	width: 300px;
}

#menu {
	float: right;
	width: 600px;
	padding-top: 15px;
	text-align: right;
	padding-right: 20px;
}

/* menu styles */
#menu a {
	
	color: #333333;
	text-decoration: none;
	padding: 0px 6px;
	border-right: 1px dotted #FFFFFF;
	font-size: 0.8em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	border-top: none;
	border-bottom: none;
	border-left: none;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

#menu a:link, #menu a:visited {
	/* color: #003366; */
	color: #0062ab;
	text-decoration: none;
	font-weight: bold;

}

#menu a:hover {
	color: #d168a9;
	background-color: #000000;
	background-color: transparent;
} 


#banner{
	width: 960px;
	background-image: url(images/banner_bg.jpg);
	background-repeat: repeat-x;
}

#banner_image{
	float: left;
	width: 400px;
}

#banner_text{
	float: right;
	width: 500px;
	padding-top: 60px;
	padding-right: 20px;
}

.banner_headline {
	font-size: 1.8em;
	font-weight: bold;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
}

.banner_intro_text {
	font-size: 0.9em;

	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color: #0062ab;
	padding-top: 10px;
}


#left_col{
	float: left;
	width: 690px;

	background-color: #ffffff;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	

}

#left_col_text{
	margin-top:20px;
	margin-left: 20px;
	margin-right: 20px;
	color: #666666;
	border-right: 1px solid #a2aaae;
}



#pink_box{
float: left;
width: 300px;
height: 230px;
background-color: #ebebeb;
}

#pink_title_bar{

width: 300px;
background-image: url(images/standard_box_title_bar.jpg);
background-repeat: no-repeat;

}

#green_title_bar{

width: 300px;
background-image: url(images/bespoke_box_title_bar.jpg);
background-repeat: no-repeat;
}

.text_inside_title_bar{
padding-left: 15px;
padding-top: 10px;
padding-bottom: 10px;
color: #ffffff;
font-weight: bold;

}

.text_inside_boxes_homepage{
margin: 15px;

}

#green_box{
float: left;
width: 300px;
margin-left: 20px;
background-color: #ebebeb;
height: 230px;
}


h1{
	font-size: 1.7em;
	font-weight: normal;
	color: #0062ab;
}

h2{
	font-size: 1.2em;
	font-weight: bold;
	color: #0062ab;
		
}


.blue_bold_text{
	color: #0062ab;
	font-weight: bold;
}

.black_bold_text{
	color: #333333;
	font-weight: bold;
}

.numbered_square{
	float:left;
	padding: 3px;
}

.numbered_square_text{
	float:left;
	margin-top: 20px; 
	margin-left: 10px;
	font-size: 1.2em;
}

#right_col{
	float: right;
	width: 270px;

	background-color: #ffffff;
	
}


/* for the main menu */
.right_col_button_box{

	width: 255px;
	
	background-color: #ffffff;
}

/* for the main menu */
.button_bg{
width: 256px;
height: 50px;
	background-image: url(images/menubutton.jpg);
	background-repeat: no-repeat;

}

/* for the main menu */
.button_text {
	text-align: center;
	padding-top: 15px;
	font-size: 0.87em;

}

/* for the main menu */
.button_text a {
	

	text-decoration: none;
	padding: 0px 6px;
	color: #0062ab;
	font-weight: bold;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	margin-left: 5px;
	margin-right: 5px;
}

/* for the main menu */
.button_text a:hover {
	color: #d168a9;
	background-color: #ffffff;
	background-color: transparent;
} 


/* for the START BUTTON */
#start_button_bg{
	width: 202px;
	height: 49px;
	background-image: url(images/startbutton_bg.jpg);
	background-repeat: no-repeat;
}


/* for the START BUTTON */
.button_text_white {
	text-align: center;
	padding-top: 10px;

}

/* for the START BUTTON */
.button_text_white a {
	text-decoration: none;
	padding: 0px 6px;
	color: #ffffff;
	font-size: 1.6em;
	font-weight: bold;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	margin-left: 5px;
	margin-right: 5px;
}

/* for the START BUTTON */
.button_text_white a:hover {
	color: #0062ab;
	background-color: #ffffff;
	background-color: transparent;
} 




/* for the right hand side colum which talks about Magento and shows the logo*/
.magento_box{
width: 242px;
border: 1px solid #bec7cc;
margin-left: 5px;
margin-top: 10px;
background-color: #f2f2f2;
}

.magento_title_bar{
width: 246px;
background-image: url(images/magento_box_header.jpg);
background-repeat: no-repeat;
}

.magento_text_title_bar{
padding-left: 5px;
padding-top: 10px;
padding-bottom: 10px;
color: #0062ab;
font-weight: bold;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
text-align: center;
}

.magento_text_main{
margin: 15px;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 0.75em;
color: #666666;
}



#footer{
	clear: both;
	width: 960px;
	border-top: 1px solid #a2aaae;
	margin-top: 20px;


}

.footer_text{
	padding: 10px;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #666666;
}


li.blue {
	color: #0062ab;
}

a.text_links {
text-decoration: underline;
color: #666666;	

}



a.text_links:hover {
color: #000000;	
}


a.read_more {
text-decoration: underline;
color: #0062ab;
font-weight: bold;

}



a.read_more:hover {
color: #000000;	
}