/*	Desc: *title* Screen Style Sheet
	Author: *your name*
	Date: *last modified date*
	+ Colours
	- *colour hex* *colour name* (*purpose*)
=== === === === === === === === === === */
/*=STRUCTURE
=== === === === === === === === === === */
html {background: #e8e8e8;

}
body {
background:  url(../images/mainbg.jpg) center repeat-y #e8e8e8;
font-family: Georgia, serif;


}


#hd{
position: relative;
}

#conifo{
position: absolute;
right: 30px;
top: 30px;
font-family: helvetica, arial, sans-serif;
font-size: 12px;
color: #666;
}

/*=COMMON
=== === === === === === === === === === */
* {
	padding: 0;
	margin: 0
}
p,
li {
	line-height: 150%
}

img {
	border: 0
}
a {text-decoration: none;

}

#bd{
background: url(../images/bodybg_06.png) repeat-y white;
height: 100%;

}

/*=MASTHEAD
=== === === === === === === === === === */
#masthead-1 {
background: url(../images/header_03.jpg) no-repeat;
width:750px;
height:215px;
display: block;
border-top: solid #9E2828 7px;
}

#masthead-wp {
background: url(../images/header-wp.jpg) no-repeat;
width:750px;
height:215px;
display: block;
border-top: solid #9E2828 7px;
}

#masthead-psic {
background: url(../images/header-psic.jpg) no-repeat;
width:750px;
height:215px;
display: block;
border-top: solid #9E2828 7px;
}

#masthead-2 {
background: url(../images/header-about.jpg) no-repeat;
width:750px;
height:215px;
display: block;
border-top: solid #9E2828 7px;
}

#masthead-3 {
background: url(../images/header-prog_03.jpg) no-repeat;
width:750px;
height:215px;
display: block;
border-top: solid #9E2828 7px;
}

#masthead-4 {
background: url(../images/header-clients.jpg) no-repeat;
width:750px;
height:215px;
display: block;
border-top: solid #9E2828 7px;
}

#masthead-5 {
background: url(../images/header-test_03.jpg) no-repeat;
width:750px;
height:215px;
display: block;
border-top: solid #9E2828 7px;
}

#masthead-con {
background: url(../images/header-yogi.jpg) no-repeat;
width:750px;
height:215px;
display: block;
border-top: solid #9E2828 7px;
}

#masthead-sgt {
background: url(../images/header-demo.jpg) no-repeat;
width:750px;
height:215px;
display: block;
border-top: solid #9E2828 7px;
}

/*=NAVIGATION
=== === === === === === === === === === */
#nav {
font-family: Georgia,serif;
font-size: 14px;
font-weight:bold;
background: #d1e2e4;
margin: 0;
border-top: solid #9E2828 8px;
width:161px;
height: inherit;
padding-bottom:50px;
}

#nav ul{margin: 0;
padding-top: 15px;
} 

#nav li{
border-bottom: 1px white solid;
color: #464646;
line-height: 35px;
text-indent: 15px;
height: 36px;
display: block;
}

#nav li:active{
background: #E4EEEF;
}

#nav li a{
color: #444444;
text-decoration: none;
}

#nav li a:hover{
color: #9E2828;
text-decoration: underline;
}

#linked{
margin:15px; 
font-family:helvetica, verdana, arial, sans-serif; 
font-size:10px; 
}

#linked a{
text-decoration: none;
color: #999;
}

#linked a:hover{
color:#666;
}

/*=CONTENT
=== === === === === === === === === === */
#content {
border-top: #6F797A solid 8px;
padding-left: 20px;
width: 569px;
font-size: 1.05em;
margin-bottom: 15px;
clear:both;
}

#client ul.left{
float:left;
width:225px;
margin-bottom: 45px;
}

#client ul.right{
float:right;
width:225px;
margin-bottom: 45px;
}

#client ul li{
text-indent: -15px;
}

#bio{
width: 545px;
}

#bio ul{
list-style-type: disc;
float: left;
margin-top: 0px;
margin-bottom: 45px;
}

#bio ul li{
list-style-type: disc;
font-style: italic;
color: #666;
}

.test{
margin: 10px 0;
width:525px;
clear: right;
}

.test p{
padding-left: 8px;
border-left: 2px solid #999;
}

.test img{
float: right;
margin-bottom: 25px;
margin-top: -10px;
}

h1{
font-family: Georgia serif;
font-size: 2.25em;
margin-top: .75em;
margin-bottom: 0;
color: #464646;
font-weight: normal;
}

h2{
font-size: 1.2em;
color: #9E2828;
font-style: italic;
font-weight: normal;
margin:0;
}

h3{
color: #555;
font-style: italic;
font-size: 14px;
}

#content a:hover h3{
color:#9E2828;
text-decoration: underline;
}

#home{
background: url(../images/bgpeggy_11_11.jpg) no-repeat bottom right;
}

/*=FOOTER
=== === === === === === === === === === */
#footer {
background: #6f797a;
padding:15px;
color: white;
font-size: 11px;
line-height: 15px;
font-family: Helvetica, Arial, sans-serif;
margin-bottom: 30px;
}

#footer a{
color:white;
text-decoration: none;
}

#footer a:hover{
color:#D1E2E4;
}