/* 
    copyright blue stag studio ltd
    created by Matthew Rhys Jones
*/

root { 
    display: block;
}

body
{
    margin:0;
    padding:0;
    background:url(../graphics/structure/background.jpg) repeat-x #606E71;
    font-family:Arial,Verdana;
    font-size:80%;
}

/*body
{
    margin:0;
    padding:0;
    background:url(../graphics/structure/background2.jpg) repeat-x top center #0184BC;
    font-family:Arial,Verdana;
    font-size:80%;
}*/

a:link, a:visited
{
    color:#ff6600;
    text-decoration:underline;
}

a:hover
{
    color:#ff9933;
}

p
{
    color:#333;
}

h1
{
    color:#0092D2;
    font-family:"Century Gothic",Century,Times;
    font-weight:bold;
    font-size:160%;
    margin-top:0;
    padding-top:0;
}

h2
{
    color:#0092D2;
    font-family:"Century Gothic",Century,Times;
    font-weight:normal;
    font-size:130%;
}

h3
{
    color:#FF3300;
    font-family:"Century Gothic",Century,Times;
    font-weight:normal;
    font-size:110%;
    margin-top:25px;
}

a img
{
    border:0;
}

#structure-top-bar
{
    width:100%;
    height:43px;
    margin:0;
    padding:0;
    background:url(../graphics/structure/top.jpg) repeat-x;
}

#structure-top-bar-inner
{
    margin:auto;
    margin-top:0;
    margin-bottom:0;
    width:960px;
    text-align:right;
}

#structure-site-container
{
    margin:20px auto 0 auto;
    width:968px;
    background:url(../graphics/structure/site_middle.jpg) repeat-y;
    min-height:100px;
    padding:0;
}

.structure-site-container-inner
{
    margin:auto;
    width:940px;
    margin-left:4px;
    margin-right:4px;
    padding:10px;
}

#structure-header
{
    margin-top:10px;
    margin-bottom:10px;
}

#structure-header-left
{
    float:left;
    width:250px;
}

#structure-header-right
{
    float:left;
    width:690px;
    text-align:right;
}

#strapline
{
    font-family:Trebuchet,"Trebuchet MS",Arial;
    font-size:125%;
    color:#404040;
    font-weight:bold;
    margin:0;
    padding:0;
    padding-bottom:5px;
}

.phone
{
    font-family:Trebuchet,"Trebuchet MS",Arial;
    font-size:125%;
    color:#0092D2;
    font-weight:bold;
    margin:0;
    padding:0;
    padding-bottom:5px;
}

.email
{
    margin:0;
    padding:0;
    padding-bottom:5px;
    font-family:Trebuchet,"Trebuchet MS",Arial;
    font-size:125%;
    font-weight:bold;
}

.email a:link, .email a:visited
{ 
    color:#0092D2;
    text-decoration:none;
}

.email a:hover
{
    text-decoration:none;
    color:#0092D2;
}

#structure-main-left
{
    float:left;
    width:180px;
    padding-right:10px;
}

#structure-main-right
{
    float:left;
    width:750px;
}

#structure-site-footer
{
    margin:0 auto 0 auto;
    padding:0;
    width:940px;
    padding:30px 19px 0 19px;
    min-height:332px;
    background:url(../graphics/structure/footer.jpg) no-repeat top;
}

#structure-footer-left
{
    float:left;
    width:620px;
    padding-right:10px;
    padding-left:10px;
}

#structure-footer-right
{
    float:left;
    width:300px;
    text-align:right;
    padding-top:50px;
}

#structure-main-menu
{
    margin-top:0;
    padding-top:0;
    width:178px;
    margin-left:1px;
    margin-right:1px;
    padding-left:0;
    background:#333;
}

#structure-main-menu p
{
    display:block;
    list-style:none;
    padding:0;
    margin:0;
    background:#333;
    min-height:25px;
    padding-top:10px;
    padding-left:10px;
    width:168px;
    border-bottom:1px solid #2B2B2B;
    border-top:1px solid #515151;
    color:#E4E7E8;
}

#structure-main-menu p a:link, #structure-main-menu p a:visited
{
    color:#E4E7E8;
    font-size:95%;
    text-decoration:none;
}

#structure-main-menu p a:hover
{
    color:#E4E7E8;
    text-decoration:none;
}

#menu_sub_1 p
{
    display:block;
    list-style:none;
    padding:0;
    margin:0;
    min-height:25px;
    padding-top:10px;
    padding-left:10px;
    width:168px;
    border:0;
    color:#E4E7E8;
    background:#151515;
    font-size:90%;
}


#most-popular-top
{
    font-size:0%;
    width:180px;
    height:37px;
    background:url(../graphics/structure/most_popular_top.jpg) no-repeat;
}

#most-popular-middle
{
    padding:8px;
    width:164px;
    background:url(../graphics/structure/most_popular_middle.jpg) repeat-y;
}

#most-popular-bottom
{
    font-size:0%;
    width:180px;
    height:8px;
    background:url(../graphics/structure/most_popular_bottom.jpg) no-repeat;
}

.most-popular-spanner
{
    float:left;
    width:15px;
    padding-right:9px;
}

.most-popular-content
{
    float:left;
    width:140px;
}

.most-popular-content p
{
    padding-top:0;
    padding-bottom:10px;
    margin:0;
    font-size:85%;
}

.most-popular-content p a:link, .most-popular-content p a:visited
{
    color:#666;
    text-decoration:none;
}

.most-popular-content p a:hover
{
    color:#666;
}


.quick-links
{
    float:left;
    width:180px;
    margin:0;
    padding:0;
}

.quick-links li
{
    list-style:none;
    width:165px;
    padding-left:15px;
    font-family:"Century Gothic",Century,Times;
    background:url(../graphics/structure/bullet.jpg) no-repeat center left;
}

.quick-links li a:link, .quick-links li a:visited
{
    text-decoration:none;
    color:#e1e1e1;
}

.quick-links li a:hover
{
    text-decoration:underline;
    color:#fff;
}

.quick-links-header
{
    font-family:"Century Gothic",Century,Times;
    color:#fff;
    font-weight:bold;
}

.sub-footer
{
    padding-left:150px;
    padding-right:150px;
    padding-top:20px;
    color:#fff;
    text-align:center;
}

.testimonial-quote
{
    color:#666;
    font-family:"Trebuchet MS", Trebuchet, Arial;
    font-style:italic;
    padding:0 5px 0 20px;
    font-size:90%;
}

.testimonial-by
{
    color:#666;
    font-family:"Trebuchet MS", Trebuchet, Arial;
    padding:0 5px 0 20px;
    font-size:90%;
    text-align:right;
}



/* INVOICING */
.invoicing
{

}

.invoicing td.dark
{
    color:#333;
    background:#D7D9D9;
    padding:2px;
}

.invoicing td.light
{
    color:#333;
    background:#F1F3F3;
    padding:2px;
}


.pricing-table
{

}

.pricing-table tr
{
    background:#ededed;
}

.pricing-table tr.alt
{
    background:#fff;
}

.pricing-table tr.alt2
{
    background:#fff;
}



.tv-left
{
    float:left;
    width:250px;
    padding-right:20px;
}

.tv-right
{
    float:left;
    width:250px;
}