﻿body
{ 
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 9pt;
    text-transform: none;
    color: #000000;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
    text-align:center;
}
.Wrapper { margin: 0px auto; width:744px; text-align:center; }

.Logo { position:relative; width:744px; height:40px; text-align:left; }
.Logo a:link, .Logo a:visited, .Logo a:active { text-decoration: none; color:#000000; }
.Logo a:hover { text-decoration:underline; color:#762875; }

.ImgLogo { margin-left:11px; margin-bottom:4px; }

.PageHeader { position:relative; width:744px; text-align:left; background-image:url(images/nav_main.jpg); background-repeat:repeat-y; }

.Navigation { position:relative; float:left; width:186px; padding:10px 0 10px 0; background-image:none; background-color:inherit; }
.Navigation ul { list-style:none; padding: 0; margin: 0; margin-left:10px; margin-right:10px; }
.Navigation li { padding-bottom:5px; }
.Navigation a:link, .Navigation a:visited, .Navigation a:active { text-decoration: none; color:#000000; }
.Navigation a:hover { text-decoration:underline; color:#762875; }

.NavTop { position:absolute; width:186px; height:7px; overflow:hidden; top:0; left:-186px; background-position:top left; background-image:url(images/nav_top.jpg); }
.NavBottom { position:absolute; width:186px; height:8px; background-color:#FFFFFF; overflow:hidden; bottom:-2px; background-image:url(images/nav_bottom.jpg); left:-186px;  background-repeat:no-repeat; }

.Header_Main { position:relative; width:558px; float:left; }

.ImgHeader { border-bottom:solid 1px #FFFFFF; }

.Header { position:relative; width:558px; padding:10px 0 10px 0; background-image:url(images/header_main.jpg); }
.HeaderTop { position:absolute; width:558px; height:7px; overflow:hidden; top:0; left:0; background-image:url(images/header_top.jpg); }
.HeaderBottom { position:absolute; width:558px; height:7px; overflow:hidden; bottom:-1px; left:0; background-image:url(images/header_bottom.jpg); }

.Main { position:relative; min-height:310px; height:auto !important; height:310px; width:558px; padding:10px 0 10px 0; background-image:url(images/main.jpg); }
.Main ul li p, .Main p { margin:0; padding:0; margin-bottom:10px; line-height:18px; }
.Main ul li p { font-weight:bold; }
.Main a:link, .Main a:visited, .Main a:active { text-decoration: none; color:#000000; }
.Main a:hover { text-decoration:underline; color:#762875; }

.MainTop { position:absolute; width:558px; height:7px; overflow:hidden; top:0; left:0; background-image:url(images/main_top.jpg); }
.MainBottom { position:absolute; width:558px; height:7px; overflow:hidden; bottom:-1px; left:0; background-image:url(images/main_bottom.jpg); }

.ClearFloats { clear:both;}

.BulletList { position:relative; width:536px; }
.BulletType { position:relative; float:left; width:41px; height:15px; margin-right:5px; background-image: url(images/bullet.jpg); background-position:right top; background-repeat:no-repeat; text-align:right; }
.BulletDescription { position:relative; float:left; width:490px; font-weight:bold; margin:0 0 15px 0; }

.dragonphly { color:#762875; }

.PageFooter { position:relative; width:744px; height:25px; color:#FFFFFF; background-image: url(images/footer.jpg); }

.PageFooter a:link, .PageFooter a:visited, .PageFooter a:active { text-decoration: none; color:#FFFFFF; }
.PageFooter a:hover { text-decoration:underline; color:#FFFFFF; }

.Panels { position:relative; width:744px; margin-top:1px; }
.Panel { position:relative; width:186px; height:141px; float:left; background-image:url(images/panel.jpg); text-align:left; }
.PanelContainer { margin:10px; width:166px; height:121px; overflow:hidden; }
.PanelContainer p { margin:0; padding:0; }
.PanelContainer a:link, .PanelContainer a:visited, .PanelContainer a:active { text-decoration: none; color:#000000; }
.PanelContainer a:hover { text-decoration:underline; color:#762875; }
.Panel_HR { position:relative; width:166px; height:1px; overflow:hidden; background-color:#762875; margin:5px 0px 5px 0px; }

.Testimonials { position:relative; width:744px; }
.Testimonials_Header { width:744px; height:25px; color:#FFFFFF; background-image:url(images/testimonial.jpg); }
.Testimonials p { margin:0; padding:0; line-height:16px; }
.Testimonial_HR { position:relative; width:352px; height:1px; overflow:hidden; background-color:#000000; margin-top:10px; margin-bottom:10px; }

.PortfolioRow { position:relative; width:536px; margin-top:10px; color:#FFFFFF; text-align:center; float:left; }

.PImg1 { position:relative; float:left; width:126px; height:102px; padding-top:1px; margin-right:10px; }
.PImg2, .PImg3 { position:relative; float:left; width:126px; height:102px; padding-top:1px; margin-right:10px; }
.PImg4 { position:relative; float:left; width:126px; height:102px; padding-top:1px; }

.PImg1 img, .PImg2 img, .PImg3 img, .PImg4 img { padding:0; margin:0; border:solid 1px #666666; }

.PTxt1 { position:relative; float:left; width:126px;  background-color:#666666; margin-top:1px; margin-right:10px; }
.PTxt2, .PTxt3 { position:relative; float:left; width:126px;  background-color:#666666; margin-top:1px; margin-right:10px; }
.PTxt4 { position:relative; float:left; width:126px;  background-color:#666666; margin-top:1px; }

.PTxt1 a:link, .PTxt1 a:visited, .PTxt1 a:active, .PTxt1 a:hover { color:#FFFFFF; }
.PTxt2 a:link, .PTxt2 a:visited, .PTxt2 a:active, .PTxt2 a:hover { color:#FFFFFF; }
.PTxt3 a:link, .PTxt3 a:visited, .PTxt3 a:active, .PTxt3 a:hover { color:#FFFFFF; }
.PTxt4 a:link, .PTxt4 a:visited, .PTxt4 a:active, .PTxt4 a:hover { color:#FFFFFF; }

.PortfolioLayout { position:relative; float:left; width:270px; height:310px; margin-right:6px; }
.PortfolioTxt { position:relative; width:270; height:148px; }
.PortfolioTxt p { line-height:17px; }
.PortfolioLinks { position:absolute; bottom:0; left:0; }
.PortfolioLink { width:84px; height:46px; border:solid 1px #FFFFFF; float:left; margin-top:6px; text-align:center; }
.PortfolioLink p { margin:0; padding:0; padding-top:3px; }
.PortfolioLink a:link,.PortfolioLink a:visited, .PortfolioLink a:active { text-decoration:underline; }

.PortfolioImgViewer { position:relative; float:left; width:258px; border:solid 1px #FFFFFF; }
.PortfolioWVHeader { position:relative; width:258px; height:30px; border-bottom:solid 1px #FFFFFF; text-align:center; background-color:#762875; color:#FFFFFF; }
.PortfolioWVHeader p { margin:0; padding:0; padding-top:5px; }
.PortfolioWVImage { position:relative; width:258px; height:270px; }
.PortfolioWVFooter { position:relative; width:258px; height:6px; overflow:hidden; border-top:solid 1px #FFFFFF; background-color:#666666; }
.PortfolioImg { position:absolute; top:-1px; right:-1px; background-color:#EAEAEA; width:534px; height:308px; border:solid 1px #FFFFFF; text-align:center; z-index:100; }
.PortfolioImgHeader { position:relative; width:534px; height:30px; border-bottom:solid 1px #FFFFFF; text-align:center; background-color:#762875; color:#FFFFFF; }
.PortfolioImgHeader p { margin:0; padding:0; padding-top:4px; }
.PortfolioImgMain { position:relative; width:534px; height:270px; }
.PortfolioImgFooter { position:absolute; bottom:0; left:0; width:534px; height:6px; overflow:hidden; border-top:solid 1px #FFFFFF; background-color:#666666; }

/* Contact Form -------------------- */

.ContactForm                                                                { position:relative; width:536px; }
.ContactFormLbl                                                             { position:relative; float:left; width:150px; margin: 2px 5px 5px 0; }
.ContactFormFields                                                          { position:relative; float:left; width:381px; margin: 0 0 5px 0; }
.ContactFormFields input                                                    { width:320px; margin: 0 5px 0 0; }
.ContactFormFields textarea                                                 { width:320px; margin: 0 5px 0 0; }
.ContactFormLbl span, .ContactFormFields input, .ContactFormFields textarea { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; }

/*.ContactFormButtons { position:relative; width:480px; padding-left:155px; }*/
.ContactFormButtons input { float:left; width:75px; margin: 0 3px 0 0; font-size:8.5pt; }

/* --------------------------------- */