#wrap {
    width: 931px;
    margin: 0 auto;
    padding: 20px 0 0;
}

#logo {
    display: block;
    width: 88px;
    height: 105px;
    float: left;
}

#phone {
    color: #008349;
    width: 229px;
    float: right;
    font-size: 24px;
}

#header {
    margin: 0 0 20px 0;
}

#header ul {
    width: auto;
    float: left;
    padding: 0 0 0 40px;
    margin: 80px 0 0;
}

#header ul li {
    display: block;
    float: left;
    margin: 0 13px 0 0;
}

#header ul li span {
    display: block;   
    height: 23px;
    padding: 6px 10px 0px;
}

#header ul li.on {
    background: url('/assets/images/navLeft.gif') left top no-repeat;
}

#header ul li.on span {
    background: url('/assets/images/navRight.gif') right top no-repeat;
    
}

#header ul li.on a {
    color: #f9a13a;
}

#header ul li a {
    font-size: 14px;
    color: #58595b;
}

#flashWrap {
    margin: 0 0 15px 0;
    width: 931px;
    height: 313px;
}

/************************* homepage *********************/

#homeLeft {
    width: 674px;
    min-height:271px;
      height:auto !important;
      height:271px;
    background: url('/assets/images/home/homeLeft.gif') left top no-repeat;
    float: left;
    padding: 7px;
    margin: 0 0 15px 0;
}

#homeLeft h3 {
    background: url('/assets/images/squares/homePrint.gif') left top no-repeat;
    font-size: 20px;
    color: #008349;
    font-weight: bold;
    padding: 4px 0 7px 45px;
    margin: 0 0 10px 0;
}

#homeLeft h4 {
    font-size: 18px;
    color: #525252;
    background: url('/assets/images/orangeP.gif') 0px 1px no-repeat;
    padding: 0 0 0 30px;
    margin: 0 0 8px 0;
}

#homeLeft div {
    min-height:130px;
      height:auto !important;
      height:130px;
    margin: 0 0 7px 0;
}

#homeInnerLeft {
    width: 328px;
    border-right: 1px solid #cdcdcd;
    padding: 0 10px 0 0;
    float: left;
}

#homeInnerRight {
    width: 304px;
    float: left;
    padding: 0 0 0 10px;
}

#homeLeft p {
    font-size: 12px;
    color: #808285;
    padding: 0 0 0 3px;
    margin: 0;
}

#homeLeft a {
    background: url('/assets/images/arrowGrey.gif') right top no-repeat;
    padding: 0 30px 0 0;
    font-size: 16px;
    font-weight: bold;
    color: #58595b;
    width: auto;
    clear: both;
    display: block;
    float: left;
}

#homeRight {
    width: 218px;
    min-height:271px;
      height:auto !important;
      height:271px; 
    background: url('/assets/images/home/homeRight.gif') left top no-repeat;
    float: right;
    padding: 7px;
}

#homeRight li {
    padding: 8px 0 15px;
    border-bottom: 1px solid #d6d6d6;
    margin: 0 0 8px 0;
}

#homeRight li:last-child {
    border: none;
}

#homeRight a {
    font-size: 15px;
    font-weight: bold;
    color: #58595b;
    padding: 1px 25px 1px 41px;
    background: url('/assets/images/arrowGrey.gif') right top no-repeat;
}

#homeRight a:hover {
    background: url('/assets/images/arrowGreen.gif') right top no-repeat;
    color: #008349;
}

#design {
    background: url('/assets/images/squares/mouse.gif') left top no-repeat;
}

#design:hover {
    background: url('/assets/images/squares/mouseOn.gif') left top no-repeat;
}

#wedding {
    background: url('/assets/images/squares/rings.gif') left top no-repeat;
}

#wedding:hover {
    background: url('/assets/images/squares/ringsOn.gif') left top no-repeat;
}

#finishing {
    background: url('/assets/images/squares/car.gif') left top no-repeat;
}

#finishing:hover {
    background: url('/assets/images/squares/carOn.gif') left top no-repeat;
}

#special {
    background: url('/assets/images/squares/star.gif') left top no-repeat;
}

#special:hover {
    background: url('/assets/images/squares/starOn.gif') left top no-repeat;
}

#knowWhat  {
    float: left;
    margin: 0 0 15px 0;
    
}

#knowWhat div {
    width: 309px;
    min-height:64px;
      height:auto !important;
      height:64px;      
    background: url('/assets/images/home/clickEmailBg.gif') left top no-repeat;
    padding: 10px 7px 7px 60px;
}

#knowWhat div p, #notQuite div p {
    font-size: 16px;
    color: #58595b;
}

#knowWhat div p a {
    font-weight: bold;
    color: #58595b;
}

#notQuite div p span {
    color: #008349;
    
}

#notQuite {
    float: right;
    margin: 0 0 15px 0;
}

#notQuite div {
    background: url('/assets/images/home/clickPhoneBg.gif') left top no-repeat;
    width: 479px;
    min-height:64px;
      height:auto !important;
      height:64px;
      padding: 10px 7px 7px 60px;
}

/****************************************** inner ***************************************/

#left {
    width: 686px;
    float: left;
}

#innerPic {
    margin: 0 0 7px 0;
}

.innerSmallPic {
    width: 218px;
    display: block;
    float: left;
    margin: 0 11px 7px 0;
    border: 1px solid #bdbdbd;
}

.innerSmallPicWide {
    width: 452px;
    display: block;
    float: left;
    margin: 0 11px 7px 0;
    border: 1px solid #bdbdbd;

}

.innerSmallPicLast {
    width: 218px;
    display: block;
    float: left;
    padding: none;
    margin: 0 0 7px 0;
    border: 1px solid #bdbdbd;
}

.bottomLink {
    background: url('/assets/images/wideBoxTop.gif') left top no-repeat;
    width: 676px;
    margin: 0 0 10px 0;
    padding: 0;
}

.bottomLink div {
    background: url('/assets/images/wideBoxBottom.gif') left bottom no-repeat;
    padding: 7px 7px 7px 7px;
}

.bottomLink p {
    padding: 0 0 0 53px;
    min-height:35px;
      height:auto !important;
      height:35px;
}

.bottomLink div p, #notQuite div p {
    font-size: 16px;
    color: #58595b;
}

.bottomLink div p a {
    font-weight: bold;
    color: #58595b;
}

.letterArrow p {
    background: url('/assets/images/squares/letterArrow.gif') left top no-repeat;
}

.mouse p {
    background: url('/assets/images/squares/mouseOn.gif') left top no-repeat;
}

.car p {
    background: url('/assets/images/squares/carOn.gif') left top no-repeat;
}

.print p {
    background: url('/assets/images/squares/hedgerow.gif') left top no-repeat;
    
}

/************************* widgets *********************/

#right {
    width: 232px;
    float: right;
}

.widget {
    background: url('/assets/images/rightColTop.gif') left top no-repeat;
    margin: 0 0 15px 0;
}

.widgetInner {
    background: url('/assets/images/rightColBottom.gif') left bottom no-repeat;
    padding: 7px;
}



#moreServices {
    text-align: right;
    font-size: 15px;
    font-weight: bold;
}

#moreServices a {
    color: #383838;
    
}
/**************** top nav *************/

.widget ul.nav {
    padding: 5px 0 0;
}

.widget ul.nav li {
    border-bottom: 1px solid #c0c0c0;
    padding: 0 0 8px 0;
    margin: 0 0 8px 0;
}

.widget ul.nav li:last-child {
    border: none;
}

.widget ul.nav li a {
    background: url('/assets/images/arrowGrey.gif') left top no-repeat;
    padding: 2px 0 1px 27px;
    font-size: 14px;
    color: #818181;
}

.widget ul.nav li.on a{
    color: #f9a13a;
}

.widget ul.nav li a:hover {
    background: url('/assets/images/arrowOrange.gif') left top no-repeat;
    color: #f9a13a;
}

/**************** widget titles *************/

.widget h3 {
    font-family: arial;
    font-size: 16px;
    color: #58595b;
    padding: 4px 0 12px 40px;
    font-weight: bold;
    margin: 0 0 12px 0;
}

.wHeart {
    background: url('/assets/images/squares/heart.gif') left top no-repeat;
}

.wHedgerow {
    background: url('/assets/images/squares/hedgerow.gif') left top no-repeat;
    
}

.wHeartRed {
    background: url('/assets/images/squares/feedbackIcon.jpg') left top no-repeat;
    
}

/**************** testimonials *************/

.test{
    width: 195px;
    margin: 0 auto;
    background: url('/assets/images/testimonialTop.gif') left top no-repeat;
    padding: 17px 0px 0px 26px;
}

.test p {
    font-size: 14px;
    color: #414042;
    margin: 0;
    padding: 0 25px 0 0;
}

.testB {
    width: 191px;
    background: url('/assets/images/testimonialBottom.gif') 15px 0px no-repeat;
    font-size: 12px;
    color: #414042;
    font-weight: bold;
    margin: 0 auto 15px 0;
    padding: 20px 15px 0 15px;
}

/**************** what we print *************/

.widget ul li {
    background: url('/assets/images/littleOrangeP.gif') 0px 2px no-repeat;
    padding: 0 0 8px 20px;
    font-size: 14px;
    color: #58595b;
    margin: 0 0 8px 0;
    border-bottom: 1px solid #d9d9d9;
}

.widget ul li:last-child {
    border: none;
}
/****************************************** footer ***************************************/

#footer {
    border-top: 9px solid #008349;
    padding: 4px 0 10px 0 ;
}

#footer li {
    display: inline;
    font-size: 12px;
    color: #008349;
}

#footer li a {
    color: #008349;
}

/****************************************** special offers ***************************************/

.offer {
    display: block;
    padding: 0 0 20px 0;
}

.termsText {
    color: #686868;
    margin: 0 0 30px 0;
} 

/**************** new customers *************/

#newCustomersText {
    padding: 0 0 20px 0;
}

#newCustomersText div {
    min-height:200px;
      height:auto !important;
      height:200px;
}

#newCustomersText div h3 {
    font-size: 18px;
    color: #e0406a;
    margin: 0 0 12px 0;
}

#newCustomersText div p {
    font-size: 14px;
    color: #808285;
}

#newCustomersText #nTitle {
    font-size: 24px;
    color: #e0406a;
    margin: 0 0 20px 0;
}

#nLeft {
    float: left;
    width: 207px;
    border-right: 1px solid #bdbdbd;
    padding: 0 12px 0 0;
}

#nMiddle {
    padding: 0 12px;
    border-right: 1px solid #bdbdbd;
    float: left;
    width: 207px;
}

#nRight {
    float: left;
    padding: 0 0 0 12px;
    width: 207px;
}

/****************************************** contact ***************************************/

#address {
    background-color: #f2f2f3;
    margin: 0 0 20px 0;
}

#contactForm {
    padding: 0 0 20px 0;
}

#address div {
    width: auto;
    float: left;
}

#adRight {
    padding: 15px 0 0 20px;
    
}

#address #googleMap {
    width: 269px;
    height: 179px;
    float: left;
    padding: 0 0 0 0;
}

#address div p {
    font-size: 14px;
    color: #808285;
    padding: 2px 0 1px 35px;
}

#address div p a {
    color: #008349;
    
}

#aTel {
    background: url('/assets/images/contact/phone.gif') left top no-repeat;
}

#aLetter {
    background: url('/assets/images/contact/letter.gif') left top no-repeat;
}

#aHouse {
    background: url('/assets/images/contact/house.gif') left top no-repeat;
}

#contactBox {
    height: 156px;
    width: 100%;
    margin: 0 0 10px 0;
    color: #bcbec0;
    font-size: 24px;
    padding: 10px;
    width: 666px;
}

#contactSubmit {
    display: block;
    float: right;
    width: 90px;
    height: 26px;
    padding: 6px 20px 0 0px;
    background: url('/assets/images/contact/submitBg.gif') left top no-repeat;
    font-size: 16px;
    font-weight: bold;
    color: #858687;
    text-align: center;
}

#sendStatus {
    float: right;
    width: 425px;
    text-align: right;
    padding: 9px 35px 0 0;
    margin: 1px 20px 0 0;
}

.loader {
    background: url('/assets/images/contact/loader.gif') 100% 50% no-repeat;
    
}

#sendStatus p {
    font-size: 14px;
    color: #808285;
}
/****************************************** text-styles ***************************************/

p,a,li,h1,h2,h3,h4,textarea {
    font-family: arial;
}

.greenTitle {
    color: #008349;
    font-size: 26px;
    margin: 0 0 12px 0;
}

#main .goldTitle {
    color: #c0af71;
    font-size: 26px;
    margin: 0 0 12px 0;
}

a:hover{ 
    text-decoration: underline;
}

#titleWrap {
    padding: 0 0 1px 50px;
}

.hedgerow {
    background: url('/assets/images/squares/hedgerow.gif') 0px 1px no-repeat;
}

.wedding {
    background: url('/assets/images/wedding/titleIcon.gif') 0px 1px no-repeat;
}

.specialOffers {
    background: url('/assets/images/squares/starOn.gif') 0px 1px no-repeat;
}

p {
    font-size: 12px;
    color: #414042;
    margin: 0 0 12px 0;
}

p a {
    color: #008349;
}

#left ul {
    margin: 0 0 20px 0;
}

#left ul li {
    background: url('/assets/images/wedding/goldBullet.gif') 0px 5px no-repeat;
    padding: 0 0 0 20px;
    font-size: 12px;
    color: #414042;
    margin: 0 0px 7px 0;
}

#left ul.green li {
    background: url('/assets/images/greenBullet.gif') 0px 5px no-repeat;
    padding: 0 0 0 20px;
    font-size: 12px;
    color: #414042;
    margin: 0 0px 7px 0;
}

h2.smallTitle {
    font-size: 18px;
    color: #008349;
    margin: 0 0 15px 0;
}

#left h3 {
     color: #4f4f4f;
     font-size: 16px;
     margin: 0 0 7px 0;
 }
 
/****************************************** pro contact ***************************************/
#profForm label {
    display: block;
    width: 200px;
    float: left;
    font-family: arial;
    color: #6a6a6a;
    font-size: 14px;
    text-align: right;
    padding: 0 20px 0 0;
    margin: 0 0 10px 0;
} 

#profForm p {
    color: #008349;
    font-size: 16px;
    margin: 20px 0;
}

#profForm input, #profForm textarea {
    font-family: arial;
    width: 280px;
    float: left;
    margin: 0 0 10px 0;
    color: #6a6a6a;
    font-size: 12px;
    padding: 4px;
}

#profForm input {
    height: 15px;
}

#profForm textarea {
    height: 150px;
}

#profForm #pAddress {
    height: 120px;
}

#profForm br {
    clear: both;
}

#profForm #pSubmit {
    width: 130px;
    height: 30px;
    margin: 20px 0 20px 220px;
}

#cError {
    padding: 10px;
    border: 1px solid #ddd;
    margin: 0 0 10px 0;
}

#left #cError li {
    background: url('/assets/images/greenBullet.gif') 0px 10px no-repeat;
    
}

#profForm #pQuantityOne,#profForm #pQuantityTwo,#profForm #pQuantityThree,#profForm #pQuantityFour {
    width: 50px;
}
