/*----------------------------------------------
    Steven Johnston @ CoCreate
    for
    CoCreate
    18/08/2010

    Version 1.0

    Project: Your City Base

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


    --------------------------------------------
##Designers Notes
-----------------
Colours
-------
----------------------------------------------*/
*{
    padding:0;
    margin:0;
}
html{
    min-height:101%;
    margin:0 0 1px 0;
}
img{
    border:none;
}
body{background:url(../images/bg.gif) repeat-x}
/*---------------------------
         Structure
-----------------------------*/
#wrapper{
    width:950px;
    margin:10px auto 0 auto;
    padding:5px 0 10px 0; 
	background-color:#FFFFFF;   
}
#header{
    width:950px;
    height:79px;
    background:url("../images/bg_header.gif");
}
#header .ycblogo{
    width:218px;
    height:20px;
    margin:25px 0 0 25px;
}
#header .contactinfo{
    margin:14px 25px 0 0;
    text-align:right;
    line-height:1.5;
}
#content{
    width:940px;
    padding:5px;
}
.maincol{
    width:566px;
    margin:0 12px 0 12px;
    line-height:1.8;
}
.left{
    float:left;
}
.right{
    float:right;
}
.sidecols{
    width:175px;
}
h2{
    padding:0 0 20px 0;
}
.divfooter{
    clear:both;
    width:1px;
    height:1px;
}
.contentbottom{
    clear:both;
    width:940px;
    height:1px;
}
.text{
    padding:0 0 15px 0;
}
/*---------------------------
       left Column
-----------------------------*/
#mailing{
    width:155px;
    height:77px;
    margin-bottom:7px;
    padding:5px 10px 5px 10px;
    text-align:center;    
    background:url("../images/bg_mailing.gif");
}
#mailing h1{
    padding:3px 0 3px 0;
}
#mailing input{
    margin:3px 0 3px 0;
}
#mailingemail{
    text-align:center;
    width:150px;
}
#availtable{
    width:165px;
    padding:7px 0 0 0;
}
#availtable td{
    padding:0 0 3px 0;
}
td.check_col1 ,td.check_col3{
    width:50px;
}
#roomtype{
    width:165px;
}
#roomnum{
    width:50px;
}
td.check_col2{
    width:41px
}
td.check_col4{
    text-align:right;
    width:24px;
}
.box_dgrey_top{
    width:175px;
    height:6px;
    background:url("../images/bg_box_dgrey_top.gif");
}
.box_dgrey_middle{
    width:175px;
    background:url("../images/bg_box_dgrey_middle.gif");
}
.box_dgrey_bottom{
    width:175px;
    height:6px;
    margin-bottom:7px;
    background:url("../images/bg_box_dgrey_bottom.gif");
}
#availability{
    width:166px;
    height:207px;
    padding:5px 5px 5px 4px;
    margin-bottom:7px;
    background:url("../images/bg_availability.gif");
}
#availability p{
    margin:4px 0 4px 0;
}
#flowerImg{
    position:absolute;
    margin:90px 0 0 0;
    Z-index:10;
}
#checkNow{
    margin:8px 0 0 0;
}
.dateCheck{
    padding:0;
    width:175px;
}
input.jsInputDate{
    width:140px;
}
/*---------------------------
       Right Column
-----------------------------*/
.titlered, .titlegrey, .titleduckegg, .titlepaleblue, .titlelavender, .title_lblue, .title_blue{
    width:166px;
    height:22px;
    padding:9px 0 0 0;
    text-align:center;
}
.titlered{
    background:url("../images/bg_title_red.gif");
}
.titlegrey{
    background:url("../images/bg_title_red.gif");
}
.titleduckegg{
    background:url("../images/bg_title_duckegg.gif");
}
.titlepaleblue{
    background:url("../images/bg_title_paleblue.gif");
}
.titlelavender{
    background:url("../images/bg_title_lavender.gif");
}
.title_lblue{
    background:#A9C7E0;
}
.title_blue{
    background:#81B3C1;
}
.box_lgrey, .box_gold, .box_lavender{    
    width:166px;
    height:170px;
    padding:5px 5px 5px 4px;
    margin-bottom:13px;    
}
.box_lgrey{
    background:url("../images/bg_box_lgrey.gif");
}
.box_gold{
    background:url("../images/bg_box_gold.gif");
}
.box_lavender{
    background:url("../images/bg_box_lavender.gif");
}
.boximg{
    width:152px;
    height:81px;
    margin:7px 0 3px 9px;
}
.boxtext{
    width:150px;
    padding:0 0 0 12px;
    line-height:1.4;
}
/*---------------------------
         Home Page
-----------------------------*/
#indexflash{
    width:566px;
    height:394px;
    margin-bottom:10px;
}
.bodyimg{
    margin-right:10px;
}
.hometext{
    width:430px;
}
/*---------------------------
     Single Column Page
-----------------------------*/
/*-----Detail Item-----------*/
.detailitem{
    padding:15px 0 0 0;
}
.detailitem img{
    margin:7px 10px 0 0;
}
.detailitemtext{
    width:445px;
}
#bgCopy{
    width:546px;
    padding:10px;
    background:#C8DAEA;
    margin:0 0 15px 0;
}
/*---------------------------
         Map Page
-----------------------------*/
#googlemap{
    clear:both;
    width:100%;
    height:300px;
    margin:20px 0 20px 0;
}
/*---------------------------
      What's On Page
-----------------------------*/
table.whatson{
    width:100%;
}
table.whatson tr td{
    vertical-align:top;
}
table.whatson tr td.col1{
    width:100px;
}
table.whatson tr td.col2{
    width:120px;
}
table.whatson tr td.sep{
    width:20px;
}
table.whatson tr td.col4{
    width:100px;
    text-align:center;
}
/*---------------------------
     Contact Details Page
-----------------------------*/
.contactDetails{
    width:100%;
}
.contactDetails td{
    vertical-align:top;
}
.contactImg{
    width:115px;
}
.contactText{
    width:170px;
}
/*-----Contact Form---------*/
#contact{
    width:251px;
    height:299px;
    margin:5px 0 0 143px;
    padding:14px;
    background:url("../images/bg_contact.gif");
}
#contact p{
    padding:0 0 2px 0;
}
#contact input.input, #contact textarea{
    width:248px;
    padding:2px 0 0 3px;
    border:none;
}
#contact input.input{
    height:19px;
    background:url("../images/bg_input.gif");
    margin:0 0 3px 0;
}
#contact textarea{
    height:107px;
    background:url("../images/bg_textarea.gif");
}
#contact input.btnsubmit{
    margin:8px 0 0 0;
}
/*---------------------------
    Availability Pages
-----------------------------*/
/*---------------------------
        Mainmenu
-----------------------------*/
#mainmenu{
    list-style:none;
    padding:8px 0 8px 20px;
}
#mainmenu li a.menuLink{
    display:block;
    width:145px;
    padding:5px 0 5px 10px;
    text-decoration:none;
    color:#5C5C5C;
    background:url("../images/bg_mainmenu_li.gif") no-repeat;
}
#mainmenu li a.menuLink:hover{
    color:#AAAAAA;
    background:url("../images/bg_mainmenu_li_hover.gif") no-repeat;
}
#mainmenu li ul{
    position:absolute;
    z-index:3000;
    visibility:hidden;
    width:150px;
    padding:8px;
    margin:-34px 0 0 150px;
    list-style:none;    
    background:#c8daea;
}
#mainmenu li:hover ul{
    visibility:visible;
}
/*---------------------------
          Footer
-----------------------------*/
#footer{
    width:950px;
    height:52px;
    background:url("../images/bg_footer.gif");
}
#footerright, #footerleft{
    padding:9px 20px 0 20px;
    line-height:1.4;
}
#footerright{
    text-align:right;
    width:320px;
}
#footerright ul{
    list-style:none;
}
#footerright ul li, #footerright p{
    margin-left:1em;
}
#footerleft{
    width:520px;
}
/*---------------------------
        Typography
-----------------------------*/
/*-----------Fonts-----------*/
#header, .sidecols h1, .maincol h1{
    font-family:Helvetica,Arial,sans-serif;
}
.arial{
    font-family:Arial,Helvetica,sans-serif;
}
/*-----------Sizes-----------*/
.errorText p .telno, .title{
    font-size:1.3em;
}
#header .contactinfo p .telno{
    font-size:1.1em;
}
#mailing h1, .maincol h1{
    font-size:0.85em;
}
#header .contactinfo p a, #mainmenu, .contentmenu ul li a, .maincol h2, #availability p{
    font-size:0.8em;
}
.sidecols h1, #mailingemail, #availtable tr td.label, #availtablelong tr td.label, .roomtypetable, .textLrg{
    font-size:0.75em;
}
.text{
    font-size:0.7em;
}
#footer{
    font-size:0.6em;
}
/*-----------Colours-----------*/
.purplelink, .contentmenu ul li a:hover, .purple, h2.purple, .price, p.purple{
    color:#5F6E93;
}
.grey{
    color:#414141;
}
.lGrey{
    color:#777777;
}
.contentmenu ul li a{
    color:#66677F;
}
#mailingemail{
    color:#515151;
}
.brown{
    color:#4B3B1D;
}
.lavender{
    color:#9999CC;
}
.white{
    color:#FFFFFF;
}
.red{
    color:#FF0000;
}
/*-----------Undelines---------*/
.noUnderline, .hoverUnderline, .box_lgrey a{
    text-decoration:none;
}
.underline, .hoverUnderline:hover, .box_lgrey a:hover{
    text-decoration:underline;
}
/*-----------Weights-----------*/
.light{
    font-weight:100;
}
.bold{
    font-weight:bold;
}