* {padding:0;margin:0;border:0;font-weight:100}
a{font-size:14px;text-decoration:underline}
a:hover{text-decoration:underline;color:#333}

h2, h2 a {
font-size:21px;
color:#fff;
text-decoration:none;
}
h3 {
font-size: 16px;
color:#fff;
}
p {
font-size: 14px;
color:#fff;
}
cite {
font-size:14px;
color:#333;
font-style:normal;
}
.widecol h3 {
color:#777;
}
p {line-height:22px;margin-bottom: 5px}
strong {font-weight:bold}
body {
background: url(images/bg.jpg) top left no-repeat #fff;
background-attachment:fixed;
width:6000px;
height:100%;
font-family: Arial, Helvetica, sans-serif;
overflow-x:hidden;
}
#outside {
display:block;
width:80000px;
position:relative;
}
.wrapper {
width:960px;
position:relative;
}
#home {
position:absolute;
left:500px;
}
#about {
position:absolute;
left:1800px;
}
/*#blog {
position:relative;
left:3600px;
}*/
#portfolio {
position:absolute;
left:3100px;
}
#contact {
position:relative;
left:4400px;
}
.header img {padding-top:30px}
.header .bubble {padding-left:30px}

/*Menu Code Begin*/
.nav {
position:absolute;
top:90px;
right:0px;
list-style:none;
}
.nav li{display:inline}	
.nav a{
float:left;
height:30px;
margin-left:15px;
text-decoration:none;
overflow:hidden;
display:block;
}     
.nav a:hover {background-position: 0 -30px}
.nav a.selected {background-position: 0 -30px}
.nav a:active {background-position: 0 0}
.home a { width:54px; background: url(images/menu/home.png) top left no-repeat; }
.about a { width:120px; background: url(images/menu/about.png) top left no-repeat; }
.blog a { width:75px; background: url(images/menu/blog.png) top left no-repeat;   }
.portfolio a { width:90px; background: url(images/menu/portfolio.png) top left no-repeat;   }
.contact a { width:81px; background: url(images/menu/contact.png) top left no-repeat;   }

.popup {
position: absolute;
display: none;
z-index: 50;
border-collapse: collapse;
}

/*End Menu Code*/

/*Home CSS*/

.middle {
position:relative;
margin-top: 50px;
background: #c92227;
width: 960px;
height: 300px;
overflow:hidden;
}
.middle img {
float: left;
margin: 7px;
display:inline;
overflow:hidden;
}
.middle .content {
float:left;
width:327px;
margin-top:15px;
display:inline;
}
#work li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
.middle h3 {padding-top:2px}
.middle p {margin-top: 10px}
.launcher {float:left;color:#fff;padding-top:15px}
.bottom {
margin-top:25px;
background: #777;
width:960px;
overflow:hidden;
padding-bottom:10px;
}
.bottom .bottomboxes {
float:left;
width:295px;
margin: 20px 0 5px 20px;
}
.bottom .bottomboxes p {
margin-top:10px;
font-style:italic;
}
.left {float:left}
.right {float:right}
.footer {
clear:both;
position:relative;
top:30px;
height:50px;
}
.footer p {
color:#777;
}

/*About CSS*/

#about .content {
float:left;
margin-left:20px;
width:100%;
}
#about .narrowcol {
width: 353px;
float:left;
}
#about .widecol {
width: 550px;
float:left;
margin-left:20px;
margin-right:20px;
}
#about .bottom {
background:none;
}
#about .bottom p {
color:#777;
width: 543px;
margin-right:20px;
float:right;
}
#about .bottom p+p {
text-indent: 30px;
}
#about .bottom img {
width: 369px;
height:256px;
float:left;
}

/*Blog CSS*/

/* #blog .content {
float:none;
margin-left:20px;
width:100%;
}
#blog .content p {width:327px;float:left}
#blog .middle img {float:right}
#blog .bottom{background:none}
#blog .bottom p {
color:#777;
margin-botton:10px;
}
#blog .column {
clear:both;
}
#blog .narrowcol {
width: 475px;
float:left;
margin-right:5px;
}
#blog .widecol {
width: 470px;
float:right;
margin-left:5px;
}
#blog blockquote {
width:470px;
}
#blog blockquote p {
font-weight:bold;
} */

/*Portfolio CSS*/

#portfolio .prev, #portfolio .next {
position:absolute;
top:300px;
cursor:pointer;
}
#portfolio .prev {
left:-24px;
}
#portfolio .next {
right:-24px;
}
#portfolio #sections {
clear:left;
overflow:hidden;
width:960px;
height:620px;
position: relative;
}
#portfolio #sections ul {
width:4000px;
}
#portfolio #sections li {
float:left;
}
#portfolio .bottom {
background:none;
}
#portfolio .bottom p {
color:#777;
margin-right:20px;
width: 543px;
float:right;
}
#portfolio .bottom p+p {
text-indent: 30px;
}
#portfolio .bottom img {
width: 375px;
height:235px;
float:left;
}

/*Contact CSS*/

#contact .middle {
height:70px;
}
#contact .content {
float:left;
margin-left:20px;
width:100%;
}
#contact form label {
color:#777;
font-size:14px;
}
#contact form input, textarea {
border: 1px solid #777;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#777;
margin: 10px 0;
padding:3px;
width:340px;
}
#contact form textarea {
height:100px;
}
#contact .bottom {
background:none;
}
#contact .bottom p {
color:#777;
margin-right:20px;
}
#contact .widecol p+p {
text-indent: 30px;
}
#contact #submitinput {
width:350px;
}
#contact .narrowcol {
width: 360px;
float:left;
margin-left:20px;
}
#contact .widecol {
width: 555px;
float:left;
margin-left:20px;
}
#contact .widecol h3 {
margin-bottom: 10px;
color:#333;
}
#contact .widecol p {font-style:italic}
#contact .widecol ul {
margin: 15px 0;
}
#contact .widecol li {
color:#777;
font-size:14px;
padding: 5px 0;
}
p#success
{
width:345px;
background: #92FFA5;
border: 2px solid #009218;
font-weight: bold;
margin-bottom: 10px;
text-align: center;
}		
p#bademail, p#badserver
{
width:345px;
background: #FFA3A1;
border: 2px solid #D00D00;
font-weight: bold;
margin-bottom: 10px;
text-align: center;
}