/*-----------------------------------------------------------------------------
SearchEngineCorp.com Style Sheet For Internal Pages

date:      08/2007
author:    david diaz
email:     info@reactorwebdesign.com
website:   http://www.reactorwebdesign.com/
-----------------------------------------------------------------------------*/

/* =general
-----------------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;}
	
body {
	padding: 10px;
	background: #C5C5C5 url(http://www.searchenginecorp.com/images/bg-page2.jpg) repeat-x;
	font: 76% 'Trebuchet MS', verdana, arial;
	}

a {
	color: #069;
	text-decoration: none;
	font-weight: bold;}

a:hover {
	color: #069;
	text-decoration: underline;}
		
a img {
	border: none;}
	
#wrapper {
	background: url(http://www.searchenginecorp.com/images/bg-mid-internal.png) repeat-y;	
	width: 986px;
	margin: auto;
	position: relative;
	}
	
#header {
	height: 120px;
	background: url(../images/bg-top-internal.png) no-repeat;	
	}
	
#header img{
	padding: 10px 0 0 20px;
	}


#header h1{
	text-indent: -9999px;
	}

#header .donate {
	position: absolute;
	top: 80px; 
	right: -30px;
	width: 87px;
	height: 87px;
	background: url(http://www.searchenginecorp.com/images/50.png) no-repeat;
	}
	
#header .donate em {
	display: none;
	}

#content {}
	
#main {
	margin: 20px 280px 20px 40px;
	border-right: 1px solid #eaeaea;
	font-size: 1.2em;
	line-height: 1.4em;
	}

#main h2 {
	margin: 0 0 20px 0;}

#main h1 {
	margin: 40px 0 20px 0;
	font-size: 1.5em;}	
	
#main p {
	margin: 0 0 20px 0;
	width: 30em;
	padding-left: 1em;}

#main p a{
	font-size: 0.9em;}	

#main ul {
	margin: 0 0 20px 0;
	width: 30em;
	padding-left: 3em;}

#main li {
	margin-bottom: 0.8em;}	

#main .bio img {
	float: left;
	padding: 5px;
	border: 1px solid #eaeaea;
	margin: 0 10px 10px 0;}	

#main .bio p{
	padding: 10px;
	background: #eaeaea;
	padding-left: 100px;
	*padding-left: 10px;}	

#main h4 {
	margin: 40px 0 10px 0;
	width: 30em;
	padding-left: 1em;}	

#sidebar2 {
	width: 240px;
	position: absolute;
	top: 160px;
	right: 100px; }
	
#sidebar {
	width: 160px;
	position: absolute;
	top: 130px;
	right: 75px; }

#sidebar ul {
	padding: 0 0 0 20px;}	

#sidebar li {
	padding: 10px 10px 10px 0;
	list-style: none;
	border-bottom: 1px solid #eaeaea;}		

#sidebar li a {
	font-size: 1.4em;}		
	
#buttons {
	position: relative;
	height: 120px;
	margin-top: 20px;
}

#buttons h2 a {
	text-indent: -9999px;
	display: block;
	width: 156px;
	height: 72px;
	margin: 10px;
	}

#buttons h2.corporate a {
	background: url(http://www.searchenginecorp.com/images/solutions-internal.png) bottom left no-repeat;
	}
#buttons h2.corporate a:hover {
	background: url(http://www.searchenginecorp.com/images/solutions-internal.png) top left no-repeat;
	}

#buttons h2.nonprofit a {
	background: url(http://www.searchenginecorp.com/images/solutions-internal.png) bottom center no-repeat;
	}
#buttons h2.nonprofit a:hover {
	background: url(http://www.searchenginecorp.com/images/solutions-internal.png) top center no-repeat;
	}		
	
#buttons h2.education a {
	background: url(http://www.searchenginecorp.com/images/solutions-internal.png) bottom right no-repeat;
	}
#buttons h2.education a:hover {
	background: url(http://www.searchenginecorp.com/images/solutions-internal.png) top right no-repeat;
	}		
	
#buttons h2.licensingoptions a {
	background: url(http://www.searchenginecorp.com/images/licensing-buttons.png) bottom no-repeat;
	}
#buttons h2.licensingoptions a:hover {
	background: url(http://www.searchenginecorp.com/images/licensing-buttons.png) top no-repeat;
	}			
	
#navigation {
	position: absolute;
	right: 20px;
	top: 20px;
	width: 500px;
	margin: auto;
	height: 30px;
	margin-top: 20px;}

#navigation ul {
	text-align: center;
	display: inline;
}	
	
#navigation li {
	display: inline;
	list-style: none;
	text-align: center;
	}

#navigation li a{
	text-align: center;
	display: block;
	float: left;
	color: #FFF;
	text-decoration: none;
	background: url(http://www.searchenginecorp.com/images/button1_new.jpg);
	padding-top: 5px;
	width: 94px;
	height: 23px;
	margin: 0 2px;
	}

#navigation li a:hover{
	background: url(http://www.searchenginecorp.com/images/button2_new.jpg);
	}

#navigation li a.selected{
	background: url(http://www.searchenginecorp.com/images/button2_new.jpg);
	}
		
	
#footer {
	height: 28px;
	background: url(http://www.searchenginecorp.com/images/bg-bottom-internal.png) no-repeat;
	text-align: center;
	color: #666;
	font-weight: bold;
	padding-top: 30px;
	}

#navigation-footer  {
	margin: auto;
	border-top: 1px solid #eaeaea; 
	width: 95%;
	padding-top: 20px;
	text-align: center;
}	

	
#navigation-footer ul {
	text-align: center;
}	
	
#navigation-footer li {
	display: inline;
	list-style: none;
	text-align: center;
	}	

#navigation-footer li a {
	text-decoration: none;
	color: #666;
	padding: 0 5px;
	}		

#navigation-footer li a:hover {
	text-decoration: underline;
	}		

.link-list {
	display: block;
	padding-left: 1em;}	

.link-list a {
margin: 0 0 5px 0;
padding: 0 0 5px 0;
line-height: 2em;}	
	
.clear {
	clear: both;}	


#main2 {
	margin: 20px 280px 20px 40px;
	font-size: 1.2em;
	line-height: 1.4em;
	}

#main2 h2 {
	margin: 0 0 20px 0;}
	
#main2 p {
	margin: 0 0 20px 0;
	width: 30em;
	padding-left: 1em;}

#main2 p a{
	font-size: 0.9em;}	

#main2 ul {
	margin: 0 0 20px 0;
	width: 30em;
	padding-left: 3em;}

#main2 li {
	margin-bottom: 0.8em;}	


#main2 h4 {
	margin: 40px 0 10px 0;
	width: 30em;
	padding-left: 1em;}	

#portfolio {
	margin: 20px 20px 20px 40px;
	font-size: 1.2em;
	line-height: 1.4em;
	}

#portfolio h2 {
	margin: 0 0 10px 0;}



#portfolio .item h4 {
	margin: 5px;
	padding: 0;
}	

#portfolio .item a {
	color: #000;
}	

#portfolio .item img {
	border: 1px solid #CCC;
	margin-bottom: 5px;
}	

#portfolio .item {
		border: 1px solid #eaeaea;
		width: 260px;
		float: left;
		display: block;
		padding: 5px;
		margin: 10px;
		background-color: #fafafa;
		text-align: center;}	

.spacer50 {
	height: 50px;}	
		
.spacer100 {
	height: 100px;}		

.spacer200 {
	height: 200px;}	

.spacer300 {
	height: 300px;}		
	
.spacer400 {
	height: 400px;}		

				
.float {
	float: left;
	padding: 0 10px 10px 0;}		

.badge1 {
	position: relative;
	width: 505px;
	background: url(http://www.searchenginecorp.com/images/badge-1.jpg) no-repeat;
	height: 171px;
	margin-bottom: 20px;}		
	
.badge1 span {
	position: absolute;
	left: 170px;
	top: 25px;
	display: block;
 width: 280px;}		


.badge5 {
	position: relative;
	width: 505px;
	background: url(http://www.searchenginecorp.com/images/badge-5.jpg) no-repeat;
	height: 171px;
	margin-bottom: 20px;}		
	
.badge5 span {
	position: absolute;
	left: 170px;
	top: 25px;
	display: block;
 width: 280px;}	 

.badge6 {
	position: relative;
	width: 505px;
	background: url(http://www.searchenginecorp.com/images/badge-6.jpg) no-repeat;
	height: 190px;
	margin-bottom: 20px;}		
	
.badge6 span {
	position: absolute;
	left: 170px;
	top: 10px;
	display: block;
 width: 280px;}	
 .badge7 {
	position: relative;
	width: 505px;
	background: url(http://www.searchenginecorp.com/images/badge-7.jpg) no-repeat;
	height: 190px;
	margin-bottom: 20px;}		
	
.badge7 span {
	position: absolute;
	left: 170px;
	top: 3px;
	display: block;
 width: 300px;}	


.badge3 {
	position: relative;
	width: 505px;
	background: url(http://www.searchenginecorp.com/images/badge-3.jpg) no-repeat;
	height: 170px;
	margin-bottom: 20px;}		
	
.badge3 span {
	position: absolute;
	left: 170px;
	top: 25px;
	display: block;
 width: 280px;}	

 #contact {
 		background: url(http://www.searchenginecorp.com/images/contact.jpg) no-repeat;
 		padding: 20px 10px 10px 10px;
 		height: 350px;
 	}

 table {
 	width: 520px;
 	border: 1px solid #eaeaea;
 	border-collapse:collapse;
 	font-size: 0.9em;
 	margin-bottom: 20px;
}

 	
td {
	color:#678197;
 	border-bottom:1px solid #e5eff8;
	 	border-left:1px solid #e5eff8;
	 	padding:.3em;
	 	text-align:center;
	 	background-color: #f9fcfe;}	
	 	
.column {
 	text-align: left;
 	background-color: #f4f9fe;}	

.head {
 	color: #333;
 	background-color: #FEE8D1;}		
		
table.licensing {
 	width: 200px;
 	border: 1px solid #eaeaea;
 	border-collapse:collapse;
 	font-size: 0.9em;
 	margin-bottom: 20px;
	margin-left: 80px;}

#searchform {
	text-align: center;
	background: url(http://www.searchenginecorp.com/images/searchform.jpg) no-repeat;
	width: 140px;	
	height: 180px;
	margin-top: 20px;
	padding: 15px;
	color: #FFF;}
	
#searchform h4 {
	font-size: 1.2em;
	font-weight: normal;}

#searchform form {
	margin-top: 10px;}
	
	
#searchform .input {
	width: 130px;
	padding: 3px;
	border: 2px solid #CCC;
	margin: 5px 0 0 0;}

#searchform .button {
	width: 70px;
	padding: 3px;
	border: 2px solid #CCC;
	margin: 10px 0 0 0;
}

#searchform a {
	display: block;
	padding: 10px 0 0 0;
	color: #FFF;
	font-weight: normal;
	text-decoration: underline;
}