/*  CSS COMMENT  -   SEMANTIC MARK UP: This style sheet has been organised into the following clearly defined section:
1.   Major Block level elements (div tags)
2.   Navigation code (primary)
3.   Navigation code (auxillary  - footer navigation)
4.   text and fonts
5.   non navbar links
6.   non navigational lists (unordered)
7.   Image styling
*/

/*     SECTION 1 - MAJOR BLOCK LEVEL ELEMENTS */

body
{
margin:0;
padding:0;
text-align:center;
background-image:url('body_bg.png');
}

#main_container
{
margin:0 auto;
text-align:left;
width:760px;
height:500px;
}


#navlist_container
{
width:760px;
height:60px;
border-bottom:1px solid #999;
background-image:url('navlist_bg.png');
}

#top_index
{
width:760px;
height:250px;
background-image:url('top_bg.jpg');
}

#top
{
width:760px;
height:250px;
background-image:url('top_bg_generic.png');
}

#bottom
{
padding:15px;
width:730px;
height:270px;
background-color:#fff;
}

#bottom_left
{
float:left;
width:320px;
height:250px;
border-right:1px;
}

#bottom_left_franchise
{
float:left;
width:450px;
border-right:1px solid #ccc;
padding-right:20px;
}

#lower
{
padding:15px;
width:730px;
height:350px;
background-color:#39c;
}

#lower_contact
{
padding:15px;
width:730px;
height:475px;
background-color:#39c;
}

#faq_area
{
padding:15px;
width:730px;
background-color:#39c;
}


#lower_left
{
float:left;
width:380px;
height:100%;
margin-right:20px;
border-right:1px dotted #ccc;
}

#lower_left_hire
{
float:left;
width:480px;
height:100%;
margin-right:20px;
border-right:1px dotted #ccc;
}

#footer
{
width:760px;
background-color:#39c;
border-top:1px dotted #ccc;
}

#copywrite
{
height:85px;
padding-top:10px;
}


/*  SECTION TWO - NAVIGATION (PRIMARY)*/

#navlist
{
padding:18px 0;
margin:0;
}

#navlist li
{
display:inline;
}

#navlist li a
{
font: 11px tahoma;
font-weight:bold;
color:#39c;
text-decoration:none;
padding-right:3.5em;
padding-left:3.5em;
}

#navlist li a:hover
{
color:#000;
}

/* SECTION THREE - NAVIGATION (FOOTER)*/



#aux_navlist
{
padding:10px 0;
margin:0;
}

#aux_navlist li
{
display:inline;
}

#aux_navlist li a
{
font: 11px tahoma;
font-weight:bold;
color:#ccc;
text-decoration:none;
padding-right:3.5em;
padding-left:3.5em;
}

#aux_navlist li a:hover
{
color:#fff;
}

a.email_link
{
color:#FFD700;
text-decoration:none;
}

a.email_link:hover
{
text-decoration:underline;
}


/* CSS COMMENT - TEXTUAL RENDERING  */

h1
{
font:17px impact;
color:#fc3;
}


h2
{
font:15px impact;
color:#fc3;
margin-bottom:0;
margin-left:340px;
}

h3
{
font:18px impact;
font-variant:small-caps;
color:#fc3;
}


h4
{
font:15px impact;
color:#DAA520;
margin-bottom:0;
}

p.right
{
color:#666;
font:12px verdana;
margin-top:0;
margin-right:20px;
margin-left:340px;
}

p.left
{
color:#666;
font:12px verdana;
}

p.workspace
{
margin-left:400px;
margin-right:20px;
color:#fff;
font:12px verdana;
}

p.white
{
color:#fff;
font:12px verdana;
margin-top:0;
margin-right:20px;
}

p.right_of_image
{
color:#fff;
font:12px verdana;
margin-top:0;
margin-right:20px;
}

p.testimonial
{
margin-left:340px;
margin-right:30px;
font:13px arial;
font-style:italic;
}

p.copywrite
{
font:10px arial;
color:#999;
text-align:center;
}

a.footer_link
{
text-decoration:none;
color:#000;
}

a.footer_link:hover
{
text-decoration:underline;
}

p.thankyou
{
font:14px trebuchet ms;
color:#fff;
margin-right:400px;
}


/*   CSS COMMENT  -  LINKS IN TEXT  */

a.link_intext
{
color:#fc3;
}

a img
{
border:none;
}

/*    CSS COMMENT   -   UNORDERED LISTS (NON NAVIGATIONAL) */


ul.intext
{
list-style-type:square;
}

ul.intext li
{
color:#fff;
font:12px verdana;
margin-top:0;
margin-right:20px;
}

ul.contact
{
list-style-type:none;
color:#fff;
font:12px verdana;
margin-top:0;
margin-right:20px;
}

ul.faqs
{
padding-left:30px;
padding-right:30px;
list-style-type:none;
}

ul.faqs li
{
font:12px verdana;
color:#fff;
}


/*      CSS COMMENT  - IMAGE MANIPULATION   */


image.inches
{
border-right:20px solid #39c;
float:left;
}

image.uses
{
float:left;
}

.w3c
{
padding-top:5px;
}

.main
{
float:right;
margin-top:10px;
margin-right:50px;
}

.franchise_montage
{
margin-left:500px;
}

.vince
{
float:right;
margin-right:50px;
margin-top:35px;
}



/*	FORM SECTION FOR EMAIL - DRIVEN BY EXTERNAL PHP SCRIPT*/

fieldset
{
padding:20px;
width:100%;
padding-top:20px;
margin:0;
}

form.contact_form
{
float:left;
width:260px;
padding:20px;
background-color:#39c;
color:#fff;
font:10px verdana;
}

.submit
{
background-color:#fff;
color:#666;
border-top:2px solid #666;
border-right:2px solid #333;
border-bottom:2px solid #333;
border-left:2px solid #666;
}

.input
{
margin-bottom:7px;
margin-top:3px;
background-color:#fc6;
width:250px;
border:1px dotted #fff;
}


select.select_style
{
color:#39f;
font:10px verdana;
background-color:#fc6;
}

.availability
{
border:none;
font:10px verdana;
color:#fff;
background-color:#39c;
}