/* Reset Browser Defaul Styles */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}


/* Main Styles */

body {background:url(img/body-bg.png) left top repeat; font:12px/24px Verdana, Geneva, sans-serif; text-align:justify; }
a {text-decoration:none}

#content {width:6400px; margin:0px; overflow:hidden;}
.clear {clear:both}
.wrapper {margin:0px auto;}
.slide {width:1280px; float:left; padding:0px 0px 80px; overflow:hidden;}

/*Main Menu */
#main-menu {background:url(img/main-menu-bg.png) left top; position:fixed; bottom:0; width:100%; padding:10px 0px; z-index:5}
#main-menu li {float:left; font:bold 14px/32px Verdana, Geneva, sans-serif;}
#main-menu li#copyright {font:11px/40px Verdana, Geneva, sans-serif; color:#ffffff; float:right; padding-right:35px;}
#main-menu li a {margin-left:35px; height:32px; color:#85a1c0; text-transform:lowercase; display:block; text-align:center; background:none; margin-top:4px;}
#main-menu li a .menu-text {background:url(img/cta.png) 0px 330px no-repeat; display:block; float:left; height:32px; padding-left:10px; background:none; cursor:pointer;}
#main-menu li a .menu-deco {background:url(img/cta.png) right 330px no-repeat; display:block; height:32px; float:left; width:10px; cursor:pointer}
#main-menu li a:hover .menu-text {background:url(img/controls.png) 0px -78px no-repeat;}
#main-menu li a:hover .menu-deco {background:url(img/controls.png) -148px -78px no-repeat;}
#main-menu li img {vertical-align:middle; padding:0px 10px;}

.top-navigation {width:100%;}
.top-previous {width:38px; height:39px; background:url(img/controls.png) -76px -39px no-repeat; float:left; margin-right:15px; display:block}
.top-next {width:38px; height:39px; background:url(img/controls.png) -114px -39px no-repeat; float:left; display:block}
.top-current {width:202px; height:41px; float:left; margin-right:12px;}

#home {padding-bottom:100px; overflow:hidden;}
#home .top-current {background:url(img/pageHeaders.png) center -164px no-repeat}
#home .wrapper {width:823px}
#home .column1 {float:left; background:url(img/homeDeco.png) -433px bottom no-repeat; width:433px; margin:0px 53px 0px 0px; padding-bottom:41px}
#home .column1 #logo { background:url(img/homeDeco.png) 0px 0px no-repeat; width:433px; height:105px;}
#home .column1 h1, #home .column1 p {color:#ffffff; width:266px; padding:0px 35px;  margin:0px 0px 0px 97px; background:#162880;}
#home .column1 h1 {font-size:22px; font-weight:normal; padding-bottom:5px;}
#home .column1 p {line-height:24px; padding-bottom:5px}
#home .column1 a {color:#ffffff; padding-bottom:3px; border-bottom:1px dotted #ffffff;}
#home .column1 a:hover {color:#aebef0; padding-bottom:3px; border-bottom:1px dotted #aebef0;}
#home .column2 {background:url(img/homeDeco.png) -1203px -70px no-repeat; width:337px; float:left; margin-top:61px; padding:35px 0px 0px;}
#home .column2 h1 {background:url(img/homeDeco.png) -1540px 0px repeat; font-size:22px; font-weight:normal; padding:10px 18px; color:#ffffff;}
#home .column2 form#estimateForm {background:url(img/homeDeco.png) -1540px 0px repeat; padding:0px 18px 10px;}
#home .column2 h2.total {font-size:22px; color:#aebef0; text-align:right; padding:0px 18px 10px; background:url(img/homeDeco.png) -866px bottom no-repeat; height:35px; clear:both}
#home .column2 h2.total span {color:#ffffff}
#home .column2 a#rto {color:#ffffff; text-align:right; display:block; padding:10px 18px;}

.slider {width:193px; position:relative; left:0px; top:0px; float:left; background:url(img/slider1BG.gif) left top repeat-x;}
.ui-slider {width:184px; position:relative; left:0; top:0;margin:16px 0px; float:left;}
.ui-slider ol {height:1px; overflow:hidden; width:193px;}
#home .ui-slider-handle {height: 22px; width:9px; display:block; float:left; position:absolute; top:-11px; background:url(img/controls.png) left -19px no-repeat; cursor:default;}
#home .minus {background:url(img/controls.png) left top no-repeat; width:19px; height:19px; float:left; position:relative; top:7px}
#home .plus {background:url(img/controls.png) -19px top no-repeat; width:19px; height:19px; float:left; position:relative; top:7px;}
.resultPE, .resultDE {color:#ffffff; float:right; margin-top:4px; width:51px; text-align:right;}

.deliverEstimate ul li {border-bottom:1px dotted #ffffff; line-height:34px; color:#ffffff; background:url(img/controls.png) 0px -194px no-repeat; padding-left:26px; cursor:pointer;}
.deliverEstimate ul li.checked {border-bottom:1px dotted #ffffff; line-height:34px; color:#ffffff; background:url(img/controls.png) 0px -227px no-repeat;}

#process {background:url(img/processDeco.png) center -50px no-repeat; color:#ffffff;}
#process .top-current {background:url(img/pageHeaders.png) center 0px no-repeat}
#process .wrapper {width:921px}
#process .column1, #process .column2, #process .column3 {width:260px; margin-right:70px; margin-top:275px; float:left;}
#process .column3 {margin-right:0px;}
#process p a {color:#ffffff; padding-bottom:3px; border-bottom:1px dotted #ffffff;}
#process p a:hover {color:#10549f; padding-bottom:3px; border-bottom:1px dotted #10549f;}

#order {color:#665c53;}
#order .top-current {background:url(img/pageHeaders.png) center -41px no-repeat}
#order .wrapper {width:900px; padding-bottom:50px;}
#order .column1, #order .column2 {width:356px; margin-right:37px; float:left; background:url(img/orderDeco.png) 0px -1px no-repeat; padding-left:63px;}
#order .column2 {margin-right:0; padding:0px 0px 0px 63px; background:url(img/orderDeco.png) -94px -1px no-repeat; width:373px;}
#order h4 {font-weight:normal; padding-top:20px;}
#order .column1 h1 {color:#72d6c1; font-size:22px; padding:10px 32px 0px; background-color:#ffffff;}
#order .column2 form {padding:0px 32px 20px; background-color:#ffffff;}
#order .column2 h1 {color:#9ed795; font-size:22px; padding:10px 0px 0px 32px; background:#ffffff;}
#order .column1 form {background:#ffffff;}
#order .column1 h4 {padding-left:32px; padding-bottom:10px; padding-top:17px;}
#order .column1 .hr {clear:both; border-bottom:1px dotted #000000; margin-top:23px;}
#order .column1 input, #order .column1 textarea {margin-left:32px; border:1px solid #ddd8d3; width:290px; padding:6px 9px;}
#order .column1 input {font:18px/22px Verdana, Geneva, sans-serif; color:#665c53;}
#order .column1 textarea {font:12px/16px Verdana, Geneva, sans-serif; height:74px; color:#665c53; margin-bottom:20px;}
#order .column2 a#reqSubmit {width:60px; padding:0; border:0; float:right; background:url(img/controls.png) 0px -110px no-repeat; height:28px; width:69px; overflow:hidden; text-indent:-999px; cursor:pointer; margin-top:10px; display:block;}
#order .column1 input.file {border-right:0;}
#order .deliverEstimate ul li {border-bottom:1px dotted #665c53; line-height:34px; color:#665c53; background:url(img/controls.png) 0px bottom no-repeat; padding-left:26px; cursor:pointer}
#order .deliverEstimate ul li.checked {border-bottom:1px dotted #665c53; line-height:34px; color:#665c53; background:url(img/controls.png) left -262px no-repeat;}
#order .minus {background:url(img/controls.png) -38px top no-repeat; width:19px; height:19px; float:left; position:relative; top:7px}
#order .plus {background:url(img/controls.png) -57px top no-repeat; width:19px; height:19px; float:left; position:relative; top:7px;}
#order .ui-slider-handle {height: 22px; width:9px; display:block; float:left; position:absolute; top:-11px; background:url(img/controls.png) -9px -19px no-repeat; cursor:default;}
#order .resultPE, #order .resultDE {color:#665c53;}
#order .slider {width:193px; position:relative; left:0px; top:0px; float:left; background:url(img/slider1BG.gif) left -21px repeat-x;}

#requestForm h2.total {font-size:22px; color:#d5cec8; text-align:right; margin-top:20px;}
#requestForm h2.total span {color:#665c53} 

#portfolio {background:url(img/portfolioDeco.png) center 50px no-repeat;}
#portfolio .top-current {background:url(img/pageHeaders.png) center -82px no-repeat}
#portfolio .wrapper{width:1204px; }
#portfolio .wrapper .column1 {margin:0px auto; width:1030px; padding:0px 0px 140px;}
#portfolio .slideshowWrap {width:931px !important; overflow:hidden !important; float:left; z-index:3; position:relative}
#portfolio .slideshow {position:relative; left:0; z-index:2;}
#portfolio .item {padding:17px; width:249px; margin-right:34px; background:#ffffff; float:left; overflow:hidden; z-index:1;}
#portfolio .item a img {border:1px solid #dddddd; padding:1px;}
#portfolio .item h2 {margin:23px 0px 10px; color:#393939}
#portfolio .item p {margin:0px 0px 10px; color:#777777; line-height:22px;}
#portfolio #prevItem, #portfolio #nextItem {width:44px; margin-right:11px; float:left; height:34px; margin-top:125px; background:url(img/controls.png) -152px 0px no-repeat; cursor:pointer}
#portfolio #nextItem {margin-right:0; background:url(img/controls.png) -151px -34px no-repeat;}
#portfolio a.buy {display:block; width:52px; height:28px; background:url(img/controls.png) 0px -138px no-repeat; margin-left:197px; margin-top:10px; overflow:hidden; text-indent:-999px}
#portfolio a.free {display:block; width:52px; height:28px; background:url(img/controls.png) -52px -138px no-repeat; margin-left:197px; margin-top:10px; overflow:hidden; text-indent:-999px}
#portfolio a.demo {display:block; width:68px; height:28px; background:url(img/controls.png) -104px -138px no-repeat; margin-left:181px; margin-top:10px; overflow:hidden; text-indent:-999px}

#contact .top-current {background:url(img/pageHeaders.png) center -123px no-repeat}
#contact .wrapper {width:846px; background:url(img/contactDeco.png) center top no-repeat; padding:36px 0px;}
#contact h1 {font-size:22px; font-weight:normal; margin-bottom:5px; color:#ffffff; margin-bottom:20px}
#contact form {width:570px; margin:auto;}
#contact h4 {font-weight:normal; color:#ffffff}
#contact input, #contact textarea {border:0; font:18px/22px Verdana, Geneva, sans-serif; color:#665c53; padding:6px 9px; margin:5px 0px 15px; width:370px}
#contact textarea {margin-bottom:7px}
#contact div#cSubmit {padding:0; border:0; float:right; background:url(img/controls.png) 0px -166px no-repeat; height:28px; width:63px; overflow:hidden; text-indent:-999px; cursor:pointer; margin-top:0px;}
#contact textarea {width:550px; height:113px}

.top-navigation .wrapper {width:305px !important; background:none !important; padding:25px 0px 25px !important;}
#main-menu li a.hma, #main-menu li a.pra, #main-menu li a.ora, #main-menu li a.poa, #main-menu li a.coa {color:#ffffff}
#main-menu li a.hm, #main-menu li a.hm:hover, #main-menu li a.hma:hover {color:#85a1c0;}
#main-menu li a.pr, #main-menu li a.pr:hover, #main-menu li a.pra:hover {color:#60abcc;}
#main-menu li a.or, #main-menu li a.or:hover, #main-menu li a.ora:hover {color:#99ca91;}
#main-menu li a.po, #main-menu li a.po:hover, #main-menu li a.poa:hover {color:#ccb462;}
#main-menu li a.co, #main-menu li a.co:hover, #main-menu li a.coa:hover {color:#f56d27;}

/* uploadify */
#fileQueue {display:block; width:219px; border:1px solid #ddd8d3; border-right:0; padding:6px 9px; height:22px; margin-left:32px; display:block !important; float:left; position:relative;}
.fileUploadQueueItem {font:12px/22px Verdana, Geneva, sans-serif; color:#665c53; position:relative;}
.fileUploadQueueItem .cancel {float: right; display:none;}
.fileUploadProgress {background-color: #FFFFFF; width: 219px; position:absolute; left:-9px; top:-6px; height:32px; z-index:1;}
span.fileName {position:relative; z-index:3}
.fileUploadProgressBar {background-color: #8bd5ed;}
#browseButton {width:342px}
#browseButton embed, #browseButton object {float:right}

div.item p a {color:#222222}
