/* CSS for Slip Savers */

/* === Global Styles ==== */

body {
	font-family: Arial, Helvetica, sans-serif;
	background: #ffffff url(../images/site-bg.jpg) repeat-x top left;
	padding: 0;
}

p {
	margin: 1ex 1em;
}

a:link, a:visited, a:hover, a:active {
	text-decoration : underline;
	font-weight : normal;
	color : #000;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14px;
}

div#outerDiv {
	width: 1280px;
	margin: 0 auto;
}

/* === header ===*/

div#header{
	height: 266px;
	position: relative;
}


/* === logo == */

#outerDiv div#logo {
	position: absolute;
	left: 108px;
	top: 5px;
}

#logo a:link, #logo a:visited {
	height: 251px;
	width: 294px;
 	display: block;
	text-indent: -1000em;
	background: url(../images/slip-savers-logo.jpg) no-repeat left top;
	border: none;
}

/* === notslippery button == */

#outerDiv div#notslippery {
	position: absolute;
	left: 418px;
	top: 90px;
}




/* ==== Navigation === */

#header #navigation {
	position: absolute;
	left: 290px;
	top: 25px;
	width: 1000px;

}
#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#navigation li {
	float: left;
	margin: 0;
	padding: 0;
}

#navigation li a:link, #navigation li a:visited {
	font-family : Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: block;
	color: #FFF;
	text-decoration: none;
	padding: 0 13px 0 13px;
	border: none;
}

#navigation li a:hover, #navigation li a:active {
	color: #fef200;
}

/* === twitter button == */

#outerDiv div#twitterButton {
	position: absolute;
	left: 1009px;
	top: 235px;
}

#twitterButton a:link, #twitterButton a:visited {
	height: 26px;
	width: 29px;
 	display: block;
	text-indent: -1000em;
	background: url(../images/twitter-icon.jpg) no-repeat left top;
	border: none;
}


/* === meetup button == */

#outerDiv div#meetupButton {
	position: absolute;
	left: 1041px;
	top: 235px;
}

#meetupButton a:link, #meetupButton a:visited {
	height: 26px;
	width: 39px;
 	display: block;
	text-indent: -1000em;
	background: url(../images/meetuplogo.jpg) no-repeat left top;
	border: none;
}

/* === facebook button == */

#outerDiv div#facebookButton {
	position: absolute;
	left: 1080px;
	top: 235px;
}

#facebookButton a:link, #facebookButton a:visited {
	height: 26px;
	width: 26px;
 	display: block;
	text-indent: -1000em;
	background: url(../images/facebook-icon.jpg) no-repeat left top;
	border: none;
}

/* === blogger button == */

#outerDiv div#bloggerButton {
	position: absolute;
	left: 1106px;
	top: 235px;
}

#bloggerButton a:link, #bloggerButton a:visited {
	height: 26px;
	width: 25px;
 	display: block;
	text-indent: -1000em;
	background: url(../images/blogger-icon.jpg) no-repeat left top;
	border: none;
}

/* === blogger button == */

#outerDiv div#bloggerButton {
	position: absolute;
	left: 1106px;
	top: 235px;
}

#bloggerButton a:link, #bloggerButton a:visited {
	height: 26px;
	width: 25px;
 	display: block;
	text-indent: -1000em;
	background: url(../images/blogger-icon.jpg) no-repeat left top;
	border: none;
}
/* === blogger button == */

#outerDiv div#bloggerButton {
	position: absolute;
	left: 1106px;
	top: 235px;
}

#bloggerButton a:link, #bloggerButton a:visited {
	height: 26px;
	width: 25px;
 	display: block;
	text-indent: -1000em;
	background: url(../images/blogger-icon.jpg) no-repeat left top;
	border: none;
}

/* === linkedin button == */

#outerDiv div#linkedinButton {
	position: absolute;
	left: 1131px;
	top: 235px;
}

#linkedinButton a:link, #linkedinButton a:visited {
	height: 26px;
	width: 25px;
 	display: block;
	text-indent: -1000em;
	background: url(../images/linkedin-icon.jpg) no-repeat left top;
	border: none;
}

/* === linkedin button == */

#outerDiv div#youtubeButton {
	position: absolute;
	left: 1156px;
	top: 235px;
}

#youtubeButton a:link, #youtubeButton a:visited {
	height: 26px;
	width: 26px;
 	display: block;
	text-indent: -1000em;
	background: url(../images/youtube-icon.jpg) no-repeat left top;
	border: none;
}

/* ==== Top Line === */

div#topLine {
	position: relative;
	width: 1280px;
	height: 6px;
	margin: 0 auto;
	background-color: #000;
}
/* ==== Welcome === */

div#welcome {
	position: relative;
	width: 1100px;
	margin: 0 auto;
	background: #ffffff;
}

#welcome h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 32px;
	font-weight: bold;
	font-style:italic;
	color: #000;
	text-align: center;
}

#welcome p {
	font-family : Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #000;
	text-align: center;
	padding: 0 20px;

}

div#actionButtons {
	position: relative;
	width: 850px;
	margin: 0 auto;
	top: 12px;
	background: #ffffff;
}

#actionButtons div#leftButton{
	float: left;
	width: 407px;
	height: 131px;
	background: #000;
}

#actionButtons div#rightButton{
	float: right;
	width: 395px;
	height: 131px;
	background: #000;
}



/* ===Fox ===*/
div#fox {
	clear: both;
	margin: 0 auto;
	padding: 45px 20px 0px 0px;
}

#fox p {
	font-family : Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #9c9c9c;
	text-align: right;
}

#fox a:link, #fox a:visited {
	font-family : Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #9c9c9c;
	text-decoration: none;
	border: none;
}



/* ===pageContent ===*/
div#pageContent {
	width: 1080px;
	margin: 0 auto;
	position: relative;
	min-height: 400px;
	
}

#pageContent p, td, li {
	font-family : Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000;
	text-align: left;
	padding: 0px;

}

#pageContent p.little{
	font-family : Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	text-align: center;
	padding: 0px;

}

#pageContent h1{
	font-family : Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: normal;
	color: #000;
	text-align: center;
	padding: 0px;

}

#pageContent h2{
	font-family : Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #000;
	text-align: center;
	padding: 0px;

}

#pageContent h3{
	font-family : Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #000;
	text-align: left;
	padding: 0px;

}

#pageContent p.middle {
	font-family : Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000;
	text-align: center;
	padding: 0px;

}

#pageContent a:link, #pageContent a:visited {
	font-family : Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	text-decoration: none;
	border: none;
}


#pageContent a.more:link, #pageContent a.more:visited {
	font-family : Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	text-decoration: none;
	border: none;
	text-align: center;
	font-style:italic;
}

/* ===clients ===*/
#pageContent div#clients {
	width: 1016px;
	margin: 0 auto;
	position: relative;
	
}

#clients p {
	font-family : Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #000;
	text-align: left;
	padding: 0px;

}

#clients td {
	font-family : Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	text-align: left;
	padding: 0px;

}

#clients p.middle {
	font-family : Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #000;
	text-align: center;
	padding: 0px;

}
/* === Miscellaneous === */

.clear { clear: both }

/* ===Footer ===*/
div#footer {
	clear: both;
	margin: 0 auto;
	position:relative;
	width: 1080px;
	height: 98px;
	
}