/* --- STYLES FOR C&S SKIPS eSTART --- */

body { background:#4b4b4b url(img/css_bg.jpg); }
a, a img { border:none; outline:none; }
#table_01 {	position:relative; margin:30px auto 0 auto;	width:902px; }
#css-head_ { position:relative;	margin:0 auto; width:902px;	height:343px; }
#css-menutitles_ { position:relative; margin:0 auto; width:902px; height:26px; padding:0; }


/* --- MENU TITLES --- */
#css-menutitles_ li { display:inline; margin:0;padding:0;}
#css-menutitles_ ul { list-style:none;margin:0;padding:0;}

/* - menu image - EDIT THIS - */
#css-menutitles_ li a { background-image:url(img/css_menutitles.gif);float: left; height: 0; padding-top: 26px; overflow: hidden; }

/* - initial menu states - EDIT THIS - */
#css-menutitles_ li#menu-one a { background-position: 0 0; width: 114px; }
#css-menutitles_ li#menu-two a { background-position: -114px 0; width: 106px; }
#css-menutitles_ li#menu-three a { background-position: -220px 0; width: 236px; }
#css-menutitles_ li#menu-four a { background-position: -456px 0; width: 252px; }
#css-menutitles_ li#menu-five a { background-position: -708px 0; width: 115px; }
#css-menutitles_ li#menu-vcard a { background-position: -823px 0; width: 79px; }

/* - mouse hover menu states - EDIT THIS - */
#css-menutitles_ li#menu-one a:hover { background-position: 0 -26px; }
#css-menutitles_ li#menu-two a:hover { background-position: -114px -26px; }
#css-menutitles_ li#menu-three a:hover { background-position: -220px -26px; }
#css-menutitles_ li#menu-four a:hover { background-position: -456px -26px; }
#css-menutitles_ li#menu-five a:hover { background-position: -708px -26px; }
#css-menutitles_ li#menu-vcard a:hover { background-position: -823px -26px; }

/* - mouse click menu states - EDIT THIS - */
#css-menutitles_ li#menu-one a:active { background-position: 0 -52px; }
#css-menutitles_ li#menu-two a:active { background-position: -114px -52px; }
#css-menutitles_ li#menu-three a:active { background-position: -220px -52px; }
#css-menutitles_ li#menu-four a:active { background-position: -456px -52px; }
#css-menutitles_ li#menu-five a:active { background-position: -708px -52px; }
#css-menutitles_ li#menu-vcard a:active { background-position: -823px -52px; }

#css-main_ { position:relative;	margin:0 auto; width:900px; border:#000 solid 1px; background:#fff url(img/css_main_bg.gif) no-repeat top center; }
#css-content { width:477px;	margin:42px 0 90px 42px; }

/* - styles for links in main text - EDIT THIS - */
#css-content a { color:#c90; }
#css-content a:hover { text-decoration:none; }

/* - styles for h1 in main text - EDIT THIS - */
#css-content h1 {
	margin:0 0 15px 0;
	padding:0 0 0 0;
	font-family:Georgia, serif;
	font-size:24px;
	color:#000;
}

/* - styles for h2 in main text - EDIT THIS - */
#css-content h2 {
	margin:0 0 10px 0;
	padding:0px;
	font-family:Georgia, serif;
	font-size:13px;
	color:#000;
}

/* - styles for main text - EDIT THIS - */
#css-content p {
	margin:10px 0 10px 0;
	font-family: Verdana, Arial, serif;
	line-height:17px;
	font-size:11px;
	color:#555;
	text-decoration:none;
}

/* - styles for lists in main text - EDIT THIS - */
#css-content li {
	font-family: Verdana, Arial, serif;
	line-height:17px;
	font-size:11px;
	color:#555;
}

/* - styles for microformats (contact details on contactus page) - */
.vcard {
		margin:0 0 0px 0;
}
.vcard *  {
	font-family: Verdana, Arial, serif;
	line-height:17px;
	font-size:11px;
	color:#555;
	display:inline;
}

/* - styles for image column - */
#css-images { position:absolute; top:42px; right:42px; width:320px; }
#css-images img { width:279px; height:216px; padding: 18px 20px 18px 20px; background-image:url(img/css_image_bg.jpg);; margin-bottom:20px; }
#css-footer_ { position:absolute; width:813px; height:27px; left:42px; bottom:32px; }

/* - styles for footer - */
#css-footer_ li { display:inline; margin:0;padding:0;}
#css-footer_ ul { list-style:none; margin:0;padding:0;}
#css-footer_ li a { background-image:url(img/css_footer.gif);float: left; height: 0; padding-top: 27px; overflow: hidden; }
#css-footer_ li#backtotop a { background-position: 0 0; width: 813px; }
#css-footer_ li#backtotop a:hover { background-position: 0 -27px; width: 813px; }

/* - styles for infoserve link below page - */
#infoservelink { position:relative;	margin:20px auto; width:162px; height:19px; }
#infoservelink li {	list-style:none; }
#infoservelink li a { position:absolute; top:0px; left:0px; height:0px; padding-top:19px; overflow:hidden; }
#infoservelink li#infoservelink_a a { background-image:url(img/infoserve.gif); background-position:0 0;	width:162px; }
#infoservelink li#infoservelink_a a:hover {	background-position: 0 -19px; }