/* CSS Document */

/*

Phil Helberg
http://www.peachydragon.com
	  
*/

* { padding: 0; margin: 0; }
 
html{ font-size:100%; }
body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 0.82em;
 line-height: 1em;
 background-color: #000000;
 background-image:url(http://www.peachydragon.com/images/backdrop2010.jpg);
 background-repeat:no-repeat;
 background-attachment: fixed;
 background-position: center top;
}
#wrapper {
z-index: 9;
position: relative;
margin: 0 auto;
padding:0;
width: 727px;
}

#wrappernf {
background: url(http://www.peachydragon.com/images/bg3.jpg) no-repeat;
z-index: 9;
position: relative;
margin: 0 auto;
padding:0;
width: 727px;
}

#wrapperindex{
z-index: 9;
position: relative;
margin: 0 auto;
padding:0;
width: 727px;
}

#mainpic {
position: relative;
margin: 0 0 0 0;
height: 500px;
background: url(http://www.peachydragon.com/images/main.jpg) no-repeat;
}


#wrapperbehind{
z-index: 1;
position: relative;
 margin: 0 auto;
 padding:0;
 width: 727px;
}
/*

Links
	  
*/


a {

color: #ffbd6f;
}
a:link {

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

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

text-decoration: underline;
	color: #ff9933;
}

#leftcolumn p {
line-height: 0.7em;
margin: 0 0 5px 0;
padding: 0 0 0 0;
}

#leftcolumn li {
line-height: 0.7em;
margin: 0 0 2px; 0;
padding: 0 0 0 0;
list-style:none;
float:left;
border-left:#333 1px solid;
}
#leftcolumn li.last-button {
border-right:#333 1px solid;
}
#leftcolumn #home ul li{
	float:left;
}

#leftcolumn ul {
margin: 1px 1px 1px 3px;
padding:0;
}

#leftcolumn a {
font-weight: lighter;
line-height: 0.7em;
color: #cccccc;
padding: 6px 5px 0 5px;
margin: 0 0 0 0;
text-align: center;
height: 18px; 
width:109px; 
/*border: 1px red solid;*/
font: 0.9em Helvetica, Arial, sans-serif;
display:block;
background: url(http://www.peachydragon.com/images/buttons-2010.png) 0 0 no-repeat;
text-decoration: none;

}
#leftcolumn a:link {
color: #cccccc;
}
#leftcolumn a:visited {
color: #cccccc;
}
#leftcolumn a:hover {
color: #ffffff;
background-position: 0 -24px;
background-repeat:repeat-x;
}
#leftcolumn a:active {
color: #666666;
background-position: 0 -48px;
background-repeat:repeat-x;
}

#leftcolumn a.search, #leftcolumn a:active.search {
background: url(http://www.peachydragon.com/images/searchbutton2.png) 0 0 no-repeat;
text-decoration: none;
background-position:bottom;
}
#leftcolumn a:hover.search {
background: url(http://www.peachydragon.com/images/searchbutton2.png) 0 0 no-repeat;
text-decoration: none;
background-position:top;
}
 #search a.search{
background-position:top;
}
#search a:visited.search{

background-position:top;
}
/*

End Links
	  
*/
/*

Headings, Paragrahps
	  
*/
/*Welcome page text styling*/

.clr1{
color: #003366;
}

.clr2{
color: #999999;
}

p strong{ 
font-weight: bold;
}

/* General site text styling*/

#header p {

font: 1.1em Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
   	color: #cccccc;
  	padding: 0px 5px 5px 237px;
  	margin: 10px 0 5px 0;
	line-height: 0.8em;
	text-align: left;
	border-bottom: none;
   }
   
#header li {

font: 1.1em Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
   	color: #cccccc;
  	padding: 0px 0px 5px 5px;
  	margin: 5px 0 5px 0;
	line-height: 0.8em;
	text-align: left;
	border-bottom: none;
	list-style:none;
	float:left;
   }
#header a, #header a:link, #header a:active, #header a:visited{

   	color: #cccccc;
   }
   
#header a:hover{

   	color: #8e8e8e;
   }
   
#header ul{
padding:158px 5px 0 233px;
}

h1 {

font: 1.1em Arial, Helvetica, sans-serif;
	font-weight: lighter;
	text-transform: uppercase;
   	color: white;
  	padding: 0px 5px 0 0;
  	margin: 0px 0 5px 0;
	border-bottom: 1px solid white;
	line-height: 1.3em;
	text-align: left;
   }
   h3 {

font: 1.1em Arial, Helvetica, sans-serif;
	font-weight: lighter;
	text-transform: uppercase;
   	color: white;
  	padding: 0px 5px 0 0;
  	margin: 0px 0 5px 0;
	border-bottom: 1px solid white;
	line-height: 1.3em;
	text-align: left;
   }
h1.right {

font: 1.1em Arial, Helvetica, sans-serif;
	font-weight: lighter;
	text-transform: uppercase;
   	color: white;
  	padding: 0px 5px 0 0;
  	margin: 0px 0 5px 0;
	border-bottom: 1px solid white;
	line-height: 1.3em;
	text-align: right;
   }
   
h1.nextflash {

font: 1.1em Arial, Helvetica, sans-serif;
	font-weight: lighter;
	text-transform: uppercase;
   	color: white;
  	padding: 0px 5px 0 0;
  	margin: 0px 0 5px 0;
	border-bottom: 1px solid white;
	line-height: 1.3em;
	text-align: left;
	width: 180px;
   }
   
h1.rightnextflash {

font: 1.1em Arial, Helvetica, sans-serif;
	font-weight: lighter;
	text-transform: uppercase;
   	color: white;
  	padding: 5px 5px 0 0;
  	margin: 10px 0 5px 0;
	border-bottom: 1px solid white;
	line-height: 1.5em;
	text-align: right;
	width: 180px;
   }
   
h2 {

font: 1.4em Georgia, "Times New Roman", Times, serif;
	font-weight: lighter;
   	color: #cccccc;
  	padding: 0 0 0 0;
  	margin: 10px 0;
	line-height: 1.4em;
	text-align: left;
   }
   
h2.right {

font: 1.4em Georgia, "Times New Roman", Times, serif;
	font-weight: lighter;
   	color: #cccccc;
  	padding: 0 0 0 0;
  	margin: 10px 0;
	line-height: 1.4em;
	text-align: right;
   }

p {

font: 0.95em Arial, Helvetica, sans-serif;
	font-weight: lighter;
   	color: #333;
  	padding: 10px 0 10px 0;
  	margin: 0px 0 0 0;
	line-height: 17px;
	text-align: justify;
}

h4 {

font: 0.95em Arial, Helvetica, sans-serif;
	font-weight: bold;
   	color: white;
  	padding: 10px 0 10px 0;
  	margin: 0px 0 0 0;
	line-height: 1.2em;
	text-align: left;
}

ul {
padding-left: 15px;
}

li {

font: 0.95em Arial, Helvetica, sans-serif;
	font-weight: lighter;
   	color: white;
  	padding: 0 0 0 5px;
  	margin: 0px 0 0 0;
	line-height: 1.2em;
	text-align: left;
	}
	
#rightcolumn p{

/* border: 1px red solid; */
 color: white;
}

#rightportfolio p{

/* border: 1px red solid; */
 color: white;
}
#rightportfolio2 p{

/* border: 1px red solid; */
 color: white;
}
/*

End Headings, End Paragrahps
	  
*/

#header {

 
/* border: 1px red solid; */
 width: 727px;
  padding: 0 0 0 0;
 height: 185px;
 margin: 0 0 20px 0;
 background: url(http://www.peachydragon.com/images/bg3.jpg) no-repeat;
}

#leftcolumn {

/* border: 1px red solid; */
 position:relative;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0;
 width: 727px;
 /*background-color:#0C6;
*/ display:block;
background:url(http://www.peachydragon.com/images/buttons-2010-back.png);
 min-height:50px;
}
#rightcolumn {

/* border: 1px red solid; */
 position: relative;
 margin: 0px 0px 0px 0px;
 padding: 15px;
 width: 475px;
 display: inline;
 background: url(http://www.peachydragon.com/images/block.png) repeat-y top right;
  float: right;
  min-height:526px;
}
#rightportfolio {

/* border: 1px red solid; */
 position: relative;
 float: right;
 margin: 0px 0px 0px 0px;
 padding: 15px;
 width: 475px;
 display: inline;
 background: url(http://www.peachydragon.com/images/block.png) repeat-y top right;
}

#rightcolumntop {

/* border: 1px red solid; */
 position: relative;
 float: right;
 margin: 10px 0px 0px 0px;
 padding: 0px 15px;
 width: 475px;
 height: 11px;
 display: inline;
 background: url(http://www.peachydragon.com/images/blocktop.png) repeat-y top right;
}
#rightcolumnbottom {

/* border: 1px red solid; */
 position: relative;
 float: right;
 margin: 0px 0px 15px 0px;
 padding: 0px 15px;
 width: 475px;
 height: 11px;
 display: inline;
 background: url(http://www.peachydragon.com/images/blockbot.png) repeat-y top right;
}

#rightcolumn img.intext {
 float: right;
 margin: 8px 0 12px 20px;
 padding: 0;
 display: inline;
border: 3px solid #990000;
}

#rightcolumn img.intext2 {
 float: left;
 margin: 8px 20px 12px 0px;
 padding: 0;
 display: inline;
border: 3px solid #990000;
}

#rightcolumn img{
border: 3px solid #990000;
margin: 10px 0 0 0;
}

#containleft{
	width: 170px;
}

#rightcolumn object{
margin: 0 10px;
}

/*object{
border: 1px red solid;
}*/

.flashintext {
 float: right;
 margin: 8px 0 12px 30px;
 padding: 0;
 display: inline;
}

.clear {
clear:both;}

.subcolumn {
/* border: 1px red solid; */
border-right: 1px solid #666666;
 float: left;
 margin: 0px 0px 0px 0px;
 padding:0px 0px 0 0px;
 width: 230px;
 display: inline;
}
.subcolumn2 {
/* border: 1px red solid; */
border-left: 1px solid #666666;
 float: right;
 margin: 0px 0px 0px 0px;
 padding:0px 0px 0 0px;
 width: 230px;
 display: inline;
}

#footer {
width: 727px;
padding: 0 0 0 0;
clear:both;
}

.firstfooter{
width: 727px;
margin: 0px 0 0 0;
padding: 0 0 0 0;
}

#rightportfolio p.left{
text-align: left;
}


#rightportfolio2 p.left{
text-align: left;
}

#footer p.bmenu{
 height:30px;
 clear: both;
 color: #8e8e8e;
 border: 1px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 background: #121212;
 text-align: center;
 font-size: 11px;
 line-height:12px;
}

#footer p.bmenu a{
 line-height:15px;
}

#footer-box{
 color: #8e8e8e;
 border: 1px solid #ccc;
  border-top: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 background:url(http://www.peachydragon.com/images/black.png);
 text-align: left;
 overflow:auto;
 height:100px;
}

#footer-box p{
 color: #8e8e8e;
}

#copyright{
width: 727px;
padding-bottom:30px;
margin-bottom:30px;
}

#copyright p{
 height: 7px;
 margin: 0px 0px 10px 0px;
 padding: 10px;
 text-align: center;
 font-size: 11px;
  color: #8e8e8e;
}

#copyright img{
 position: relative;
 padding: 0px 5px 0 5px ;
 top: 6px;
}

#footer a{
 height: 15px;
 clear: both;
 color: #8e8e8e;
 margin: 0px 0px 10px 0px;
 padding: 0px;
 text-align: center;
 font-size: 11px;
 text-decoration: underline;
}

.firstfooter p{
 height: 15px;
 clear: both;
 color: #8e8e8e;
 margin: 0px 0px 10px 0px;
 padding: 10px;
 text-align: center;
 font-size: 11px;
}

.firstfooter a{
 height: 15px;
 clear: both;
 color: #8e8e8e;
 margin: 0px 0px 10px 0px;
 padding: 0px;
 text-align: center;
 font-size: 11px;
 text-decoration: underline;
}


.thumbs {
width: 475px; /* the width of the thumbnail block */
margin: 0;
padding: 0;
}

#rightportfolio p{
text-align:center;
}

#rightportfolio2 p{
text-align:center;
}

.thumbs ul li {
   margin: 7px 21px 0px 0px;
   padding: 0;
   list-style: none;
   float: left;
   }
   
.thumbs p.about {
	background-image:url(http://www.peachydragon.com/images/about-button.png);
	background-repeat:no-repeat;
	background-position:6px 2px;
	
	display:block;
	height:14px;
	width:54px;
   margin: 0px 21px 0px 0px;
   padding: 0 0 0 0px;
   float: left;
   color:#CCC;
   }
   .thumbs p.about a,.thumbs p.about a:visited,.thumbs p.about a:active{
	
   color:#CCC;
   }
   .thumbs p.about a:hover{
	
   color:#FFF;
   }
   .thumbs p.aboutfirst {
	background-image:url(http://www.peachydragon.com/images/about-button.png);
	background-repeat:no-repeat;
	background-position:20px 2px;
	
	display:block;
	height:14px;
	width:54px;
   margin: 0px 21px 0px 0px;
   padding: 0 0 0 15px;
   float: left;
   color:#CCC;
   }
 .thumbs p.aboutfirst a,.thumbs p.aboutfirst a:visited,.thumbs p.aboutfirst a:active{
	
   color:#CCC;
   }
   .thumbs p.aboutfirst a:hover{
	
   color:#FFF;
   }
	
.thumbs ul li a:link img,
.thumbs ul li a:visited img{
	
   	border: 3px solid #990000;
    }
	
.thumbs ul li a:focus img,
.thumbs ul li a:hover img,
.thumbs ul li a:active img{	
border: 3px solid green;
   	}
	
	
	
.back {
position:absolute;
left:0px;
top:0px;
}

#rightcolumn img.toppad {
margin: 17px 0 0 0;
}

ol{
margin:15px;
padding:1px;
}

p.tablecenter{
text-align:center;
}

p.padding-left{
padding-left:15px;
}

p.belowport{
padding-top:1px;
margin-top:0px;
	background-image:url(http://www.peachydragon.com/images/more-button.png);
	background-repeat:no-repeat;
	background-position:130px 2px;
	
	display:block;
	height:14px;
	width:475px;
}

p.white-form{
	font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 line-height: 17px;
 color:#FFF;
 }
 
 p.error{
	font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
line-height: 17px;
 color:#F00;
 }


#home a.home{
color: #CCC;
background-position: 0 -48px;
background-repeat:repeat-x;
}
#home a:visited.home{
color: #CCC;
background-position: 0 -48px;
background-repeat:repeat-x;
}
#services a.services{
color: #CCC;
background-position: 0 -48px;
background-repeat:repeat-x;
}
#services a:visited.services{
color: #CCC;
background-position: 0 -48px;
background-repeat:repeat-x;
}
#blog a.blog{
color: #CCC;
background-position: 0 -48px;
background-repeat:repeat-x;
}
#blog a:visited.blog{
color: #CCC;
background-position: 0 -48px;
background-repeat:repeat-x;
}
#portfolio a.portfolio{
color: #CCC;
background-position: 0 -48px;
background-repeat:repeat-x;
}
#portfolio a:visited.portfolio{
color: #CCC;
background-position: 0 -48px;
background-repeat:repeat-x;
}
#aboutMe a.aboutMe{
color: #CCC;
background-position: 0 -48px;
background-repeat:repeat-x;
}
#aboutMe a:visited.aboutMe{
color: #CCC;
background-position: 0 -48px;
background-repeat:repeat-x;
}
#workflow a.workflow{
color: #CCC;
background-position: 0 -48px;
background-repeat:repeat-x;
}
#workflow a:visited.workflow{
color: #CCC;
background-position: 0 -48px;
background-repeat:repeat-x;
}
#articles a.articles{
color: #CCC;
background-position: 0 -48px;
background-repeat:repeat-x;
}
#articles a:visited.articles{
color: #CCC;
background-position: 0 -48px;
background-repeat:repeat-x;
}
#downloads a.downloads{
color: #CCC;
background-position: 0 -48px;
background-repeat:repeat-x;
}
#downloads a:visited.downloads{
color: #CCC;
background-position: 0 -48px;
background-repeat:repeat-x;
}
#clientList a.clientList{
color: #CCC;
background-position: 0 -48px;
background-repeat:repeat-x;
}
#clientList a:visited.clientList{
color: #CCC;
background-position: 0 -48px;
background-repeat:repeat-x;
}
#testimonials a.testimonials{
color: #CCC;
background-position: 0 -48px;
background-repeat:repeat-x;
}
#testimonials a:visited.testimonials{
color: #CCC;
background-position: 0 -48px;
background-repeat:repeat-x;
}
#contact a.contact{
color: #CCC;
background-position: 0 -48px;
background-repeat:repeat-x;
}
#contact a:visited.contact{
color: #CCC;
background-position: 0 -48px;
background-repeat:repeat-x;
}

#phil-blog-feed{
	height:300px;
	overflow:auto;
	line-height:17px;
	margin: 10px  0 0px 0;
	padding: 0 15px 0 0;
}
#phil-blog-feed  .rssincl-title{
	border-bottom: 1px solid white;
	margin: 0px  0 5px 0;
	height:8px;
}
#phil-blog-feed  .rssincl-title a, #phil-blog-feed  .rssincl-title a:visited, #phil-blog-feed  .rssincl-title a:active{
	font: 1em  Arial, Helvetica, sans-serif;
	font-weight: lighter;
	text-transform: uppercase;
   	color: white;
  	padding: 0px 5px 0px 0;
  	margin: 0px 0 0px 0;
	text-align: left;
	line-height:0px;
	text-decoration:none;
}
#phil-blog-feed  .rssincl-title a:hover{
color:#ffbd6f;
}

#phil-blog-feed  .rssincl-itemtitle{
	font: 1em Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
  	padding: 5px 0 0 0;
  	margin: 10px 0;
	line-height: 1.4em;
	text-align: left;
}

#footer-box  .rssincl-title{
	border-bottom: 1px solid white;
	margin: 0px  0 5px 0;
	height:8px;
}


 #footer-box .blogs  .rssincl-itemtitle{
	font: 1em Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
  	padding: 5px 0 0 0;
  	margin: 10px 0;
	line-height: 1.4em;
	text-align: left;
	
		font: 1em  Arial, Helvetica, sans-serif;
	font-weight: lighter;
	text-transform: uppercase;
   	color: white;
  	padding: 0px 5px 0px 0;
  	margin: 0px 0 0px 0;
	text-align: left;
	line-height:0px;
	text-decoration:none;
}
#hire{
	display:block;
	height:100px;
	width:200px;
	position:absolute;
	left:0px;
	top:268px;
	z-index:20;
}
#hire a.hire,#hire a:visited.hire,#hire a:active.hire{
display:block;
width:199px;
height:30px;
background-image:url(http://www.peachydragon.com/images/buttons-hire.png);
background-position:top;
color:#CCC;
font-size:14px;
text-align:center;
padding:13px 0 0 0;
}
#hire a:hover.hire{
	background-position:bottom;
	color:#FFF;
}
#hire a:active.hire{
	color:#FFF;
	text-decoration:none;
}
#contact-details{
	color:#FFF;
	display:block;
	width:200px;
	position:absolute;
	left:0px;
	top:580px;
	z-index:20;
}
#contact-details-top{
	height:10px;
	display:block;
	width:200px;
	background-image:url(http://www.peachydragon.com/images/grey-back-top.png);
}
#contact-details-bottom{
	height:10px;
	display:block;
	width:200px;
	background-image:url(http://www.peachydragon.com/images/grey-back-bottom.png);
}
#contact-details-middle{
	color:#FFF;
	line-height:15px;
	display:block;
	width:180px;
	padding:0 10px;
	background-image:url(http://www.peachydragon.com/images/grey-back.png);
}
#contact-details p{
	color:#FFF;
	padding:4px 0;
	margin:0px 0;
	text-align:left;
}
#dragonsil{
	background-image:url(http://www.peachydragon.com/images/dragon-silhouette.png);
	display:block;
	width:210px;
	height:170px;
	position:absolute;
	left:0px;
	top:410px;
	z-index:1;
	
}