/*  

CSS Document for E-tail Detail
Created June 2008
(C) Aarron Painter, Multiplicity 2008

*/

/***** css reset *****/
    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,
    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-weight: inherit;
	    font-style: inherit;
	    font-size: 100%;
	    font-family: inherit;
	    vertical-align: baseline;
    }
    /* remember to define focus styles! */
    :focus {
	    outline: 0;
    }
    body {
	    line-height: 1;
	    color: black;
	    background: white;
    }
    ol, ul {
	    list-style: none;
    }
    /* tables still need 'cellspacing="0"' in the markup */
    table {
	    border-collapse: separate;
	    border-spacing: 0;
    }
    caption, th, td {
	    text-align: left;
	    font-weight: normal;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
	    content: "";
    }
    blockquote, q {
	    quotes: "" "";
    }
/***** /css reset *****/

	body,
	html {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;   
	    font-weight: normal;
	    color:#333;
	    font-size: 98%;
	    background:#fff;
        width:100%;
        text-align:center;
		}
	a:link, a:visited, a:active {
		font-weight:normal;
		color:#99B910;
		text-decoration: underline;
		font-size: 100%;
		}
	a:hover {
	    color:#99B910;
	    text-decoration: underline;
	    font-size: 100%;
		}
	#wrap {
	    margin-left:auto;
	    margin-right:auto;
	    width:750px;
	    text-align:left;
	    min-height:100%;
		}

/* ------------------------------------- */
/*** Top Navigation ***/
/* ------------------------------------- */

    #navlist {
        width: 750px; /* full width */
        height: 20px;  
        margin:10px 0px 5px 0px;
        text-align:right;
        font-size:75%;
    	}
    #navlist ul {
        display: inline;
    }
    #navlist li {
        margin-left: 0;
	    padding-left:30px;
	    list-style: none;
	    display: inline;
        height: 20px;  
    	}
    #navlist a, #navlist a:visited {
        text-decoration:none;
        padding:3px 6px 3px 6px;
        color:#8C8C8C;
        line-height:20px;
    	}
    #navlist a:hover,  #ctl00_main #navlist #home a, #ctl00_wwd #navlist #wwd a, 
    #ctl00_ourteam #navlist #ourteam a, #ctl00_casestudies #navlist #casestudies a,
    #ctl00_contact #navlist #contact a, #ctl00_contact_error #navlist #contact a {
        background: transparent url(../images/nav_bg.gif) repeat-x;
        color:#fff;
    }    	

/* ------------------------------------- */
/*** Main Content ***/	
/* ------------------------------------- */

	#main {
		width:750px;
		text-align:left;
		line-height: 1.2em;
		margin:0px 0px 10px 0px;
		padding:0px;
		}	
    #main #imageWrap {
        width:750px;
	    height:260px;
    }
	#ctl00_main #main #imageWrap {
	    background: transparent url(../images/etaildetail.gif) no-repeat top;
	    }
	#ctl00_ourteam #main #imageWrap {
	    background: transparent url(../images/our_team.jpg) no-repeat;
	    }	 
	#ctl00_casestudies #main #imageWrap {
	    background: transparent url(../images/case_studies.jpg) no-repeat;
	    }	  
	#ctl00_contact #main #imageWrap, #ctl00_thanks #main #imageWrap, #ctl00_contact_error #main #imageWrap {
	    background: transparent url(../images/contact.jpg) no-repeat;
	    }	    
	#ctl00_wwd #main #imageWrap {
	    background: transparent url(../images/wwd.jpg) no-repeat;
	    }	  
    #main #imageWrap #btn {
        position:relative;
        top:171px;
        left:12px;        
    }
    #main #imageWrap #logo {
        position:relative;
        top:42px;
        left:0px;    
    }
    #main img.text {
        margin:15px 0px 5px 0px;
    }
    #main img.subText {
        margin:0px 0px 5px 0px;
    }
    #main p {
        line-height:1.5em;
        margin-bottom:1em;
    }
    #main div.teamplayer {
        margin-top:10px;
        min-height:130px;
        margin-bottom:10px;
    }
    #main div.teamplayer img.profile {
        float:left;
        border:5px solid #333333;
        margin-right:10px;
    } 
    #main div.teamplayer img.name{
        padding-bottom:5px;
    } 
    #main p.intro {
        font-family:"Times New Roman", serif; 
        padding:5px 0px 5px 0px;
        border-top:1px dashed #999999;
        border-bottom:1px dashed #999999;   
        margin:10px 0px 15px 0px;   
        font-size:150%;  
        line-height:1.2em;      
        color:#99b100;           
    }
    #main img.tree {
        float:right;
        width:160px;
        height:230px;
        padding-left:10px;
    }
    #leadlink {
        position:relative;
        top:130px;
        left:620px;
        width:120px;     
        }
 
    #leadlink p {
        font-size:140%;
        font-weight:bold;
        }
 
     #leadlink a:link, #leadlink a:visited {
        color:#fff;
        text-decoration:underline;
        background:transparent url(../images/leadicon.png) no-repeat 90px 0;
        padding-right:30px;
        }
 
    #getWrap {
        padding:8px;
        }
 
    #getintouch {
        height:250px;
        background:transparent url(../images/contact_bg.gif) repeat-x;
        }
      
    div.caseStudy {
        height:150px;
        margin-bottom:10px;
        }
        
    div.brand {
        float:left;
        height:100%;
        background-color:transparent;
        width:220px;
        vertical-align:top;
        text-align:center;
        margin-right:10px;
        padding-top:5px;
        }
        
    div.brand p {
        padding-top:10px;
        width:200px;
        height:50px;
        line-height:50px;
        background-color:#99B910;
        color:#fff;
        vertical-align:middle;
        font-size:190%;
        border-bottom:2px solid #79950D;
        }
        
    div.copy {
        float:right;
        width:520px;
        } 
        
    img.brandlogo {
        margin-top:10px;
    }

    #ticks
    {   
        margin:10px 0px 20px 20px;
        width:520px;
    }
      
    #ticks li {
        background:transparent url(../images/bullet.gif) no-repeat;
        padding-left:35px;
        margin-top:.5em;     
        margin-bottom:.5em;
        min-height:1.5em;
        line-height:1.5em;
        font-weight:bold;
        }
       
    
/* ------------------------------------- */
/*** Footer ***/
/* ------------------------------------- */
	
	#footer {
	    clear:both;
        min-height: 115px;
        font-weight: bold;
        padding-top:40px;
        text-align:left;
    }
    
    #footer img.etail {
        width:382px;
        height:49px;
        padding-top:10px;
    }

    #footer #gotop {
        float:right;
        background-color:#333;
        width:55px;
        height:100px;
        margin-top:10px;
        }

    #footer p {
        margin-top:-2px;
        margin-left:48px;
        font-weight:lighter;
    }        

/* ------------------------------------- */
/*** Contact ***/
/* ------------------------------------- */

	#bxrght {
		float:right;
		width:256px;
	}
	
    #contactWrap {
        text-align:center;
    }

	#contactForm {
		padding:10px 0px 10px;
		width:730px;
		height:120px;
		text-align:left;
	}
	
	#contactForm p {
	    padding:0px;
	    margin:0px;
	}
	
	#errDiv {
	    display:block;
	}
	
	label {
		width:75px;
		float: left;
		text-align: left;
		margin: 0px;
		color:#333;
		padding:5px 10px 0px 0px;
	}
		
	#contactForm p {
	    padding:4px 4px 4px 0px;
    }
    
	input {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		width:250px;
		margin:0px;
		padding:5px 0px 5px 5px;	
		height:18px;
		color:#333;
		font-size:100%;
	}		 

	textarea {
	    width:250px;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;    
		padding:5px 0px 5px 5px;
		font-size:110%;
		color:#333;		
	}
	
	#contactRight {
	    float:right;
	}
	
	.send {
		width:60px;
		position:relative;
		left:655px;
		top:-30px;
		padding:1px 0px 2px 0px;
		font-size:90%;
		font-weight:normal;
		height:25px;
	}
	
	.message {
		height:63px;
	}
	
	#contactRemember {
		width:142px;
		line-height:1.3em;
		position:relative;
		font-size:95%;
		top:40px;
		right:30px;
		float:right;
		color:#47331D;
		padding:0px;
	}
	
	#contactUsWrap {
	    height:150px;
	    padding:10px;
	    margin-bottom:10px;
	    background-color:#efefef;
	    border-bottom:4px solid #79950D;
	}
/* ------------------------------------- */
/*** Common ***/
/* ------------------------------------- */	
    .red {
        color:Red;
        padding-left:5px;
    }    

    .strong {
        font-weight:bold;
    }
    
    .divider {
            height:20px;
            background:transparent url(../images/div_bg.gif) repeat-x;
    }    
    
    .right {
        float:right;
    }