/*------------------------------------------------------------------
						Steven Johnston @ CoCreate
						for
						CoCreate
						21/05/2009

						Version 1.0

						Project: Sean Bailey

						**Please annotate amendments and log below**
						--------------------------------------------
						Amendments


						--------------------------------------------
##Designers Notes
-----------------
Colours
-------

--------------------------------------------------------------------*/
*{
    padding:0;
    margin:0;
}
html{
    min-height:100%;
    margin:0 0 1px 0;
}
body{
    background:#E8E9EA;
}
img{
    border:none;
}
/*-------------------------------------------------------------------*/
#wrapper, #footer{
    width:952px;
    padding:0 35px 0 35px;
    margin:0 auto 0 auto;
}
#wrapper{
    background:url("../images/bg_body.gif");
}
#header{
    width:952px;
    height:125px;
}
#telimg{
    float:right;
}
#logo{
    float:left;
}
#content{
    margin:20px 0 0 0;
    width:952px;
}
#indeximg{
    width:620px;
    float:right;
}
#indexleft{
    float:left;
    width:320px;
}
.indexitem{
    width:320px;
    height:170px;
    background:url("../images/bg_index_text_item.gif");
}
.indexitem img{
    float:right;
}
.indextextitem{
    width:210px;
    line-height:1.4;
    float:left;
    padding:15px 10px 0 10px;
}
.indexitem p{
    padding:8px 0 8px 0;
}
.indexitemtop{
    width:260px;
    height:0px;
    margin:0 30px 0 30px;
    border-top:solid 1px #939598;
    border-bottom:solid 1px #FFFFFF;
}
#pagecontent{
    background:url("../images/bg_pagecontent.gif") repeat-x;
    padding:30px 5px 30px 30px;
}
#contentright{
    float:right;
    width:230px;
}
#contentleft{
    float:left;
    width:650px;
    line-height:1.5;
}
#contentleft h2{
    padding-bottom:10px;
    border-bottom:solid 1px #939598;
}
#contentleft h3{
    margin:25px 0 30px 0;
}
#contentleft ul{
    list-style:none;
}
#contentleft img, #qualifications{
    float:left;
}
#qualifications{
    margin:7px 0 0 7px;
}
.link{
    float:left;
    width:650px;
    margin-top:25px;
}
.link img{
    float:left;
}
#links{
    margin-top:40px;
}
.linktext{
    width:520px;
    float:left;
    margin-left:15px;
    padding-top:5px;
}
.linktext h5 a{
    text-decoration:none;
}
.linktext h5 a:hover{
    text-decoration:underline;
}
.polaroid, .telimg{
    margin-top:40px;
}
#profile, #prices, #corporate, #technology, #contact{
    float:left;
    margin-top:20px;
}
#gift{
    width:650px;
    margin-top:40px;
    border-bottom:solid 1px #939598;
}
#profiletext, #corporatetext, #technologytext, #contacttext{
    padding-right:20px;
    margin-right:20px;
    float:left;
    width:290px;
    border-right:solid 1px #939598;
}
#profiletext , #technologytext h3, #contacttext h3{
    margin-top:0px;
}
#profiletext p, #corporatetext p, #technologytext p, #technologytext h3, .details, #contacttext h3, #technologytext h3{
    margin-bottom:20px;
}
#contacttext p{
    margin-bottom:40px;
}
#contacttext h3, #technologytext h3{
    margin:0px;
}
#cswing, #contactdetails{
    float:left;
    width:280px;
}
#cswingtop{
    width:280px;
    height:57px;
    background-image:url("../images/bg_cswingtop.gif");
}
#contacttop{
    width:280px;
    height:35px;
    background-image:url("../images/bg_contacttop.gif");
}
#tomitop{
    width:280px;
    height:57px;
    background-image:url("../images/bg_tomitop.gif");
}
#cswingmiddle, #tomimiddle, #contactmiddle{
    width:280px;
    background-image:url("../images/bg_cswingmiddle.gif");
}
#contactmiddle{
    width:230px;
    padding:0 25px 0 25px;
}
#cswingmiddle img, #tomimiddle img{
    width:240px;
    margin:5px 20px 0 20px;
}
#cswingbottom, #tomibottom, #contactbottom{
    width:280px;
    height:35px;
    background-image:url("../images/bg_cswingbottom.gif");
    margin-bottom:10px;
}
#bag{
    float:left;
    width:236px;
    height:248px;
    background-image:url(../images/bag.jpg);
    padding:70px 23px 0 23px;
    line-height:1.8;
}
.priceintro, .topmargin{
    margin-top:20px;
}
#pricestext{
    padding-right:20px;
    margin-right:20px;
    float:left;
    width:325px;
    border-right:solid 1px #939598;
}
.priceinfo{
    margin:0 0 20px 0;
}
#pricesamount{
    float:left;
    width:275px;
}
#performance h3{
    margin-bottom:0px;
}
.evaluationtext{
    margin:0 0 20px 0;
}
.listtitle{
    margin:0px;
}
.quote{
    margin-top:20px;
}
#clients{
    float:left;
}
#clientlisttop{
    width:283px;
    height:56px;
    background-image:url("../images/bg_clientstop.gif");
}
#clientlistmiddle{
    width:237px;
    padding:20px 0 0 46px;
    background-image:url("../images/bg_clientsmiddle.gif");
}
#clientlistbottom{
    width:283px;
    height:65px;
    background-image:url("../images/bg_clientsbottom.gif");
}
#contentbottom{
    clear:both;
    width:1px;
    height:1px;
}
.spacer{
    width:1px;
    height:1px;
    clear:both;
}
#footer{
    height:40px;
    background:url("../images/bg_footer.gif");
}
/*-------------------------------
            Menu
-------------------------------*/
#menu{
    width:952px;
    height:28px;
}
#menu ul{
    list-style:none;
}
#menu ul li{
    width:135px;
    height:25px;
    padding-top:3px;
    float:left;
    border-right:solid 1px #939598;
    text-align:center;
    background:url("../images/bg_menu.gif") repeat-x;
}
#menu ul li a, #menu ul a li{
    text-decoration:none;
}
#menu ul li.last{
    border-right:none;
}
#menu ul li#selected{
    background:url("../images/menu_selected.gif") repeat-x;
}
#menu ul li:hover{
    background:url("../images/menu_selected.gif") repeat-x;
    color:#C0CF66;
    cursor:pointer;
}
/*-------------------------------
          Contact Form
-------------------------------*/
input, textarea{
    width:225px;
    margin:2px 0 7px 0;
    background-color:#B3C936;
}
textarea{
    height:120px;
}
#submit{
    margin-top:25px;
    width:120px;
    height:48px;
}
/*-------------------------------
          Page Bottom
-------------------------------*/
#pagebottom{
    margin-top:19px;
    padding-top:8px;
    border-top:1px solid #939598
}
#credits{
    width:922px;
    height:30px;
    background:url("../images/bg_credits.gif") repeat-x;
    padding:8px 15px 8px 15px;
}
#bottomlinks ul{
    list-style:none;
}
#bottomlinks ul li{
    float:left;
    padding:0 1.5em 0 1.5em;
}
#cocreate{
    float:right;
}
#cocreate a{
    text-decoration:none;
}
#copyright, #bottomlinks{
    float:left;
}
#bottomlinks{
    margin:0 15em 0 15em;
}
#bottomlinks ul li a{
    text-decoration:none;
}
#bottomlinks ul li a:hover, #cocreate a:hover{
    text-decoration:underline;
}
/*-------------------------------
            Typography
-------------------------------*/
body{
    font-family: Arial,Helvetica,sans-serif;
}
#menu ul li a, #menu ul a li{
    font-family:Georgia,'Times New Roman',times,serif;
    font-size:0.7em;
    font-weight:100;
    color:#006032;
}
#menu ul li a#selected, #menu ul a li#selected{
    color:#C0CF66;
}
#pagebottom{
    font-family: Arial,Helvetica,sans-serif;
    font-size:0.7em;
}
#pagebottom, #bottomlinks ul li a, #cocreate a, #bag{
    color:#FFFFFF;    
}
#contentleft{
    font-size:0.7em;
}
#contentleft ul,.indexitem, #links{
    font-family: Geneva,Arial,Helvetica,sans-serif;
}
.bold, #bag, .green a{
    font-weight:bold;
}
.indexitem h3, .indexitem a, #contentleft h2, #contentleft h3, .date, .linktext h5 a, .priceinfo, .priceinfobottom, .quote, .green, .green a{
    color:#006032;
}
.priceinfo, .priceinfobottom, .quote, .green{
    font-weight:bold;
    font-size:1.15em;
}
.priceextra{
    font-size:0.8em;
}
.date{
    font-weight:bold;
}
.indexitem p, #contentleft ul, .linktext p, #profiletext p, .priceintro, .evaluationtext, .listtitle, #corporatetext, #technologytext, #contacttext, #contactmiddle p, #contactdetails a{
    color:#666666;
}
.indexitem a, .indexitem p{
    font-size:0.7em;
}
.linktext h5 a{
    font-size:11px;
}
h2, h3, h5{
    font-family:Georgia,'Times New Roman',times,serif;
}