@charset "utf-8";
/* CSS Document */

@import url("typo.css");
@import url("reset.css");

/*Main*/

#wrapper {min-height: 800px; height: 100%; background:url(../images/bgBody.gif) repeat-x;}

#hero {height: 348px; background:url(../images/displayArea.png) no-repeat center center; margin-top: 10px}

.center {margin: auto; top: 0; right: 0; bottom: 0; left: 0; text-align:center; width: 960px;}

/*Header*/

#header {min-height: 72px; text-align: left;}

#navigation {height: 78px;}
.logo {float:left; padding: 8px 0px 5px 20px}

#breadcrumb {padding-bottom: 10px}

/*Content*/
#content {clear: both; margin-top: 5px; padding: 5px 20px 10px 20px; min-height: 700px; height: auto !important; height: 700px; background:url(../images/mainGradient.gif) no-repeat #ffffff  center center;  text-align: left;}

/*Layout*/

.noBG {background: none !important;}
.contentBox {border-right: solid 1px #d9d9d9; min-height: 200px; margin: 0px 0px 10px 0px;}
.contentBox p {font-size: 12px; padding-bottom: 20px; line-height: 20px; text-align: left}
.contentBox  ul {margin-top: 5px}
.contentBox  ul li {padding: 5px 0px 5px 15px;}

.boxWidth {width: 24.6%; margin-top: 30px}
.boxWidthTwo { width: 33.2%;}
.boxWidthThree {width: 629px; background: none !important;}
.boxWidthFour { width: 428px;}

.boxPadLFT {padding:10px 20px 0px 10px;}
.boxPadCENTER {padding:10px 20px 0px 20px;}
.boxPadRGT {padding:10px 10px 0px 20px;}

#columnOne {padding: 10px 20px 10px 10px; text-align: justify}
#columnOne p {font-size:12px; line-height:20px; padding-bottom: 15px; padding-top: 10px}
#columnOne ul {margin-bottom: 15px}
#columnTwo {width: 340px; padding: 10px; text-align: justify}
#columnTwo p {font-size:12px; line-height:20px; padding-top:10px;}

.columnWidth {width: 530px;}
.columnWidthTwo {width: 100%;}
.noRGTMrg {margin-right: 0px !important; }

.portfolioPod {margin-bottom: 10px; height: 256px;}
.podText {padding-left: 10px; width: 350px}
.imageBorder {border: solid 3px #e4e4e4}

.textBox {border-bottom: solid 1px #ebebeb; border-top: solid 1px #bebebe; padding-bottom: 5px; padding-top: 20px}
.textBox ul li {padding: 5px 0px 5px 0px; margin: 0px 0px 0px 20px}
.textBox ol li {padding: 5px 0px 5px 0px; margin: 0px 0px 0px 20px}
.noTopLine {padding-top: 0px; border-top: 0px !important;}
.noBotLine {border-bottom: 0px !important;}

.contentBoxSpecial p {color: #EAE8DC; font-size: 12px;  padding-top: 10px;  line-height: 20px}

.spacer {clear: both}

.leftFl {float: left}

.rightFl {float: right}

.noRGT {border-right: none !important;}
.noTOP {margin-top: 0px !important}
.noBOT {margin-bottom: 0px !important}
.noLFT {margin-left: 0px !important; padding-left: 10px !important; }

.margBOT {margin-bottom:10px}
.margRGT {margin-bottom:10px}
.margLFT {margin-bottom:10px}
.margTOP {margin-bottom:10px}

.price {font-size: 26px; font-weight: normal; color: #bdd53a;}
.featureList {}
.heightOne {height: 380px;}
.heightTwo {margin-bottom: 30px}

.webPackIntro {height: 280px}
.brandingTop { height: 200px}
.brandingMid {height: 200px}
.brandingMidTwo {height: 180px}
.brandingBottom {height: 250px}
.brandingPadCENTER {padding:10px 5px 0px 20px;}

a.buttonAction {width: 100%; background: transparent url('../images/rightButton.gif') no-repeat scroll top right; 
display: block; float: left; height: 27px; padding-right: 7px; text-decoration: none; color: #ffffff; font-size: 15px; font-weight: normal;}

a.buttonAction span { text-align: center; background: transparent url('../images/leftButton.gif') no-repeat; display: block;
line-height: 20px; padding: 4px 0 5px 8px; letter-spacing: 2px} 

.icon {margin-bottom: 20px; text-align: center;}

.preview {margin: 20px 0 20px 10px}

.bottomMarg {margin-bottom: 30px}

#sm {margin-top: 10px}

.FolioTop {margin-top: 30px}
.folioHolder {margin-top: 12px; height: 139px}
.folioThumbs {margin-right: 12px; float: left}
.folioThumbsNo {margin-right: 0px; float: left}
.reflect_archive li {line-height: 23px;}
.blogPost {border-bottom: solid 1px #ebebeb; margin-bottom: 20px}
.ditto_item {border-bottom: solid 1px #ebebeb; margin-bottom: 20px; padding-bottom: 10px}
.ditto_pageTitle {font-weight: normal}

/*Footer*/

#footer {background: url(../images/bgFooter.gif) #004a56 repeat-x; min-height: 250px; height:auto !important; height: 250px; color: #EAE8DC;  text-align: left; padding-top: 15px}
#footer ul {}
#footer ul li { padding: 5px 0 5px 0; font-size: 12px;}
.footerColumn {width: 22%; float: left;  text-align: left;  padding-left: 30px}
#contactBubble {background: url(../images/bubble.png) no-repeat; height: 120px; width: 200px; float: left; text-align: left; padding: 15px 0px 0px 10px; margin-top: 30px}
#contactBubble p {color: #4F4842;}

/*IE 6 Png Fix
img, div { behavior: url(scripts/iepngfix.htc) }
IE 6 Png Fix ends */

/* Lava Lamp Nav */
#lavaLampBasicImage {position: relative; padding: 20px 25px 15px 15px; margin: 10px 0; overflow: hidden; height:20px; float: right;}
#lavaLampBasicImage li {float: left; display: inline;}
#lavaLampBasicImage li.backLava {background: url("../images/lava.gif") no-repeat right -30px; width: 9px; height: 30px; z-index: 8; position: absolute;}
#lavaLampBasicImage li.backLava .leftLava {background: url("../images/lava.gif") no-repeat top left; height: 30px; margin-right: 9px;}
#lavaLampBasicImage li a {outline: none; text-align: center; top: 7px; z-index: 10; display: inline; float: left; height: 30px; position: relative; overflow: hidden; margin: auto 8px; }
/* Lava Lamp Nav Ends */

/* Slider */
#hero {height: 348px; background:url(../images/displayArea.png) no-repeat center center; margin-top: 10px}
.anythingSlider { width: 960px; height: 360px; position: relative; margin: 0 auto 15px; }
.anythingSlider ul li { display: block; float: left; padding: 0; height: 340px; width: 820px; margin: 0; }
.anythingSlider .wrapper { width: 811px; overflow: auto; height: 340px; margin: 0px 0px 0px 75px ; position: absolute; top: 0; left: 0; }
.anythingSlider .wrapper ul { width: 99999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; }
.anythingSlider .arrow { display: block; height: 200px; width: 67px; background: url(../images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; }
.anythingSlider .forward { background-position: 0 0; right: -20px; }
.anythingSlider .back { background-position: -67px 0; left: -20px; }
.anythingSlider .forward:hover { background-position: 0 -200px; }
.anythingSlider .back:hover { background-position: -67px -200px; }

/*Prevents*/

.anythingSlider .wrapper ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li { float: none; height: auto; width: auto; background: none; }

/* Slider ends*/

/* Accordion Starts*/

.sm {list-style:none; width:900px; height:250px; display:block; overflow:hidden}
.sm li {float:left; display:inline; overflow:hidden}

/* Accordion Ends*/