/* CSS Document for Weesleekit */

/*---[ undohtml - this resets default values and prevents browsers from applying proprietry values ]---- */
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,td	{margin:0; padding:0}
a img,:link img,:visited img { border:none }
address { font-style:normal }
fieldset{padding:.5em;}
* { margin: 0; padding: 0; }

/*----------------------------------------*/
#card {
width: 100%;
height: 100%;
background-color: #282828;


}
body	{
background:#353535;
font-family:Arial, Helvetica, sans-serif;
font-size:0.625em;/*this sets the base font size to 10px*/
color:#FF9900;
margin: 0 auto;
}

#container	{/*this is the container for the page layout */
margin:20px auto; /* this centers the container in modern browsers - older browsers need a hack */
width:910px;
height:550px;
background:url(../images/container-bggrey.gif) top left no-repeat;
}

#container .inside	{
padding:30px 44px 30px 43px;/* I use a nested div to set margins etc as adding padding to a div with height and width attributes causes display problems */
}

#branding	{/* the div for the logo*/
float:right;
}

#branding h1	{/* I set this to hide the text entered when using a graphic for the branding name. This hides it in normal view but means the text can be read by search engines and screen readers.*/
display:none;
}

#branding h2	{/* This is visible and being used to display the phone number */
text-align:right;
margin:0 5px 0 0;
font-size:2.0em;/* Having set the font-size to 0.625em in the body tag - 2.0em equals 20px*/
font-weight:normal;
color:#FF9900;
}

#nav_main	{/* the div for the main nav links*/
width:550px;
}

#nav_main_list li	{/*this control the appearance and layout of the links */
display:inline;
list-style:none;
padding:0 2px 0 0;
font-size:2.0em;
line-height:1.2em;
}

#nav_sub	{/* the div for the sub nav*/
margin:35px 0 10px 0;
}

#nav_sub_list li {/* controlling the appearance and layout of the sub nav links*/
display:inline;
list-style:none;
padding:0 0 0 0;
font-size:1.4em;
line-height:1.2em;
}

#content	{/* the div to hold the flash files - as they are all the same and there is no text content we don't need any attributes*/

}

#home_link	{/* the div to contain the home-link graphic */
float:right;
margin:140px 15px 0 0;
}

#site_info	{/* the page footer / site information*/
text-align:center;
font-size:1.1em;/* I've upped this 0.1 as it looked too small in Safari at 1.0em*/
margin:18px 0 0 0;
}

/*-- generic links ----------------------------*/
a:link, a:visited	{
color:#FFF;
}

a:hover	{
color:#FF9900;
text-decoration:none;
}