@charset "utf-8";

/*****************************************************************************************************/
/* This CSS file provides formatting for common page elements in the iTWatch Managed Services        */
/* website. This includes the main layout/structure of the pages, top logo area, top menu, top       */
/* link list, banner within the main body of the page, and bottom/footer links and information.      */
/* Additional formatting for the middle/content sections of the pages in the website can be found in */
/* the respective css file for each page.                                                            */
/*****************************************************************************************************/

/******************************/
/* Main structural containers */
/******************************/

html {
	margin: 0px;
	padding: 0px;
}
body {
	margin-top: 0px;
	padding-top: 0px;
	background-color: #F2F2F2;
	background-image: url(../images/background_main.jpg);
	background-repeat: repeat-x;
}
#wrapper {
	width: 872px;
	margin-left: auto;
	margin-right: auto;
}
#top {
	width: 872px;
	height: 101px;
	float: left;
	background-image: url(../images/itwatch_logo.jpg);
	background-repeat: no-repeat;
}
#top a.link1{
	width:400px;
	height:52px;
	top:32px;
	left:100px;
	position:absolute;
} 

#middle {
	width: 858px;
	background-image: url(../images/background_sidefade.png);
	background-repeat: repeat-y;
	padding-right: 7px;
	padding-left: 7px;
	padding-bottom: 4px;
	float: left;
}
#bottom {
	width: 872px;
	height: 115px;
	float: left;
	background-image: url(../images/ats_logo_footer.png);
	background-repeat: no-repeat;
}

/*******************************/
/* Special Sections Formatting */
/*******************************/

/* Top section search form */

#toplinks {
	width:424px;
	height: 21px;
	padding-top: 6px;
	float: left;
	margin-left: 419px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #d2232a;
}
#toplinks a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #d2232a;
	text-decoration: none;
}
#toplinks a:hover {
	color: #d2232a;
}
#toplinks a:visited 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #d2232a;
	text-decoration: none;
}

/* Top section menu */

#topmenu {
	width: 568px;
	height: 33px;
	margin-left: 297px;
	margin-top: 68px;
}
#topmenu a.difference {
	background-image: url(../images/difference_button.jpg);
	background-repeat: no-repeat;
	height: 33px;
	width: 157px;
	margin-left: 2px;	display: block;
	float: left;
}

#topmenu a:hover.difference {
	background-image: url(../images/difference_button_over.jpg);
	background-repeat: no-repeat;
	height: 33px;
	width: 157px;
	margin-left: 2px;	display: block;
	float: left;
}


#topmenu a.datacenter {
	background-image: url(../images/datacenter_button.jpg);
	background-repeat: no-repeat;
	height: 33px;
	width: 91px;
	margin-left: 2px;	display: block;
	float: left;
}
#topmenu a:hover.datacenter {
	background-image: url(../images/datacenter_button_over.jpg);
	background-repeat: no-repeat;
	height: 33px;
	width: 91px;
	margin-left: 2px;	display: block;
	float: left;
}

#topmenu a.benefits {
	background-image: url(../images/benefits_button.jpg);
	background-repeat: no-repeat;
	height: 33px;
	width: 65px;
	margin-left: 2px;	display: block;
	float: left;
}
#topmenu a:hover.benefits {
	background-image: url(../images/benefits_button_over.jpg);
	background-repeat: no-repeat;
	height: 33px;
	width: 65px;
	margin-left: 2px;	display: block;
	float: left;
}

#topmenu a.faqs {
	background-image: url(../images/faqs_button.jpg);
	background-repeat: no-repeat;
	height: 33px;
	width: 44px;
	margin-left: 2px;	display: block;
	float: left;
}
#topmenu a:hover.faqs {
	background-image: url(../images/faqs_button_over.jpg);
	background-repeat: no-repeat;
	height: 33px;
	width: 44px;
	margin-left: 2px;	display: block;
	float: left;
}

#topmenu a.aboutus {
	background-image: url(../images/aboutus_button.jpg);
	background-repeat: no-repeat;
	height: 33px;
	width: 72px;
	margin-left: 2px;	display: block;
	float: left;
}
#topmenu a:hover.aboutus {
	background-image: url(../images/aboutus_button_over.jpg);
	background-repeat: no-repeat;
	height: 33px;
	width: 72px;
	margin-left: 2px;	display: block;
	float: left;
}

#topmenu a.partner {
	background-image: url(../images/partner_button.jpg);
	background-repeat: no-repeat;
	height: 33px;
	width: 127px;
	margin-left: 2px;	display: block;
	float: left;
}
#topmenu a:hover.partner {
	background-image: url(../images/partner_button_over.jpg);
	background-repeat: no-repeat;
	height: 33px;
	width: 127px;
	margin-left: 2px;	display: block;
	float: left;
}

img.disabledbutton {
	float: left;
	margin-left: 2px;	display: block;
	padding: 0;
}

/* Middle section banner */

#middle img.banner {
	float: left;
	padding-bottom: 4px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #D2232A;
	background-color: #FFF;
	padding-top: 4px;
	margin-right: 4px;
	margin-left: 4px;
}

/* Bottom section links and information */

#bottomlinks {
	width: 500px;
	margin-top: 38px;
	margin-left: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 11px;
	color: #3f3f3f;
}
#bottomlinks a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3f3f3f;
	text-decoration: none;
}