/*
	CSS - Karebear Dayhome

*/

html{height:100%;}
body{
margin: 0;
padding: 0;
font-family:Ariel, Helvetica, sans-serif;
font-size: 62.5%; /* Reset 1em to 10px */
color:#222;
height:100%;
}

/* 
link styles, italics, bold, and horizontal ruler settings ------------------------------------------------------------
*/
a:link{
color:#333;
text-decoration: none;
font-weight:bold;
}
a:visited {
color:#57000b;
text-decoration: none;
font-weight:bold;
}
a:hover {
color:#6e0513;
text-decoration: underline;
}
a:active {
color:#6e0513;
text-decoration: none;
}

hr{
height:2px;
border:none;
background:#444;
}

strong, b{
color:#333;
}

u{
color:#C0C0C0;
}
em, i{
color:#6b5757;
}


/* 
Site Headings --------------------------------------------------------------------------------------------------------
*/

h1{
font-size: 20px;
font-family:Ariel, Helvetica, sans-serif;
font-weight:bold;
color:#ed1c24;
letter-spacing:.01em;
background:none;
padding:0;
}

h2{
font-size: 18px;
font-family:Ariel, Helvetica, sans-serif;
letter-spacing:0.02em;
font-weight:bold;
color:#ba1026;
background:none;
padding:0;
}

h3 {
font-size: 16px;
font-family:Ariel, Helvetica, sans-serif;
font-weight:normal;
color:#ed1c24;
background:none;
padding:0;
}


/*
Page structure -------------------------------------------------------------------------------------------------------------------
*/
#wrapper1 {
width:100%;
margin-right:auto;
margin-left:auto;
border-bottom:10px solid #005099;
border-top: 10px solid #005099;
background: #fcfcfc url(images/header-bg.png) top repeat-x;;
}

#wrapper2 {
width:928px;
margin-right:auto;
margin-left:auto;
padding:0px;
text-align:left;
}

#header{
margin:0;
background: none;
background: url(images/logo.png) top left no-repeat;
width:928px;
height:250px;
}

/*
Footer Navigation------------------------------------------------------------------------------------------------------------------
*/
#footer{
width:928px;
color:#131313;
margin:0px auto 0 auto;
/*
background: url(images/footer.jpg) top center no-repeat;
background-color: #FFBDFF;
*/
}

#footer a:link{color:#131313;}
#footer a:visited{color:#131313;}
#footer a:hover{color:#f57617;}
#footer a:active{color:#131313;}

#footer-content{
width:902px;
margin:0 0 0 12px;
line-height:1.6em;}

#ftext1, #ftext2, #ftext3, #ftext4 {
padding:0 10px 0 50px;
margin:0;
float:left;
width:157px;
}

/*
Main Navigation------------------------------------------------------------------------------------------------------------------
*/
#navigation{
font-size:14px;
margin: -25px 0 20px 0px;
letter-spacing:.05em;
text-align: center;
}

#navigation a{
display: inline-block;
width: 140px;
color:#fff;
text-align: center;
border: 2px solid white;
padding: 15px 0px 15px 0px;
background-color: #005099;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

#navigation a:hover{
text-decoration:none;
color: #FFC3FF;
}
#navigation a:active{
color:#ff0000;
}
a.currentpage{
background-color: #4494DD;
cursor: default;
}


#statement{
float: right;
font-size:20px;
height:35px;
color:#aaa;
width:500px;
padding:84px 0 0 60px;
font-style:italic;
}

.sub-nav {
	margin: 0 400px 0 100px;
	padding-bottom: 4px;
	border-bottom: 1px solid black;	
	text-align: center;
}

.sub-nav a{
	display: inline-block;
	padding: 12px;
	background-color: #eeeeee;
	border: 1px solid black;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.sub-nav a:hover {
	text-decoration: none;	
}

/*
Content text -------------------------------------------------------------------------------------------------------------------
*/
#content{
width:902px;
background: #fff url(images/content-bg1.jpg) top left no-repeat;
margin:0 0 0 12px;
font-size:1.3em;/*13px equivilent*/
line-height:1.6em;
}

#maintextfull, .maintext, #sidetext{
padding:10px 10px 10px 50px;
margin: 0 0 50px 0;
float:left;
}

#maintextfull {
width:810px;
}

.maintext {
width:550px;
}

#sidetext {
width:200px;
}

#text1, #text2, #text3, #text4 {
padding:10px 10px 10px 50px;
margin: 0 0 70px 0;
float:left;
width:157px;
}

.system_message {
	padding: 10px;	
}

/* 
Portfolio  --------------------------------------------------------------------------------------------------------
*/
#portfolio-wrap{
width:900px;
margin: 0;
text-align:left;
padding:0;
background:red;
}

#portfolio-wrap ul li {
list-style: none;
float:left;
height:205px;
width:205px;
margin: 15px;
}

ul a img {
border: none;
margin: 5px 5px 10px 5px;
}

/* 
Forms  --------------------------------------------------------------------------------------------------------
*/

input {
background:#fcfcfc;
border:1px solid #d7d7d7;
}

/*
Misc ----------------------------------------------------------------------------------------------------------------------------------------
*/
.clear {
clear: both;
}

.hidden{
display:none;
}

.spacer{
height:50px;
}

.smspacer{
height:25px;
}