/**
 ___      _ _
/ __| _ / _| |___ __ ____ _ _ _ ___
\__ \(_)  _|  _\ V  V / _` | '_/ -_)
|___/| |_|  \__|\_/\_/\__,_|_| \___|
     |_|

(c) Siftware 2007
*/

body {
    font-size: 11px;
    text-align: center;       
}

strong {
    color: #000;
}

#canvas {
    width: 992px;
    text-align: left;
    margin: 0px auto;
}

#page {
    background: #B55927;
}

#navigationWrapper {
    background: #B55927;
    width:270px;
    text-align: center;
    float: left;
    min-height: 820px;
}

    #navigationWrapper img {
        margin-top: 28px;
        
    }
    
    #navigationWrapper li{
        list-style: none;
    }
    
        #navigationWrapper li a {
            text-transform: uppercase;
            color: #FFF;
            font-size: 16px;
            border: 2px solid #FFF;
            text-decoration: none;
            display: block;
            text-align: center;
            padding: 7px 0;
            margin: 13px 20px 13px 20px; 
            font-weight: normal;
            letter-spacing: 0.17em; /* kerning */
        }
            #navigationWrapper li a:hover {
                border: 2px solid #FAC785;   
            }
    
    #navigationWrapper p {
        color: #FAC785;
        text-align: center;
        margin: 20px;
        font-size: 10px;
    }
        #navigationWrapper p#disclaimer {
            margin: 0 20px;
            font-size: 10px;
        }

#contentWrapper {
    background: #FFF url("/img/background/zebra.gif") top left repeat;
    width: 682px;
    float: right;
    min-height: 780px;
    padding: 20px;
    text-align: center;
}
    .imageStrip {
        width: 682px;
        text-align: left;
        margin: 0;
        padding: 0;
    }
    
    .imageStrip img {
        float: left;
        display: inline;
        margin: 10px 39px 0 0px;
        padding: 0;
    }
    .imageStrip img.last {
        margin: 10px 0 0 0;
        padding: 0;
    }
    
    #content {
        text-align: center;
        border: 2px solid #B55927;   
        color: #B55927;
        margin: 20px 0;
        padding: 0 15px;
        min-height: 500px;
    }
        #content.gallery {
            text-align: left;
            border: none;
            padding: 0;
        }
        
        #content table {
            border: 1px solid #D17230;
            margin-bottom: 5px;
        }
            #content th {
                border: 1px solid #D17230;
                text-transform: uppercase;
            }
            
            #content td {
                border: 1px solid #D17230;
            }
        
        #content table#designCosts {
            border-color: #F7C98F;
        }
            #content table#designCosts th {
                border-color: #F7C98F;
            }
            #content table#designCosts td {
                border-color: #F7C98F;
            }
        
        #content a {
            color: #B55927;
        }
            #content a:hover {
                text-decoration: none;
            }
        
        #content h2 {
            color: #FFF;
            background: #B55927;
            font-size: 30px;
            font-weight: normal;
            display: block;
            text-transform: uppercase;
            padding: 0;
            margin: auto;
            width: 288px;
        }
            #content.gallery h2 {
                color: #B55927;
                background: none;
                display: block;
                margin: 80px 0 40px 0;
                width: auto;
            }

        #content h3.link {
            font-weight: normal;
            text-transform: uppercase;
            padding: 10px 20px 20px;
        }
            #content h3 a {
                color: #ffffff;
                background: #b55927;
                text-decoration: none;
                font-size: 20px;
                padding: 4px 6px;
            }
        #content #largeLogo {
            margin: 18px 0 0 0;
        }
        
        #content p
        {
            padding-bottom:20px;
            font-size: 14px;
        }
            #content p.firstPara, 
            #content h3.firstPara
            {
                margin-top: 25px;
            }
            #content h3 {
                margin: 5px 0 5px 0;
            }
            #content p.q
            {
                text-align: left;
                color: #D17230;
                padding-bottom: 0;
            }
            #content p.a
            {
                text-align: left;
            }
            
    #gallery1,
    #gallery2 {
        width: 330px;
        float: left;
    }
    #gallery2 {
        float: right;
    }
    
    #formCol1 {
    	float: left;
    	display: inline;
    	text-align: left;
    	width: 50%;
    }
    	#formCol1 p {
    		float: left;
    		display: inline;
    	}
    #formCol2 {
    	float: left;
    	display: inline;
    	text-align: left;
    	width: 50%;
    }
    	#formCol2 p {
    		float: left;
    		diplay: inline;
    		padding-left: 2em;
    	}
    		#formCol2 .tinyText {
    			font-size: x-small;
    		}
	    	#formCol2 p.submitButton input {
	    		float: right;
	    		display: inline;
	    		width: auto;
	    		border: none;
	    		color: #ffffff;
	    		background-color: #B55927;
	    		text-transform: uppercase;
	    		margin: 0 0 0 1em;
	    		padding: 0;
    		}
    label {
    	float: left;
    	display: inline;
    	text-transform: uppercase;
    	width: 8em;
    }
    label.normalLabel {
    	text-transform: none;
    	width: auto;
    }
    .helperText {
    	text-transform: none;
    	font-size: small;
    }
    input {
    	float: right;
    	display: inline;
    	border: solid 2px #B55927;
    	width: 11em;
    }
    	input.smallerInput {
    		width: 7.8em;
    	}
    	input.normalInput {
    		float: none;
    		display: inline;
    		width: auto;
    		margin-left: 0.5em;
    		border: none;
    	}
    textarea {
    	border: solid 2px #B55927;
    	width: 22.5em;
    }
    .inputError {
    	background-color: #fdd;
    }
    
#bannerContainer {
  position: relative;
  text-align: left;
}
#homeBannerLeft {
  /*
  position: relative; 
  margin: -15px -20px -135px -30px;
  text-align: left;
  */
  position: absolute;
  top: -16px;
  left: -32px;
}
#homeBannerRight {
  /*
  position: relative; 
  margin: -52px -26px -127px -30px;
  text-align: right;
  */
  position: absolute;
  top: -17px;
  right: -26px;
}