/*___ TABLE OF CONTENTS ___

	- ERIC MEYER RESET

    - COLOUR SCHEME
	
	- INTERFACE
		- DEFAULT ELEMENT STYLES
		- HEADER
		- FOOTER
		- MAIN NAVIGATION
		- SIDEBAR
		- CONTENT
	    	- ENQUIRY
	    	- PRICING TABLE

    */


    /*___ ERIC MEYER RESET ___*/
    /* v1.0 | 20080212 */

        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;
        }

        /* remember to define focus styles! */
        :focus
        {
            outline: 0;
        }

        /* remember to highlight inserts somehow! */
        ins
        {
            text-decoration: none;
        }

        del
        {
            text-decoration: line-through;
        }

        /* tables still need 'cellspacing="0"' in the markup */
        table
        {
            border-collapse: collapse;
            border-spacing: 0;
        }



    /* ___ COLOURS ___*/

        /*
            #223d99 - Links
            #f0f3fb
            #c82a27 - Headings
         */



    /*___ INTERFACE ___*/


        /* ___ DEFAULT ELEMENT STYLES ___*/

            html
            {
                font-size: 62.5%;
				background: #f1f3fc;
            }

            body
            {
				border:1px solid #b9c6f0;
                width:720px;
                margin:0 auto;
                background:#fff;
                font:1.25em/1.5em Verdana,Geneva,sans-serif;
            }

            header, footer,
            nav, section
            {
                display:block;
				color:#0a1227;
         	}

         	h1
	   		{
				color: #c82a27;
				font-size: 1.3em;
				padding: 1.2em 10px 1.2em 20px;
	  		}

            h2
		    {
				color: #c82a27;
				padding:0 10px 1.2em 20px;
		    }

            a { color: #223d99; }

            p
            {
				padding:0 10px 1.5em 20px;
            }
	    
		    sup
		    {
				vertical-align: super;
				line-height:0;
				color:#c82a27
		    }
		    
		    ul 
		    {
		    	padding-bottom: 1.5em;
		    }
	


        /*___ HEADER ---*/

            header
            {
                 background: transparent url(../img/feetbar.jpg) no-repeat scroll 0 0;
				 height:100px;
				 position:relative;
            }
	    
		    header span
		    {
				position:absolute;
				left:-99999px;
		    }
		    
		    header a
		    {
				margin-left:5px;
		    }
		    
		    header ol
		    {
				overflow:hidden;
				clear:both;
				position:absolute;
				top:0;
				left:640px;
		    }
		    
		    header li
		    {
				float:left;
				padding-left:5px;
		    }
		    
		    header img
		    {
				position:absolute;
				top:57px;
				left:20px;
		    }
	


        /*___ FOOTER ___*/

            footer
            {
				background: #fff url(../img/feetbar.jpg) no-repeat scroll 0 0;
				overflow:hidden;
				font:0.9em/1.25em Verdana,Geneva,sans-serif;
				padding-bottom:5px;
				clear:both;
		    }
			    
		    footer span
		    {
				display:block;
				text-align:center;
				vertical-align:baseline;
				margin-top:45px;
		    }
			    
		    footer span a { display:block; }
		    


        /*___ MAIN NAVIGATION ___*/

            nav
            {
				background: transparent url(../img/nav-bar.png) no-repeat scroll 0 0;
            }
	    
		    nav ul
		    {
				overflow:hidden;
				clear:both;
				margin-left:5px;
				padding-bottom:0;
		    }
	    
		    nav li
		    {
				float:left;
				border-right:1px solid #1d3265;
				height:31px;
		    }
		    
		    nav li:first-child
		    {
		    	border-left: 1px solid #1d3265;
		    }
		    
		    nav a
		    {
				color:#fff;
				display:block;
				text-decoration:none;
				font-size:0.95em;
				text-align:center;
				padding: 6px 30px 7px;
		    }

	
		/*___ SIDEBAR ___*/
			
			section.sidebar 
			{ 
				width:20em; 
				padding:1.8em 20px 1.5em 0;
				float:right;
				text-align:left;
			}
			
			section.sidebar img
			{ 
				border:3px double #b9c6f0;
			}
	

        /*___ CONTENT ___*/
        

					section.content
					{
						width:33em;
						float:left;
					}
				
					section.content ul
					{
						list-style-type:disc;
						margin-left:35px;
					}
					
					section iframe
					{
						margin: 0 0 20px 20px;
						border:3px double #b9c6f0;
					}
			



    /*___ ENQUIRY ___*/


		section form
		{
			padding:10px;
			background:#f1f3fc;
			margin:0 10px 1.5em 20px;
			border:1px solid #b9c6f0;
			overflow:hidden;
			clear:both;
		}
		
		section form p
		{
			padding-left:0;
		}
		
		section.content form ul
		{
			list-style-type:none;
			padding:0;
			margin:0;
			float:left;
		}
		
		section form li
		{
			float:left;
			width:330px;
			padding-bottom: 10px;
		}
		
		section form li.comments
		{
			float:left;
			width:660px;
			padding-bottom: 5px;
		}
		section form label
		{
			float:left;
			width:100px;
	
		}
		section form li.comments,
		section form li.submit
		{
			float:left;
			display:block;
			width: 660px;
		}
		
		section form input
		{
			width:210px;
			float:left;
		}
		
		
		section form textarea
		{
			width:660px;
			height: 50px;
			float:left;
		}
		
		section form .comments label
		{
			width:auto;
		}
		section form .submit input
		{
			width:auto;
			float:right;
			margin-right:10px;
		}
		
		section form label.error 
		{ 
			color: #C82A27;  
			font-size:0.85em;
			width:210px;
			margin-left: 100px;
		}
		
		section form .comments label.error 
		{
			margin-left:0;
		}



	/*___ PRICING TABLE ___*/
	
		section table
		{
			border:1px solid #223d99;
			width:235px;
			margin:0 10px  1.5em 20px;
			
		}
		
		section table caption 
		{	
			text-align:left;
			color: #c82a27;
			font-weight:bold;
		
		}
		
		section table td 
		{
			border:1px solid #223d99;
			padding: 2px 5px;
		}
		
		th
		{
		    color:#fff;
		    background:#223d99;
		    padding:2px 5px; 
		}