html
{
    overflow: -moz-scrollbars-vertical;    
}
/* LINK COLORS FOR MENU */
a {
	outline: none;
}
a:link
{
    color: #fff; text-decoration: none;    
}
a:visited
{
    color: #fff; text-decoration: none;    
}
a:hover
{
    color: #fff; text-decoration: none;    
}
body
{
    margin: 0; padding: 0; font-family: Trebuchet MS, Arial, helvetica; font-size: 12px; color: #000; background-image: url(../i/sky.jpg); background-repeat: repeat-x; background-color: #0c2c52;
}
.mountains
{   
    position: absolute; bottom: 0px; background-image: url(../i/mountains.png); background-repeat: repeat-x; width: 100%; height: 447px; z-index: 5;  
}
.logo
{
    position: absolute; top: 14px; left: 14px; z-index: 6;    
}
.realDragonfly
{
	position: absolute; bottom: 5px; right: 30px; z-index: 8; display: block;
}
/* MENU */
.menuBar
{
    position: absolute; bottom: 0px; background-image: url(../i/menuBar.png); background-repeat: repeat-x; width: 100%; height: 36px; z-index: 26;
}
.menuBar .menuItemHolder
{
    position: absolute; bottom: 0px; left: 20px; z-index: 7; height: 46px;   
}
.menuBar .menuItem1
{
    position: absolute; bottom: 0px; left: 77px; width: 84px; height: 29px; z-index: 7; font-size: 15px; font-weight: bold; text-align: center;
}
.menuBar .menuItem2
{
    position: absolute; bottom: 0px; left: 159px; width: 84px; height: 29px; z-index: 7; font-size: 15px; font-weight: bold; text-align: center;
}
.menuBar .menuItem3
{
    position: absolute; bottom: 0px; left: 242px; width: 84px; height: 29px; z-index: 7; font-size: 15px; font-weight: bold; text-align: center;
}
.menuBar .menuItem4
{
    position: absolute; bottom: 0px; left: 325px; width: 84px; height: 29px; z-index: 7; font-size: 15px; font-weight: bold; text-align: center;
}
.menuBar .menuItemHome
{
    position: absolute; bottom: 0px; left: 77px; width: 84px; height: 46px; background-image: url(../i/btnHome_o.png); background-position: center top; background-repeat: no-repeat; z-index: 6;
}
.menuBar .menuItemAbout
{
    position: absolute; bottom: 0px; left: 159px; width: 84px; height: 46px; background-image: url(../i/btnAbout_o.png); background-position: center top; background-repeat: no-repeat; z-index: 6;
}
.menuBar .menuItemPortfolio
{
    position: absolute; bottom: 0px; left: 242px; width: 84px; height: 46px; background-image: url(../i/btnPortfolio_o.png); background-position: center top; background-repeat: no-repeat; z-index: 6;
}
.menuBar .menuItemContact
{
    position: absolute; bottom: 0px; left: 325px; width: 84px; height: 46px; background-image: url(../i/btnContact_o.png); background-position: center top; background-repeat: no-repeat; z-index: 6;
}
/* Contact Form */
.contactForm
{
    position: absolute; bottom: -20px; left: 20px; background-image: url(../i/windowTray.png); background-repeat: no-repeat; z-index: 8; width: 786px; height: 636px; 
}
.pageTitle
{
    position: relative; top: 75px; left: 85px; font-size: 20px; color: #c6d0da;    
}
.contactHolder
{
    position: relative; top: 100px; left: 140px;     
}
/* IE HACK */
html>/**/body .contactHolder
{
    position: relative; top: 100px; left: 50px;     
}
.contactForm ul
{
    list-style: none; width: 510px; margin: 0 0 0 10px;
}
.contactForm .contactLabel
{
    margin: 0; padding: 10px 0 0 0; width: 80px; float: left; font-size: 14px; font-weight: bold; color: #3f3f3f;   
}
.contactForm .contactInput
{
    margin: 0; padding: 10px 0 0 0; width: 420px; float: left;    
}
.contactForm .contactTextRed
{
    margin: 0; padding: 10px 0 0 0; width: 420px; float: left; font-size: 10px; font-weight: normal; color: #c51717;   
}
.contactForm .largeInput
{
    font-size: 18px; font-weight: bold; font-family: Arial, helvetica, Sans-Serif; width: 400px; padding: 5px 5px; color: #3f3f3f;
}
.contactForm .largeInputMessage
{
    font-size: 18px; font-weight: bold; font-family: Arial, helvetica, Sans-Serif; width: 400px; height: 200px; padding: 5px 5px; color: #3f3f3f;
}
.contactForm .contactButton
{
    float: left; width: 100px; height: 50px; font-size: 18px; font-weight: bold; color: #3f3f3f;
}
.contactForm .redStar
{
    color: #c51717; font-size: 20px; font-weight: bold; width: 10px; float: right; padding: 10px 0 0 0;
}
.contactForm .contactFormError
{
    margin: 0; padding: 0 0 0 80px; color: #c51717;
}
html>/**/body  .contactForm .contactFormError
{
    margin: 0; padding: 0 0 0 131px; color: #c51717;
}
/* End Contact Form */
/* About Form */
/* Contact Form */
.aboutForm
{
    position: absolute; bottom: -20px; left: 20px; background-image: url(../i/windowTray.png); background-repeat: no-repeat; z-index: 8; width: 786px; height: 636px; 
}
.aboutForm a:link
{
    color: #366fb2; text-decoration: none;    
}
.aboutForm a:visited
{
    color: #366fb2; text-decoration: none;    
}
.aboutForm a:hover
{
    color: #c51717; text-decoration: none;    
}
.aboutHolder
{
    position: relative; top: 115px; left: 120px; overflow-y: scroll; height: 390px; width: 568px;   
}
/* IE HACK */
html>/**/body .aboutHolder
{
    position: relative; top: 115px; left: 120px; overflow-y: scroll; height: 390px; width: 568px; 
}

/* Home Form */
.HomeForm
{
    position: absolute; bottom: 10px; left: 20px; z-index: 8; width: 650px; height: 636px;
}
.HomeHolder
{
    position: absolute; bottom: 318px; left: 0px;  width: 650px;   
}
.HomeHolder h1
{
    font-size: 23px; color: #fff; font-family: Trebuchet MS; font-weight: normal; padding: 0 0 0 20px; 
}
.HomeThumbOutside
{
    margin: 0; padding: 0 0 0 0px; float: left; background-image: url(../i/thumbBorder.png); background-repeat: no-repeat; background-position: center; width: 138px; height: 138px;   
}
.HomeThumbRollover
{
    margin: 0; padding: 0 0 0 0px; float: left; background-image: url(../i/thumbBorderOver.png); background-repeat: no-repeat; background-position: center; width: 138px; height: 138px;   
}
.HomeThumbInside
{
    margin: 30px 0 0 0; padding: 0 0 0 20px; width: 138px; height: 138px;    
}
.titleImage
{
    margin: 0 auto; padding: 10px 0 0 0; text-align: center; color: #fff; font-size: 12px; font-weight: bold; 
}
.moveImage
{
    padding: 21px 0 0 0; 
}
.portTitle
{
    font-size: 12px; font-weight: bold; color: #fff;    
}
/* Hidden Div to show images and description */
.popUpLeft
{
	width: 365px; float: left;
}
.popUpRight
{
	width: 303px; float: left; text-align: left;
}
.PortLinkImage
{
	background-image: url(../i/port-link.png); background-repeat: no-repeat;
}
.PortATag
{
	padding: 0 0 0 20px;
}
.PopUpBackground
{
    position: absolute; background-image: url(../i/bg-portfolio.png); background-repeat: no-repeat; width: 826px; height: 563px; z-index: 20; bottom: 30px;
}
.PopUpCloseButton
{
    position: relative; top: 12px; left: 768px; width: 46px; height: 24px;    
}
.PopUpTitle
{
    font-family: Trebuchet MS; font-size: 18px; font-weight: normal; margin: 5px 0 5px 0; padding: 0; width: 250px;   
}
.PopUpInfo
{
    position: relative; top: 60px; left: 51px; 
}
html>/**/body .PopUpInfo
{
    position: relative; top: 60px; left: 51px;  
}
.imageHolder
{
    margin: 3px 0 0 0; padding: 0; width: 303px; height: 303px; float: left;
}
html>/**/body .imageHolder
{
    margin: 3px 0 0 0; padding: 0; width: 303px; height: 303px; float: left;
}
.PopUpMedia
{
	margin: 0; padding: 0px 0 0 20px; width: 303px; clear: both;
}
.PopUpMedia h1
{
	margin: 0; padding: 7px 0 0 0;
}
.PopUpInfo p
{
    margin: 10px 0 0 0; padding: 0;  
}
.pdfLnk
{
    position: absolute; top: 75px; left: 670px; width: 40px; height: 41px; 
}
.PopUpBackground a:link
{
    color: blue; text-decoration: none;    
}
.PopUpBackground a:visited
{
    color: blue; text-decoration: none;    
}
.PopUpBackground a:hover
{
    color: #c51717; text-decoration: none;    
}
/* Portfolio Div's */
.portfolioForm
{
    position: absolute; bottom: -20px; left: 20px; background-image: url(../i/windowTray.png); background-repeat: no-repeat; z-index: 8; width: 786px; height: 636px; 
}
.portfolioHolder
{
    position: absolute; bottom: 150px; left: 129px; height: 350px; width: 568px; z-index: 7;
}
/* IE HACK */
html>/**/body .portfolioHolder
{
    position: absolute; bottom: 100px; left: 128px; height: 400px; width: 568px; z-index: 7;
}
.portfolioHolder .portTitle
{
    color: #000;    
}
.blogHolder
{
	position: absolute; width: 210px; height: 500px; bottom: 0px; left: 650px; border: #900;
}
.blogHolder h1
{
	color: #fff; margin: 0; padding: 0 0 0 10px; font-weight: normal;
}
.blogArticle
{
	position: absolute; width: 210px; height: 500px; bottom: 150px; left: 800px; border: #900;
}
.blogArticle h1
{
	color: #fff; margin: 0; padding: 0 0 0 10px; font-weight: normal;
}
.blogEntries
{
	width: 284px; height: 198px; background-image: url(../i/blog-bg.png); background-repeat: no-repeat;
}
.blogEntries a:link
{
	color: #f8bd1c;
}
.blogEntries a:visited
{
	color: #f8bd1c;
}
.blogEntries a:hover
{
	color: #ab7f07;
}
.blogEntries ul
{
	margin: 0; padding: 20px 0 0 35px; list-style: circle; width: 230px; color: #fff;
}
.blogEntries ul.blogArticles
{
	margin: 0; padding: 20px 0 0 25px; list-style: none; width: 230px; color: #fff;
}
.blogEntries li.entryItems
{
	border-bottom: dotted 1px #fff; padding: 10px 0;
}
.blogEntries li.cats
{
	padding: 2px 0;
}
.blogEntries .allCategory
{
	float: right; margin: 0; padding: 0 20px 0 0;
}
.paging { margin: 0 auto; text-align: center; clear: both; padding: 50px 0 0 0; }
.paging div.Results { text-align:center; font:11px/15px Arial,Helvetica; color:#000; margin-top:8px; }

.pagination { font-size: 12px; padding-top:10px; margin-left:auto; margin-right:auto; }
.pagination a,.pageList .this-page { padding:2px 6px; border:solid 1px #000; text-decoration:none; color: #000; }
.pagination a:visited { padding:2px 6px; border:solid 1px #000; text-decoration:none; }
.pagination .start { margin-right:20px; padding:2px 6px; color:#000; }
.pagination .previous { margin-right:20px; padding:2px 6px; border:solid 2px #ddd; }
.pagination .break { padding:2px 6px; border:none; text-decoration:none; }
.pagination .next { margin-left:20px; padding:2px 6px; border:solid 2px #ddd; }
.pagination .end { margin-left:20px; padding:2px 6px; color:#aaa; }
.pagination .this-page { padding:2px 6px; border-color:#999; font-weight:bold; font-size: 13px; vertical-align:top; color:#900; }
.pagination a:hover { color:#fff; background:#900; border-color:#036; text-decoration:none; }

#errorList { position: absolute; bottom: 0px; left: 180px; width: 340px; padding: 5px; background-color: #ffc; border: 1px solid #ff3; }
#errorList h4 { margin: 0; padding: 5px 0 5px 5px; font-size: 15px; }
#errorList ul { margin: 0; padding: 5px 0 5px 35px; }