/* 

ToC

	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images
	6. forms stuff

*/



/* --------- 1. defaults  --------- */

* {/* zero margins and padding */
		margin: 0;
		padding: 0;
		}
body {
	margin:0px;
	background-repeat: no-repeat;
	background-color: #DDD;
	background-position: center;
	}

#wrapper {/* site content container */
		width: 900px;
		margin: 0 auto;
		background-color: #DDD;
		border: 1px solid #555555;
		border-top: 0px;
		}
		
#masthead {/* add border to masthead */
	border-bottom: 10px solid #dddddd;
	background-repeat: repeat-x;
		}

#content {
		background: #ffffff;
		padding: 10px;
		padding-right:29px;
		padding-left:29px;
		}

		color: #000000;
		}
		
	/* -- skip navigation -- */

#skipNav a:hover {
		color: #898989;
		background: url(assets/skip-nav.gif) 50% 100% no-repeat;
		}


	/* -- main navigation -- */
#mainNavigation {
		background: #111111;
		border-top: 1px solid #555555;
		padding: 6px 0;
		}

#mainNavigation ul {
		text-align: center;
		}

#mainNavigation li {
		display: inline;
		}

#mainNavigation a {
		font: bold 1.3em Arial, sans-serif;
		color: #ffffff;
		text-decoration: none;
		padding: 6px 10px;
		padding-left: 35px;
	    padding-right: 35px;
		}
		
#mainNavigation a:hover {
		color: #92b5bc;
		}
#mainNavigation1 {
		background: #111111;
		border-top: 1px solid #555555;
		padding: 6px 0;
		}

#mainNavigation1 ul {
		text-align: center;
		}

#mainNavigation1 li {
		display: inline;
		}

#mainNavigation1 a {
		font: bold 1.3em Arial, sans-serif;
		color: #ffffff;
		text-decoration: none;
		padding: 6px 10px;
		padding-left: 35px;
	    padding-right: 35px;
		}
		
#mainNavigation1 a:hover {
		color: #92b5bc;
		}		
		
.sectionHome #mainNavigation #linkHome a, .sectionNews #mainNavigation #linkNews a, .sectionDesign #mainNavigation #linkDesign a, .sectionBrowsers #mainNavigation #linkBrowsers a, .sectionPics #mainNavigation #linkPics a, .sectionContact #mainNavigation #linkContact a {/* automation for active tab */
	background: #92b5bc url(assets/active-tab-background.jpg) 0 100% repeat-x;
	border-top: 1px solid #92b5bc;
	padding-left: 35px;
	padding-right: 35px;
		}
.sectionHome #mainNavigation1 #linkHome a, .sectionNews #mainNavigation1 #linkNews1 a, .sectionDesign #mainNavigation1 #linkDesign1 a, .sectionBrowsers #mainNavigation1 #linkBrowsers1 a, .sectionPics #mainNavigation1 #linkPics a, .sectionContact1 #mainNavigation1 #linkContact a {/* automation for active tab */
	background: #92b5bc url(assets/active-tab-background.jpg) 0 100% repeat-x;
	border-top: 1px solid #92b5bc;
	padding-left: 35px;
	padding-right: 35px;
		}		

.sectionHome #mainNavigation #linkHome a:hover, .sectionNews #mainNavigation #linkNews a:hover, .sectionDesign #mainNavigation #linkDesign a:hover, .sectionBrowsers #mainNavigation #linkBrowsers a:hover, .sectionPics #mainNavigation #linkPics a:hover, .sectionContact #mainNavigation #linkContact a:hover {/* hover over-ride for automated tab */
		color: #92b5bc;
		}
.sectionHome #mainNavigation1 #linkHome1 a:hover, .sectionNews1 #mainNavigation1 #linkNews1 a:hover, .sectionDesign1 #mainNavigation1 #linkDesign1 a:hover, .sectionBrowsers1 #mainNavigation1 #linkBrowsers1 a:hover, .sectionPics1 #mainNavigation1 #linkPics1 a:hover, .sectionContact1 #mainNavigation1 #linkContact1 a:hover {/* hover over-ride for automated tab */
		color: #92b5bc;
		}		
		
	/* -- sub-navigation -- */
#subNavigation {
		margin-top: -1px;
		background: #92b5bc url(assets/sub-navigation-background.jpg) 0 100% repeat-x;
		border-bottom: 1px solid #6b6b6b;
		padding: 6px 0;
		
		}

#subNavigation ul {
	text-align: center;
	color: #333;
		}

#subNavigation li {
		display: inline;
		}

#subNavigation a {
		font: bold 1.2em Arial, sans-serif;
		color: #ffffff;
		text-decoration: none;
		padding: 6px 10px;
		padding-left: 35px;
	    padding-right: 35px;
		}

#subNavigation a:hover {
	color: #3D5E63;
		}
#subNavigation1 {
		margin-top: -1px;
		background: #92b5bc url(assets/sub-navigation-background.jpg) 0 100% repeat-x;
		border-bottom: 1px solid #6b6b6b;
		padding: 6px 0;
		
		}

#subNavigation1 ul {
	text-align: center;
	color: #333;
		}

#subNavigation1 li {
		display: inline;
		}

#subNavigation1 a {
		font: bold 1.2em Arial, sans-serif;
		color: #ffffff;
		text-decoration: none;
		padding: 6px 10px;
		padding-left: 35px;
	    padding-right: 35px;
		}

#subNavigation1 a:hover {
	color: #3D5E63;
		}		
/* ---------- 4. fonts ---------- */

html {
		font-size: 100%;
		}

body {
	font-size: 65%;
		}

h1 {/* main heading */
	font: bold 1.8em/1.1em Arial, sans-serif;
	margin-bottom: 5px;
	color: #666;
	text-align: center;
		}

h2 {/* cross-head */
		font: bold 1.2em/1.0em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
		margin-top: 1.3em;
		margin-bottom: 2px;
		color: #1a9f44;
		}

p {
	margin-bottom: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	line-height: 1.55em;
	color: #333333;
		}

/* ---------- 5. images ---------- */

a img {/* remove borders from linked images */
		border: 0;
		}

		
/* ---------- 6. forms stuff ---------- */