/* CSS Document */
/* Created October 31, 2008
Tyler Denis
Copyright 2008 Denis Designs*/

body {
background: url(http://www.denisdesigns.com/images/background.jpg) no-repeat center top scroll #000000;
}

img {
float: left;
margin-right: 10px;
margin-bottom: 10px;
clear: left;}

h1 {
font-size: 24px;
font-weight: bold;
color: #CC3333;
letter-spacing: -1px;
text-align: left;
margin: 10px 10px 10px 10px;
clear: both;}

h2 {
font-size: 16px;
font-weight: bold;
color: #CC3333;
letter-spacing: -.5px;
text-align: left;
margin: 10px 10px 10px 10px;}

h3 {
font-size: 13px;
font-weight: bold;
color: #CC3333;
letter-spacing: -.5px;
text-align: left;
margin: 10px 10px 10px 10px;}


p {
font-size: 13px;
color: #CCCCCC;
text-align: left;
line-height: 18px;
margin: 10px 10px 10px 10px;}

.imgbreak {
background: url(http://www.denisdesigns.com/images/imgbreak.jpg) no-repeat #000000;
height: 10px;
margin: 5px 0 5px 0;}

a:link{
color: #CC3333;
text-decoration: none;
}

a:visited {
color: #CC3333;
text-decoration: none;
}

a:active { 
color: #999999; 
text-decoration: none;
}

a:hover {
color: #999999;
text-decoration: underline;
}

#header {
width: 660px;
margin: 0 auto;
overflow: auto;
text-align: center;}

#nav {
background: url(http://www.denisdesigns.com/images/nav_sprite.jpg) no-repeat;
float: right;
width: 266px;
height: 33px;
margin: 0px;
padding: 0px;}

#nav span {
display: none;}

#nav a {
height: 33px;
display: block;}

#nav li {
float: left;
list-style: none;
display: inline;}

#home { width: 54px;}
#portfolio { width: 54px;}
#pricing { width: 48px;}
#process { width: 52px;}
#contact { width: 55px;}

#home a:hover {background: url(http://www.denisdesigns.com/images/nav_sprite.jpg) 0px -33px no-repeat;}
#portfolio a:hover {background: url(http://www.denisdesigns.com/images/nav_sprite.jpg) -54px -33px no-repeat;}
#pricing a:hover {background: url(http://www.denisdesigns.com/images/nav_sprite.jpg) -108px -33px no-repeat;}
#process a:hover {background: url(http://www.denisdesigns.com/images/nav_sprite.jpg) -156px -33px no-repeat;}
#contact a:hover {background: url(http://www.denisdesigns.com/images/nav_sprite.jpg) -208px -33px no-repeat;}

#twitter_update_list ul {}
#follow li {}

#logo {
float: left;
clear: left;
margin: 25px 0 10px 0;}

#box {
width: 660px;
background: #000000;
margin: 0 auto;
overflow: auto;
text-align: center;
overflow: hidden;}

#feature {
background: url(http://www.denisdesigns.com/images/break.jpg) no-repeat #000000;
padding-top: 10px;
margin-top: 40px;}

#content {
background: url(http://www.denisdesigns.com/images/break.jpg) no-repeat top #000000;
padding-top: 10px;
margin: 10px 0 20px 0;
height: 200px;
text-align: left;
clear: both;}

#xmascontent {
background: url(http://www.denisdesigns.com/images/break.jpg) no-repeat top #000000;
padding-top: 10px;
margin: 10px 0 20px 0;
text-align: left;
clear: both;}

#left {
float: left;
width: 290px;
clear: left;}

#right {
float: right;
width: 290px;
margin-bottom: 20px;
clear: right;}

#ramblings {
background: url(http://www.denisdesigns.com/images/break.jpg) no-repeat top #000000;
padding-top: 10px;
margin-top: 10px;
clear: both;}

ul#twitter_update_list {
font-size: 13px;
color: #CCCCCC;
text-align: left;
line-height: 25px;
margin: 10px 10px 10px 10px;}

#follow {
text-align: right;
margin-right: 10px;
float: right;
clear: right;
border: none;}

#footer {
background: url(http://www.denisdesigns.com/images/break.jpg) no-repeat top #000000;
padding-top: 10px;
height: 141px;
clear: both;
text-align: center;
}

textarea.textarea{
	font-family:"helvetica", Arial, Tahoma, sans-serif;
}

select.select{
	font-family:"helvetica", Arial, Tahoma, sans-serif;
	margin:1px 0;
	padding:1px 0 0 0;
}

iframe {
height: 480px;
clear: both;}