/* Exige Design 2008 Codie Westphall */

html {
overflow-y: scroll;
}

body {
text-align: center;
background: #ebebeb;
}

#container {
margin: 150px auto 0;
background-image: url(../images/bg.jpg);
background-color: black;
height: 342px;
width: 700px;
border-left: 10px solid #ed008c;
padding: 10px
/* height is 342 + 20 padding = 362*/
/* Width is 7000 + 10 border + 20 padding = 730*/
}

/* Header styles */

#header {
position: relative;
}

#header h1 {
float: left;
text-indent:-9999px;
margin:0 auto;
width:300px;
height: 61px;
background:transparent url(../images/exige_logo.png) no-repeat scroll;
}

#header ul {
margin: 0 0 0 470px;
text-align: right;
}

#header ul li{
display:inline;
}

#header ul a,
#header ul .slash {
float: left;
margin-top: 20px;
margin-right: 0px;
padding-right: 3px;
font-family: Georgia;
font-size: 18px;
font-weight: normal;
text-decoration: none;
font-style: italic;
letter-spacing: 0.7px;
color: #ebebeb;
}

#header ul a:hover {
color: #ed008c;
}

#header ul a.selected:hover {
text-decoration: underline;
}

#header ul a.selected {
color: #ed008c;
}

/* Home page Content */

#content p#welcome {
text-indent: -9000px;
margin: 83px 42px;
width: 595px;
height: 244px;
background: url(../images/welcome_message.png) no-repeat;
}

/* Contact page Content */

#content p#contact {
margin: 108px 120px;
text-align: right;
font-family: Georgia;
font-size: 18px;
font-weight: normal;
font-style: italic;
text-decoration: none;
line-height: 28px;
letter-spacing: normal;
color: #ebebeb;
}


#content p#contact a {
color: #ed008c;
text-decoration: none;
}

#content p#contact a:hover {
text-decoration: underline;
}

/* Portfolio page Contents */

#medium {
text-align: center;
position: absolute;
line-height: 40px;
margin: 150px 0 0 212px;
}

#medium h2 {
font-family: Georgia;
font-weight: normal;
font-style: italic;
font-size: 48px;
color: #ebebeb;
padding-right: 3px;
text-decoration: none;
letter-spacing: 2px;
float: left;
}

#medium h2 a {
color: #ebebeb;
text-decoration: none;
}

#medium h2 a:hover {
color: #ed008c;
}

#medium p {
font-family: Georgia;
font-size: 18px;
font-weight: normal;
font-style: italic;
letter-spacing: 1.5px;
color: #555555;
}

/* Print page Contents*/

#print-container {
margin-left: 50%; margin-right: 50%;
margin: 1500px auto 0;
width: 700px;
padding: 10px
}

#print-header {
position: relative;
}

#print-header h2 {
font-family: Georgia;
font-size: 48px;
font-style: italic;
font-weight: normal;
text-align: left;
letter-spacing: 2px;
color: #555555;
}

#print-header h3,
#print-header h3 a {
font-family: Georgia;
font-size: 18px;
font-style: italic;
font-weight: normal;
text-align: right;
text-decoration: none;
letter-spacing: 1px;
margin-top: -23px;
color: #555555;
}

#print-header h3 a:hover {
color: #ed008c;
text-decoration: none;
}

.print-work {
border-top: 1px #555555 solid;
margin-top: 28px
}

.print-work h2 {
font-family: Georgia;
font-size: 18px;
font-style: italic;
font-weight: bold;
text-align: left;
color: #555555;
letter-spacing: 1px;
float: left;
margin-top: 10px;
}

.print-work h3 {
font-family: Georgia;
font-size: 18px;
font-style: italic;
font-weight: normal;
text-align: left;
letter-spacing: 1px;
color: #555555;
float: left;
margin-top: 10px;
}

.print-work img {
border: 0;
margin-top: 10px;
}

.continue {
font-family: Georgia;
font-size: 18px;
font-style: italic;
font-weight: normal;
text-align: right;
text-decoration: none;
letter-spacing: 1px;
margin-top: -23px;
color: #555555;
float: left;
}

.continue a:hover {
color: #ed008c;
}

/* Web page contents */

#web-container {
margin-left: 50%; margin-right: 50%;
margin: 2000px auto; /* add 0 for bootom margin when content added */
width: 700px;
padding: 10px
}

#web-header {
position: relative;
}

#web-header h2 {
font-family: Georgia;
font-size: 48px;
font-style: italic;
font-weight: normal;
text-align: left;
letter-spacing: 2px;
color: #555555;
}

#web-header h3,
#web-header h3 a {
font-family: Georgia;
font-size: 18px;
font-style: italic;
font-weight: normal;
text-align: right;
text-decoration: none;
letter-spacing: 1px;
margin-top: -23px;
color: #555555;
}

#web-header h3 a:hover {
color: #ed008c;
text-decoration: none;
}

.web-work {
border-top: 1px #555555 solid;
margin-top: 28px
}

.web-work h2 {
font-family: Georgia;
font-size: 18px;
font-style: italic;
font-weight: bold;
text-align: left;
color: #555555;
letter-spacing: 1px;
float: left;
margin-top: 10px;
}

.web-work h3 {
font-family: Georgia;
font-size: 18px;
font-style: italic;
font-weight: normal;
text-align: left;
letter-spacing: 1px;
color: #555555;
float: left;
margin-top: 10px;
}

.web-work img {
border: 0;
margin-top: 10px;
}

.scroll2 {
font-family: Georgia;
font-size: 18px;
font-style: italic;
font-weight: normal;
text-align: right;
text-decoration: none;
letter-spacing: 1px;
margin-top: -23px;
color: #555555;
float: right;
}

.scroll2 a:hover {
color: #ed008c;
}