body {
	text-decoration: none;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}

a img {
 border-style: none;
}

/** This section of CSS styles the wrapper div which encloses the entire site and enables it to be centered in the browser display window.  Styles applied at this level affect all the content of the site including that contained in the header, sidepanel and main content areas **/
#wrapper {
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
#wrapper h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding-left: 40px;
	color: #346D83;
}
#wrapper #textonly_titles {
	display: none;
}

#wrapper #main_nav {
	background-image: url(../Images/page%20components/navbar_bgd.png);
	height: 32px;
	width: 750px;
	background-repeat: repeat;
	background-position: bottom;
	background-color: #4F8194;
}
#wrapper #main_nav ul {
}
#wrapper #main_nav li {
	display: block;
	color: #FFFFFF;
	width: auto;
	text-align: center;
	padding-right: 14px;
	float: left;
	padding-top: 6px;
}
#wrapper #main_nav li a {
	color: #FFFFFF;
	text-decoration: none;
}
#wrapper #main_nav li a:hover {
	color: #FFFFFF;
	text-decoration: underline overline;
}
#wrapper #main_nav li a:active {
	color: #FFFFFF;
	text-decoration: underline overline;
}

#wrapper #header {
	background-image: url(../Images/page%20components/header.png);
	height: 140px;
	width: 750px;
	float: left;
}
#wrapper #header #helpdesk img {
	float: right;
	padding-top: 50px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#jump_menu {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#jump_menu .botmap {
	display: none;
}
#jump_menu a {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#jump_menu a:hover {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
/**end of wrapper styling**/


/** This section of CSS styles the sidepanel container and sub-sections within this including accessibility buttons, required plugins, search function, portfolio viewer which is found on portfolio_ws.php, portfolio_eb.php and portfolio_ph.php **/

#wrapper #sidepanel {
	width: 200px;
	text-align: center;
	height: 740px;
	position: relative;
	float: left;
	background-image: url(../Images/page%20components/sidepanel_bgdb.png);
	background-repeat: repeat-y;
	background-position: left;
	overflow: hidden;
}
#sidepanel p {
	font-family: Arial, Helvetica, sans-serif;
}
#sidepanel h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding-left: 5px;
	width: 195px;
	background-image: url(../Images/page%20components/navbar_bgd.png);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 20px;
	color: #FFFFFF;
	font-style: normal;
	text-align: center;
	padding-bottom: 2px;
	background-color: #4F8194;
}
#sidepanel a {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#sidepanel a:hover {
	font-family: Arial, Helvetica, sans-serif;
    text-decoration: underline;
}

/** Accessibility Buttons **/
#sidepanel #accessibility {
	width: 200px !important;
	width: 197px;
	float: left;
	height: 35px;
	vertical-align: middle;
	margin-top: 5px;
	margin-bottom: 5px;
	position: relative;
	overflow: hidden;
}
#sidepanel #accessibility ul {
	display: inline;
	width: 193px;
	float: left;
	text-align: center;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 7px;
}
#sidepanel #accessibility li {
	float: left;
	border: 0px solid #CCCCCC;
	width: 44px;
	display: inline;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}

/** Required Plugins **/
#sidepanel #required_plugins_text {
	float: left;
	width: 200px;
	margin-top: 5px;
	padding-bottom: 10px;
	display: none;
}
#sidepanel #required_plugins {
	float: left;
	width: 200px !important;
	width: 197px;
	margin-top: 5px;
	padding-bottom: 10px;
	height: auto;
	overflow: hidden;
	position: relative;
}
#sidepanel #required_plugins p {
	font-family: Arial, Helvetica, sans-serif;
}
#wrapper #sidepanel #required_plugins img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/** Search Facility **/
#sidepanel #search {
	float: left;
	width: 200px !important;
	width: 197px;
	height: auto;
	overflow: hidden;
	position: relative;
}
#sidepanel #search img {
	float: left;
	padding-left: 15px;
}
#sidepanel #search input {
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}
#sidepanel #search .button input:hover {
	border: 1px solid #CCCCCC;
	color: #FFFFFF;
	background-color: #26637B;
}
/**end of sidepanel search segment**/

/** Important Information segment**/
#sidepanel #important_info {
	float: left;
	width: 200px !important;
	width: 197px;
	padding-bottom: 10px;
	height: auto;
	overflow: hidden;
	position: relative;
}
#sidepanel #important_info ul {

	text-align: left;
	display: none;
}
#sidepanel #important_info img {
	float: left;
	padding-left: 15px;
	padding-top: 2px;
}
#sidepanel #important_info table {
	text-align: left;
	padding-left: 5px;
	vertical-align: top;
	width: 160px;
}
#sidepanel #important_info td {
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: top;
}
#wrapper #sidepanel #important_info li {
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 16px;
}
/** end of important info segment**/

/** Case Study segment **/
#wrapper #sidepanel #case_study {
	float: left;
	width: 200px !important;
	width: 197px;
	height: auto;
	overflow: hidden;
	position: relative;
	text-align: center;
}
#wrapper #sidepanel #case_study img {
	float: left;
	height: 119px;
	width: 167px;
	overflow: hidden;
	position: relative;
	padding-left: 15px;
}
/**end of case study segment**/
/**end of sidepanel**/

/** This section of CSS styles the main content area.  There are many variations in layout within the Vision IT Services site and as a result there is defined css for most of the segments that make up the various pages due to layout requirements **/


#wrapper #contentmain {
	background-image: url(../Images/page%20components/mainpanel_bgdb.png);
	background-repeat: repeat-y;
	float: left;
	width: 550px;
	height: 740px;
}
#contentmain #content {
	display: none;
}
#contentmain h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding-left: 50px;
	padding-top: 5px;
	padding-bottom: 3px;
	color: #346D83;
}
#contentmain p {
    margin-bottom: 11px;
	padding-right: 10px;
}
#contentmain a {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#contentmain a:hover {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

/** Welcome segment top of main home page **/
#contentmain #homepage_welcome {
	width: 539px;
	padding-right: 0px;
	left: 0px;
	float: left;
	padding-left: 10px;
	height: 210px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-bottom: 20px;
}
#contentmain #homepage_welcome p {
	padding-left: 57px;
}
#contentmain #homepage_welcome img {
	position: relative;
	left: 0px;
	top: 5px;
	float: left;
	width: auto;
	padding-left: 35px;
}
#contentmain #homepage_welcome li {
	padding-right: 10px;
	margin-left: 17px;
	font-family: Arial, Helvetica, sans-serif;
}
/**end of welcome segment**/

/** Hosting section on main home page **/
#contentmain #homepage_hosting {
	width: 350px;
	height: 160px;
	float: left;
	padding-top: 10px;
	background-image: url(../Images/page%20components/hosting_bgd.png);
	background-repeat: no-repeat;
	background-position: right top;
}
#contentmain #homepage_hosting p {
	padding-left: 50px;
}
#contentmain .hosting_advert img {
	float: right;
	height: 156px;
	width: 168px;
	padding-right: 30px;
	padding-top: 5px;
}
/**end of hosting segment**/


/** Free Applications section on main home page **/
#contentmain #homepage_freeapps {
	float: left;
	width: 250px;
	padding-top: 2px;
}
#contentmain #homepage_freeapps h5 {
	padding-left: 40px;
	margin-bottom: 11px;
	text-align: center;
	padding-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
}
#contentmain #homepage_freeapps img {
	position: relative;
	float: right;
	width: auto;
	padding-left: 45px;
	margin-top: 50px;
}
#contentmain #homepage_freeapps li {
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 33px;
}
/**end of free applications**/


/** News Section on main Home Page **/
#contentmain #homepage_news {
	width: 300px;
	float: left;
}
#contentmain #homepage_news img {
	position: relative;
	left: 0px;
	top: 5px;
	float: left;
	width: auto;
	padding-left: 5px;
}

/** end of news **/


/** This section relates to styling of components within the About Page of the web site **/

#wrapper #about {
	width: 539px;
	padding-right: 0px;
	left: 0px;
	float: left;
	padding-left: 10px;
	height: 540px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-bottom: 20px;
}
#about p {

	padding-left: 40px;
	padding-right: 40px;
}
#about h2 {

	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding-left: 40px;
	padding-top: 5px;
	padding-bottom: 3px;
	color: #346D83;
}

/** Opening Times Table **/
#wrapper #contentmain #openingtimes table {

	float: left;
	margin-left: 46px !important;
	margin-left: 22px;
}
#wrapper #openingtimes {

	float: left;
	width: 250px;
}
#wrapper #contentmain #openingtimes a {
	padding-left: 15px;
}
/**end of opening times**/

/** Location Section **/
#map h2 {
	padding-left: 16px;
	text-align: left;
}
#map {
	width: 300px;
	float: left;
	text-align: center;
}
#map p {
	padding-left: 15px;
	padding-right: 40px;
	text-align: left;
}
#map img {
	float: left;
	padding-left: 17px;
}
/**end of location section**/
/** end of about page**/

/** This section relates to styling of components within the Design Page of the web site **/
#wrapper #design {
	width: 539px;
	padding-right: 0px;
	left: 0px;
	float: left;
	padding-left: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#design p {
	padding-left: 40px;
	padding-right: 40px;
}
#design h2 {
	padding-left: 40px;
	text-align: left;
}
/**end of design page**/

/** This section relates to styling of components within the Hosting Page of the web site **/
#wrapper #hosting {

	width: 490px;
	padding-right: 0px;
	left: 0px;
	float: left;
	padding-left: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#hosting p {
	padding-left: 0px;
	padding-right: 30px;
	text-align: left;
}
#hosting a {
	text-align: center;
}
#hosting h2 {
	padding-left: 0px;
}
#hosting h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #1E5D76;
	margin-top: 4px;
}
#hosting .number {
	float: left;
	width: 73px;
	margin-left: 35px !important;
	margin-left: 9px;
	text-align: center;
}
#hosting .text {
	float: left;
	width: 325px;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
#hosting .text  p {
	padding-left: 0px;
	padding-right: 0px;
	text-align: left;
}
#hosting .price {
	float: right;
	width: 30px;
	background-color: #FFFFFF;
	margin-right: 20px !important;
	margin-right: 20px;
}
#hosting .hosting_extrainfo {
	float: left;
	width: 455px;
	margin-left: 35px !important;
	margin-left: 9px;
	text-align: center;
}
#wrapper #contentmain #about .ecard_form {
	float: left;
	width: 200px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/**end of hosting page**/

/** This section relates to styling of components within the E-Brochures Page of the web site **/

/** Features Section**/
#brochure_features {
	float: left;
	width: 250px;
}
#brochure_features h2 {
	padding-left: 45px;
	text-align: left;
}
#brochure_features li {
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 20px;
	margin-right: 15px;
	list-style-position: outside;
	list-style-image: url(file:///G|/Documents%20and%20Settings/Michael%20Kane/My%20Documents/My%20Web%20Pages/Vision%20IT%20Services/Images/page%20components/bullet_icon.png);
}
/**end of features section**/

/**Brochure demo section**/
#wrapper #brochure_demo {
    width: 300px;
	float: left;
	text-align: left;
}
#brochure_demo p {
	padding-left: 28px;
}
#brochure_demo h2 {
	padding-left: 32px;
	text-align: left;
}
#brochure_demo img {
	padding-left: 50px;
}
/**end of brochure demo section**/
/**end of e-brochures page**/


/** This section relates to styling of components within the Photo Retouching Page of the web site **/
/**top intro text**/
#wrapper #retouching {
	width: 539px;
	padding-right: 0px;
	left: 0px;
	float: left;
	padding-left: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-bottom: 20px;
}
#retouching p {
	padding-left: 40px;
	padding-right: 40px;
}
/**end of top intro text**/

/** Retouching Promises segment**/
#retouching_promises {
	float: left;
	width: 250px;
}
#retouching_promises li {
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 20px;
	margin-right: 15px;
	list-style-position: outside;
	list-style-image: url(file:///G|/Documents%20and%20Settings/Michael%20Kane/My%20Documents/My%20Web%20Pages/Vision%20IT%20Services/Images/page%20components/bullet_icon.png);
}
#retouching_promises h2 {
	padding-left: 45px;
	text-align: left;
}
/**end of retouching promsies segment**/

/** scanning segment **/
#retouching_scanning {
	width: 300px;
	float: left;
	text-align: left;
}
#retouching_scanning p {
	padding-left: 15px;
	padding-right: 40px;
}

#retouching_scanning h2 {
	padding-left: 16px;
	text-align: left;
}
#contentmain #retouching_scanning img {
	position: relative;
	left: 0px;
	top: 5px;
	float: left;
	width: auto;
	padding-left: 17px;
	padding-top: 5px;
}
/**end of scanning segment**/
/**end of Retouching page**/

/** This section of CSS styles the portfolio viewer which is found on portfolio_ws.php, portfolio_eb.php and portfolio_ph.php **/
#wrapper #portfolio p {
	padding-left: 40px;
	padding-right: 40px;
}
#portfolio_viewer {
	float: left;
	height: 500px;
	width: 450px;
	margin-left: 50px !important;
	margin-left: 26px;
}
#portfolio_viewer h2 {
	text-align: center;
	padding-left: 0px;
}
#portfolio_viewer p {
	height: auto;
	width: 420px;
	padding-left: 25px;
	padding-right: 25px;
}
#portfolio_viewer #portfolio_sections {
	float: left;
	width: 65px;
	height: 500px;
	vertical-align: bottom;
}
#portfolio_viewer ul {
	text-align: center;
	width: auto;
}
#portfolio_viewer li {
	display: inline;
	float: left;
	padding-left: 10px;
	text-align: center;
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
}
#portfolio_viewer a {
	font-family: Arial, Helvetica, sans-serif;
	color: #386F86;
	width: 60px;
	float: left;
	height: 15px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
}
#portfolio_viewer a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	width: 60px;
	float: left;
	height: 15px;
	border: 1px solid #CCCCCC;
	background-color: #386F86;
	clear: right;
	text-decoration: none;
}
#portfolio_viewer #portfolio_sections a {
	font-family: Arial, Helvetica, sans-serif;
}
#portfolio_viewer #portfolio_titleandimage {
	float: left;
	width: 385px;
	text-align: center;
}
#portfolio_viewer img {
	text-align: center;
	height: 250px;
	width: 300px;
	border: 1px dotted #333399;
}
#portfolio_viewer #portfolio_description {
	float: left;
	width: 385px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}
#portfolio_viewer #portfolio_nav {
	float: left;
	width: 385px;
}
/** end of Portfolio section **/


/** This section of CSS styles the footer section of the site which is added as an include from footer.htm **/
#wrapper #footer {
	background-image: url(../Images/page%20components/navbar_bgd.png);
	background-repeat: repeat-x;
	height: 38px;
	width: 750px;
	float: left;
}
#footer #footer_w3c {
	float: left;
	padding-top: 3px;
	padding-left: 10px;
	height: 31px;
}
#footer #footer_copyright {
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-style: italic;
	padding-right: 10px;
	text-align: left;
	height: 38px;
}
/**end of Footer include secttion**/


/** This section of CSS styles the Accessibility page which is shown when the link under Important Info in the Sidepanel is selected**/
#wrapper #homepage_accessibility {
	width: 539px;
	padding-right: 0px;
	left: 0px;
	float: left;
	padding-left: 10px;
	height: 210px;
	padding-bottom: 20px;
}
#homepage_accessibility p {
	padding-left: 40px;
	padding-right: 40px;
}
/**end of accessibility page**/


/** This section of CSS styles the Support Page of the web site**/
#wrapper #support p {
	padding-left: 40px;
	padding-right: 40px;
}
#wrapper #support h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding-left: 40px;
	padding-top: 5px;
	padding-bottom: 3px;
	color: #346D83;
}
#wrapper #support h5 {
	margin-bottom: 11px;
	text-align: center;
	padding-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
}

/** Price Pledge segment**/
#support_pricepledge {
	float: left;
	width: 250px;
}
support_pricepledge h2 {
	padding-left: 45px;
	text-align: left;
}
#support_pricepledge li {
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 20px;
	margin-right: 15px;
	list-style-position: outside;
	list-style-image: url(file:///G|/Documents%20and%20Settings/Michael%20Kane/My%20Documents/My%20Web%20Pages/Vision%20IT%20Services/Images/page%20components/bullet_icon.png);
}
/**end of price pledge segment**/

/** support advice segment**/
#support_advice {

	width: 300px;
	float: left;
	text-align: left;
}
#support_advice h2 {
	padding-left: 16px;
	text-align: left;
}
#wrapper #support_advice li {
	font-family: Arial, Helvetica, sans-serif;
	margin-left: -10px;
	margin-right: 50px;
	list-style-position: outside;
	list-style-image: url(file:///G|/Documents%20and%20Settings/Michael%20Kane/My%20Documents/My%20Web%20Pages/Vision%20IT%20Services/Images/page%20components/bullet_icon.png);
}
#wrapper #support_advice a {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
/** end of support advice segment**/
/**end of support page**/


/** This section of CSS styles the Contact page **/

/** top intro segment**/
#wrapper #contact_top {

	width: 539px;
	padding-right: 0px;
	left: 0px;
	float: left;
	padding-left: 10px;
	height: 150px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-bottom: 20px;
}
#wrapper #contact_top p {
	padding-left: 40px;
	padding-right: 30px;
}
/**end of top intro segment**/

/**contact form segment**/
#contentmain form {
	float: left;
	width: 255px;
	margin-left: 50px !important;
	margin-left: 26px;
	margin-right: 10px;
}
#form_content {
	float: left;
	width: 280px;
	margin-right: 10px;
}
#contact_form_labels {
	float: left;
	width: 125px;
	margin-left: 60px;
}
#contact_form_labels label {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	float: left;
	width: 100px;
	padding-top: 26px;
}
#contact_form_fields {
	float: left;
	width: 310px;
}
#contact_form_fields input {
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}
#contact_form_fields select {
	border: 1px solid #CCCCCC;
}
#contact_form_fields textarea {
	border: 1px solid #CCCCCC;
}
#contact_form_fields .button {
	float: right;
	padding-right: 10px;
}
#contact_form_fields .button input:hover {
	border: 1px solid #CCCCCC;
	color: #FFFFFF;
	background-color: #26637B;
}
/**end of contact form segment**/

/**contact numbers segment**/
#contact_numbers {
	float: left;
	width: 180px;
	margin-left: 30px !important;
	margin-left: 4px;
	text-align: center;
}
#contact_numbers p {
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 5px;
}
#contact_numbers h2 {
	padding-left: 0px;
}
/**end of contact numbers segment**/

/**contact address segment**/
#contact_address {
	float: left;
	width: 180px;
	margin-left: 30px !important;
	margin-left: 4px;
	text-align: center;
}
#contact_address p {
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 5px;
}
#contact_address h2 {
	padding-left: 0px;
}

/** Site Map page **/
#sitemap h1 {

	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding-left: 20px;
	color: #346D83;
}
#wrapper #contentmain #sitemap a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
}
#wrapper #contentmain #sitemap {
	padding-left: 40px;
}
/**end of Sitemap page**/
#wrapper #sidepanel #case_study img a {
	float: left;
	height: 119px;
	width: 167px;
	overflow: hidden;
	position: relative;
	padding-left: 15px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}