/* 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; }
/*----------------------------------------*/
body	{
background:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:0.625em;/*this sets the base font size to 10px*/
color:#a4765b;
}
#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-bg.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:#577f91;
}
#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:#577F91;
}
a:hover	{
color:#a4765b;
text-decoration:none;
}