/* 
    Document   : layout
    Created on : 08-Feb-2010, 14:45:45
    Author     : matt
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


/*
    GENERIC CONTROLS
*/

root { 
    display: block;
}

body{
    margin:0;
    padding:0;
    text-align:center;
    font-family:Arial,Times;
    font-size:90%;
}

p{
	margin-top:5px;
	margin-bottom:5px;
	color:#999;
	line-height:1.3;
	text-align: center;
}

h1,h2,h3,h4,h5,h6{
    margin-top:0;
    margin-bottom:0px;
    padding:0;
    font-family:"Century Gothic",Century,Arial;
}

h1
{
    font-size:93.8%;
    color:#CC0A0A
}

h2
{
	font-size:160%;
	color:#CC0A0A;
	font-family:"Century Gothic", Century, Arial;
}

h3
{
   font-family:Arial;
   font-size:87.5%;
   color:#717171;
}

h4
{
    font-family:"Century Gothic",Century,Arial;
    font-size:87.5%;
    color:#3D434A;
    font-style:italic;
}

h5
{
    font-family:Arial;
    font-size:87.5%;
    color:#F77B0F;
}

h6
{
    font-family:"Century Gothic",Century,Arial;
    font-size:75%;
    color:#CC0A0A;
}

h2.blog-title
{
    font-size:120%;
    color:#CC0A0A;
    font-family:"Century Gothic",Century,Arial;
}

h2.blog-title a:link, h2.blog-title a:visited
{
    font-size:120%;
	color:#CC0A0A;
}

h2.blog-title a:hover
{
	color:#CC0A0A;

}

a:link, a:visited
{
    text-decoration:none;
    color:#666;
}

a:hover
{
	text-decoration:underline;
	color:#C00;
}

hr
{
    background:#A5A5A5;
    height:1px;
    border:0;
}
/*
    PAGE LAYOUT
*/

#layout-top1
{
    width:100%;
    margin:0;
    padding:0;
    height:8px;
    font-size:0;
    background:#E2180E;
}

#layout-top2
{
    margin:auto;
    width:960px;
    height:82px;
    padding:0;
    margin-top:0;
    background:url(../graphics/swirl.jpg) no-repeat;
}

#layout-content-container
{
    margin:auto;
    padding:0;
    width:960px;
}

#layout-header
{
    width:960px;
    height:86px;
    margin-bottom:20px;
}

#layout-header-left
{
    float:left;
    width:580px;
    padding-right:20px;
}

#layout-header-left-logo
{
    float:left;
    width:182px;
    height:86px;
}

#layout-header-left-tagline
{
    float:left;
    width:390px;
    padding-left:8px;
    padding-top:66px;
    height:20px;
    text-align:left;
}

#layout-header-right
{
    float:left;
    width:360px;
    padding-top:20px;
}

#layout-header-right-qualified
{
    float:right;
    width:63px;
    padding-right:10px;
}

#layout-header-right-contact
{
    float:right;
    text-align:left;
}

#layout-menu
{
    width:960px;
    background:url(../graphics/buttons.jpg) no-repeat;
    height:39px;
}

#layout-wizard
{
    width:960px;
    background:url(../graphics/wizard/wizard_holder.jpg) no-repeat;
    height:260px;
    text-align:left;
}

#layout-wizard-wales
{
    width:960px;
    background:url(../graphics/wizard/wizard_holder2.jpg) no-repeat;
    height:260px;
    text-align:left;
}

#layout-wizard-left
{
    float:left;
    width:370px;
    padding-left:30px;
}

#layout-wizard-right
{
    float:left;
    width:560px;
}

#layout-wizard-options
{
	text-align:center;
	margin:auto;
	width:500px;
	padding-top:40px;
	min-height:180px;
	color: #000;
	font-weight: bold;
}

#layout-wizard-steps
{
    float:right;
    margin-top:10px;
    margin-right:20px;
}

#layout-page
{
    width:920px;
    padding-left:20px;
    padding-right:20px;
    text-align:left;
    padding-top:20px;
    min-height:450px;
}

#layout-page-left
{
    float:left;
    width:310px;
    padding-right:10px;
}

#layout-page-right
{
    float:left;
    width:600px;
}

#layout-footer1
{
    width:100%;
    background:url(../graphics/footer_background.jpg) repeat;
}

#layout-footer1-content
{
    width:960px;
    margin:auto;
    background:url(../graphics/footer.jpg) no-repeat;
    min-height:238px;
    padding-top:110px;
    text-align:left;
}

#layout-footer1-content-left
{
    float:left;
    width:460px;
    padding-right:20px;
}

#layout-footer1-content-left-adbox
{
    float:left;
    width:460px;
    margin-top:20px;
}

#layout-footer1-content-right
{
    float:left;
    width:480px;
    text-align:right;
}

#layout-footer2
{
    width:100%;
    background:url(../graphics/footer2_background.jpg) repeat;
}

#layout-footer2-content
{
    margin:auto;
    width:960px;
    text-align:left;
    padding-top:10px;
    padding-bottom:10px;
}

#layout-footer2-content p
{
    font-size:80%;
}

/*
    PAGE ELEMENTS
*/

#main-menu
{
    margin:0;
    padding:0;
    width:960px;
    height:39px;
    text-align:center;
}

#main-menu li
{
    float:right;
    text-align:center;
    list-style:none;
    padding-left:23px;
    padding-right:23px;
    height:29px;
    padding-top:10px;
    font-family:"Trebuchet MS",Trebuchet,Arial;
    font-size:80%;
    font-weight:bold;
}

#main-menu li a:link, #main-menu li a:visited
{
    text-align:center;
    text-decoration:none;
    color:#F8F8F8;
}

#main-menu li a:hover
{
    text-align:center;
    text-decoration:underline;
    color:#FFFFFF;
}

#tagline
{
    color:#6D6D6D;
    font-size:80%;
    padding-left:10px;
}

#phone
{
    background:url(../graphics/telephone.jpg) no-repeat left center;
    padding-left:30px;
}

#phone p
{
    font-size:150%;
    font-weight:bold;
    color:#6C6C6C;
    font-family:"Century Gothic",Century,Times;
}

#email
{
    margin-top:8px;
    background:url(../graphics/envelope_top.jpg) no-repeat left center;
    padding-left:30px;
}

#email p
{
    font-size:110%;
    font-weight:bold;
    color:#6C6C6C;
    font-family:"Century Gothic",Century,Times;
}

#quick-links-header
{
    color:#fff;
    font-size:120%;
    border-bottom:1px solid #cccccc;
    width:200px;
    display:block;
    font-family:"Century Gothic",Century,Arial,Times;
}

#newsletter-signup
{
    width:306px;
    float:right;
}
#newsletter-signup-input
{
    float:left;
    width:217px;
    height:32px;
    padding:0;
    padding-top:3px;
    margin:0;
    background:url(../graphics/newsletter.jpg) no-repeat #fff;
    border:0;
    margin:0;
    font-size:18px;
}

#newsletter-signup-submit
{
    float:left;
    width:89px;
    height:35px;
    border:0;
    background:url(../graphics/submit.jpg) no-repeat;
    cursor:pointer;
}

.newsletter-signup-envelope
{
    float:left;
    width:42px;
    padding-right:5px;
}

.newsletter-signup-text-holder
{
    float:left;
    width:250px;
    padding-top:10px;
    text-align:left;
}

.newsletter-signup-text
{
    margin:0;
    padding:0;
    color:#fff;
}

.latest-blog-articles
{
	width:600px;
	text-align: center;
}

.latest-blog-article
{
	width:600px;
	padding-top:10px;
	min-height:150px;
	color: #B90000;
	text-align: left;
}

.latest-blog-article-image
{
    float:left;
    width:170px;
    padding-right:20px;
}

.latest-blog-article-content
{
    float:left;
    width:410px;
}
.latest-blog-article-title
{

}

.latest-blog-article-summary
{

}

.blog-description
{
	padding-top:5px;
	color: #000;
}

.blog-date
{
    margin-top:15px;
    color:#ABABAB;
    font-size:smaller;
    text-align: left
}

#testimonial-box-top
{
    width:310px;
    height:32px;
    float:left;
    margin:0;
    padding:0;
    font-size:0%;
    background:url(../graphics/testimonial_top.jpg) no-repeat;
}

#testimonial-box-mid
{
    width:270px;
    padding:20px;
    margin:0;
    background:url(../graphics/testimonial_middle.jpg) repeat;
    float:left;
}

#testimonial-box-text
{
    color:#fff;
    width:270px;
    text-align:center;
}

#testimonial-box-bottom
{
    width:310px;
    height:33px;
    float:left;
    margin:0;
    padding:0;
    font-size:0%;
    background:url(../graphics/testimonial_bottom.jpg) no-repeat;
}

.view-all-link
{
    font-size:75%;
}

#case-studies
{
    width:280px;
}

/* SPLIT HEADERS - FOR USE WITH HOMEPAGE SUB SECTION HEADERS */
.split-header-left
{
    float:left;
    width:80%;
}

.split-header-right
{
    float:left;
    width:20%;
    text-align:right;
    padding-top:2px;
}

/* CONTACT FORM STYLES */
.contact-form
{
    display:block;
padding-top:15px;
}

.contact-form-label
{
    display:block;
    color:#999;
    margin-bottom:2px;
}

.contact-form-input-text
{
    display:block;
    width:300px;
    margin-bottom:8px;
}

.contact-form-input-textarea
{
    display:block;
    width:300px;
    padding-bottom:5px;
}
#layout-content-container #layout-wizard #layout-wizard-right #layout-wizard-options p {
	color: #000;
}
#layout-content-container #layout-page #layout-page-right .latest-blog-articles .latest-blog-article strong {
	text-align: center;
	color: #B90000;
}
#layout-content-container #layout-page #layout-page-right .latest-blog-articles .blog-description {
	text-align: left;
}
#layout-content-container #layout-page #layout-page-right .latest-blog-articles ul li {
	text-align: left;
}
#layout-content-container #layout-wizard-wales #layout-wizard-right #layout-wizard-options p {
	color: #000;
}