/* CSS for Splash Pages */
/* syntax 

a{}
a:link{}
a:visited{}
a:hover{}
a:active{}

a.classname:link{}
a.classname:visited{}
a.classname:hover{}
a.classname:active{}

a:link, a:visited, a:hover, a:active{color:#ffffff}


.classname  	eg <body class="classname"> or <p class="classname">
p.classname 	eg <p class="classname">

#title		eg <p id="title"> or <body id="classname">
p#title		eg <p id="title">


descendents

p h1		eg <p><h1>This is h1 within p</h1></p>  p h1 {background-color:ffffff}


p.classname h1  ie h1 nested within p of specific class="classname"
p#title h1 	ie h1 nested within p of specific id="title"

p>h1		ie h1 nested within 1 tier of p

attribute selectors

img[name] {border="none"}	ie selects all images with an attribute name set to anything

img[name="main"] {border="none"} ie selects only images with name attribute set to "main"

*/



/****** Start ********************************************/

a:link, a:visited, a:hover, a:active {
	text-decoration:none;
	outline-style:none;
}

html {margin: 0; padding: 0;}

body {
	margin: 0; 
	padding: 0;
	background: #ebebeb; 
	color: #ff0000;
}


div#framework {
	width: 300px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	border: 1px solid #000000;
	
}


div img#splash{
	outline-style:none;
	margin-top:30px;
	border: 2px solid #000000;
}

div img#splash_text {
	border:none;
	outline-style:none;
	margin-top: 20px;
	margin-bottom: 20px;
}



