/*
	CSS - Clever Name

*/

html{height:100%;}
body{
margin: 0;
padding: 0;
background: #fcfcfc url(images/top-x.jpg) top repeat-x;;
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 #2e2c2d;
}

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

#header{
margin:0;
background: none;
background: url(images/header.jpg) top center no-repeat;
width:928px;
height:188px;
}

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

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

#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{
width:799px;
font-size:14px;
margin: 0 0 0 43px;
letter-spacing:.05em;
padding: 12px 0 0 5px;
}

#navigation a:link, #navigation a:visited{
color:#fff;
padding: 15px 13px 17px 13px;
}

#navigation a:hover{
text-decoration:none;
color: #ed1c24;
}
#navigation a:active{
color:#ff0000;
}
.currentpage{
background:url(images/arrow.jpg) bottom center no-repeat;
}


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


/*
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;
}

/* 
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;
}