/*================================================================

	

	BLIS WEB AGENCY "CORE" SCREEN STYLESHEET

	

	The purpose of stylesheet is to format the appearance of the

	site within the site container.

	

	RULES:

	1. NO ENHANCEMENT (WIDGET) STYLES (THIS INCLUDES FORMS)

	2. AVOID HACKS

	3. ALL PATHS TO BE ABSOLUTE (/images/...)



================================================================*/





/* GENERAL TYPOGRAPHY (Standard HTML tags)

----------------------------------------------------------------*/



	html, body {

	  font-family: tahoma, verdana, helvetica, sans-serif;

	  color: #000000;

	  background: url(/images/website_background.gif) #efefef;

	  font-size: 11px;

	}

	

	h1 { display:none; }

	

	h2 {

	  color: black;

	  font-size: 140%;

	  font-weight: normal;

	  margin-bottom: 6px;

	}

	

	h3,h4 {

	    font-family: arial, verdana, helvetica, sans-serif;

	    font-size: 14px;

	    font-weight: normal;

	}

	

	p {

	  color: black;

	  font-size: small;

	  margin-bottom: 12px;

	  font-size: 11px;

	  line-height: 1.6em;

	}

	

	a:link, a:visited {

	  color: #A71A1A;

	  text-decoration: none;

	}

	

	a:hover {

	  color: #A71A1A;

	  text-decoration: underline;

	}



    li {

        margin-left: 18px;

        margin-bottom: 2px;

        background: url(/images/bullet2.png) no-repeat 2px 2px;

        list-style-type: none;

        margin-left: 0;

        padding-left: 16px;

    }

    

    ul {

        margin-bottom: 8px;

    }





/* TABLES

----------------------------------------------------------------*/

	table {

	  clear: both;

	  border-collapse: collapse;

	  text-align: left;

	}

	td {

	  padding: 2px 3px;

	  font-size: small;

	}





/* HEADER CONTENT

----------------------------------------------------------------*/

    #webpage

    {

        background: white;

        border-left: 1px solid #999;

        

    }

    

    #id_index #content_frame,

    #id_contact #content_frame { background: url(/images/page/web_design_adelaide_01.jpg) no-repeat white 0 -3px; }    

    #id_folio #content_frame { background: url(/images/page/website_folio_01.jpg) no-repeat white 0 -3px; }  
    
    #id_folio1 #content_frame { background: url(/images/page/website_folio_01.jpg) no-repeat white 246px -3px; }  

    #id_services #content_frame { background: url(/images/page/web_services_01.jpg) no-repeat white 0 -3px; }    

    #id_prices #content_frame { background: url(/images/page/website_prices_01.jpg) no-repeat white 0 -3px; }    

    #id_process #content_frame { background: url(/images/page/web_design_process.jpg) no-repeat white 0 -3px; }

    #id_sys #content_frame { background: url(/images/page/web_design_adelaide_01.jpg) no-repeat white 0 -3px; }

    #id_compatibility #content_frame { background: url(/images/page/web_design_adelaide_01.jpg) no-repeat white 0 -3px; }

    

    #content_frame

    {

        background: url(/images/page/web_design_adelaide_01.jpg) no-repeat white 0 -3px;
        
        background-attachment: scroll;

        padding-top: 290px;

        padding-left: 12px;

        padding-right: 12px;

        padding-bottom: 4px;

        margin-left: 250px;

        text-align: left;

        width: 490px;

        display: block;

        border-right: 1px solid #999;

    }


	#content_frame.fullwidth
	{
	background: url(/images/page/web_design_adelaide_01.jpg) no-repeat white 246px -3px;
	width:740px !important;
	margin-left:0;
	}
	
	.fullwidth h2
	{
	    color:#990000;
	    margin-bottom:20px;
	}



/* SIDEBAR CONTENT

----------------------------------------------------------------*/





/* FOOTER CONTENT

----------------------------------------------------------------*/

    #footer

    {

        font-size: 9px;

        font-family: verdana, helvetica, sans-serif;

        text-transform: Titlecase;

        

        border-top: 1px solid #CDCDCD;

    }

    

    #footer a

    { color: #ABABAB; padding-right: 10px; }

    

/* PAGE TOOLS

----------------------------------------------------------------*/

    

    #weblogo span, .hide

    {

        display: none;

    }

    

    .noscript

    {

        margin: 0 auto;

        text-align: center;

        position: absolute;

        left: 0;

        top: 0;

        width: 100%;

    }

    

    .noscript span

    {

        border: 1px solid #A71A1A;

        font-size: 10px;

        color: #A71A1A;

        margin: 0 auto;

        padding: 4px;

        position: relative;

        width: 700px;

        background: white;

        display: block;

        font-family: verdana, sans-serif;

    }

    

    #weblogo

    {

        background:url(/images/blis_web_agency.gif) no-repeat center center;

        display:block; width: 250px; height: 240px;

    }

    

    .featuresite

    {

        display: block;

        width: 180px;

        padding: 4px;

        margin: 4px;

        text-align: left;

        margin-bottom: 24px;

        margin-top: 16px;

    }

    

    .sideindex

    {

        display: block;

        width: 180px;

        padding: 4px;

        margin: 4px;

        text-align: left;

        margin-bottom: 16px;

        

    }

    

    .sideindex h4

    {

        font-size: 11px;

        font-family: tahoma, verdana, sans-serif;

        font-weight: bold;

        padding-bottom: 4px;

        margin-bottom: 2px;

        

        margin-top: 28px;

    }

    

    .sideindex li

    {

        border-bottom: 1px dotted #999;

        list-style-type: none;

        margin: 0;

        padding:0;

        padding-bottom: 3px;

        padding-left: 12px;

        margin-bottom: 3px;

        background: url(/images/bullet.png) no-repeat 3px 5px;

    }

    

    .sideindex ul

    {

        margin-left: 0;

        margin-top: 7px;

    }

    

    .sideindex ul span

    {

        color: #666;

    }

    

    .subheading

    {

        border-bottom: 1px solid #999;

        padding-bottom:3px;

        margin-bottom: 3px;

    }

    

    .folio_design h5.imgtxt

    {

        border: 1px solid #999;

        margin:0;

        padding:0;

    }

    

    #emailaddress { font-size: 10px; padding:2px; }



    .divideline { display:block; height: 1px; padding: 0; margin: 0; margin-top: 2px; border-bottom: 1px solid #999; }



    .underlineblock { display:block; border-bottom: 1px solid #999; }



    .link { background:url(/images/bullet3.png) no-repeat 1px 3px; padding-left: 14px; }

    .link2 { background:url(/images/arrows.png) no-repeat center right; padding-right: 14px; }
    
    #hompage_web_links ul li a { color: #000; }
    
    #web_link_2 ul li a { color: #000; }
    
    #web_link_3 ul li a { color: #000; }
    
    .sideindex ul li a { color: #333; }


.design_thumbnail
{
    display:block;
    float:left;
    width:240px;
    height:240px;
    margin-bottom:4px;
    margin-right:4px;
    background:url(/images/foliobox.png) no-repeat;
}

.design_thumbnail .image
{
    display:block;
    width:216px;
    height:165px;
    margin-top:16px;
    margin-left:12px;
    overflow:hidden;
} 

.design_comment
{
    display:block;
    text-align:center;
    color:#676767;
    font-size:14px;
    margin-top:12px;
}   
.design_comment span a
{
    font-size:11px;
    color:#999;
    text-decoration:none;
    display:block;
    text-align:center;
    padding-top:4px;
}

.design_comment span a:hover
{
    text-decoration:underline;
}

.topsection
{
    padding-left:14px;
    padding-right:14px;
}

#foliobar
{
    display:block;
    width:727px;
    height:70px;
    background:url(/images/foliobar.png) no-repeat;
    margin-top:20px;
}

#foliobar a
{
    display:block;
    float:left;
    width:115px;
    text-align:center;
    font-size:13px;
    height:23px;
    padding-top:8px;
    color: #787878;
    margin-top:2px;
    margin-left:12px;
    overflow:hidden;
    
}

#foliobar a.selected
{
    background:url(/images/foliotab.png) no-repeat;
    color:white;
}