/* ---------------------------------------------------- *
 	Style for the sunspace.co.uk
 	22 November 2005 
 * ---------------------------------------------------- */


html,body
{
  height: 100%;
}

*
{
padding: 0px;  /* removes all default padding/margins */
margin: 0px;
}

a img  /* no default border for image links */
{
border: none;
}
/* ----------------- style for the basic page objects and divisions ----------------*/

body 
{
padding:0;
height:100%;
background: #C6BCA0 url(whitestrip.gif) repeat-x top left;
}

div.master_container 
{
width:750px;
margin-right:auto;
margin-left:auto;
padding:10px 5px 5px 5px;
text-align:left;
}

div.header 
{
height: 120px;
padding:0px;
}

img.logo
{

}

div.content 
{
position: absolute; 
margin-top: 170px;
width:712px;
padding:10px 10px 10px 10px;
background: white;
border-style: solid;
border-width: 2px;
border-color: #666666;
}


/* ----------------- end style for the basic  page template ----------------*/

/* ----------------- style for the general content ----------------*/

h1.content_header
{
text-align: center;
margin-top: 10px;
color: #f74d08;
font-family: trebuchet MS, verdana;
font-size: 20pt;
font-weight: bold;
margin-left: 5px;
}

h1.content_sub_header
{
text-align: center;
color: #f74d08;
font-family: trebuchet MS, verdana;
font-size: 16pt;
font-weight: bold;
margin-left: 5px;
}

h2.content_header
{
clear: both;
color: #5F5959;
line-height: 16px;
font-family: trebuchet MS, verdana;
font-size: 16pt;
font-weight: bold;
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 0px;
padding-right: 0px;
border-style: solid;
border-bottom-width: 1px;
border-top-width: 1px;
border-right-width: 0px;
border-left-width: 0px;
border-color: #5F5959;
}

h2.content_header_orange
{
clear: both;
color: #f74d08;
line-height: 16px;
font-family: trebuchet MS, verdana;
font-size: 16pt;
font-weight: bold;
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 0px;
padding-right: 0px;
border-style: solid;
border-bottom-width: 1px;
border-top-width: 1px;
border-right-width: 0px;
border-left-width: 0px;
border-color: #f74d08;
}

h2.portfolio_header
{
clear: both;
text-align: center;
color: #000;
line-height: 20px;
font-family: trebuchet MS, verdana;
font-size: 16pt;
}

h3.portfolio_header
{
clear: both;
text-align: center;
color: #5F5959;
line-height: 13px;
font-family: trebuchet MS, verdana;
font-size: 11pt;

}

p.content_text
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
line-height: 12pt;
padding-left: 10px;
padding-right: 10px;
color: 554C33;
text-align: justify;
}

p.small_content_text
{
font-family: trebuchet MS, verdana;
font-size: 10pt;
color: #003333;
text-align: justify;
}

p.portfolio_text
{
margin-right: 25px;
margin-left: 25px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
line-height: 12pt;
color: 554C33;
text-align: justify;
}

img.portfolio_image_left
{
float: left;
margin-left: 25px;
margin-right: 25px;
margin-bottom: 25px;
border: 1px solid #666666;
}

img.portfolio_image_right
{
float: right;
margin-left: 25px;
margin-right: 25px;
margin-bottom: 25px;
border: 1px solid #666666;
}

img.content_image_right
{
float: right;
margin: 10px;
margin-left: 20px;
margin-right: 10px;
margin-top: 10px;
border: 1px solid #666666;
}

#flash-wrapper/*no floating in normal position as dropdown menu wont go ove animation*/
{
text-align:center;
margin: 10px;
margin-left: 20px;
margin-right: 10px;
margin-top: 10px;
}

#flash-services/*no floating in normal position as dropdown menu wont go ove animation*/
{
text-align:center;
margin: 10px;
margin-left: 20px;
margin-right: 10px;
margin-top: 10px;
}

div.row
{
clear: both;
text-align:center;
}

div.row span.image
{
float: left;
width: 175px;
padding-left:20px;
}

div.row span.text
{
float: left;
width: 450px;
padding-left:20px;
}

img.portfolio_image
{
float: left;
padding-left:20px;
}

img.content_image_left
{
float: left;
margin: 10px;
margin-left: 10px;
margin-right: 20px;
margin-top: 10px;
border: 1px solid #666666;
}

img.content_image_right
{
float: right;
margin: 10px;
margin-left: 20px;
margin-right: 10px;
margin-top: 10px;
border: 1px solid #666666;
}

img.long_dot
{
vertical-align: middle;
width:40px;
height:2px;
}

div.clear_spacer
{
position: relative; 
clear: both;
height: 30px;
}

div.small_spacer
{
position: relative;
height: 20px;
}

div.big_spacer
{
position: relative;
clear: both;
height: 60px;
}

p.non_floating
{
clear: both;
}

ul.services li
{
margin-left: 80px;
list-style-image: url(images/template_resources/list_dot.gif);
font-family: trebuchet MS, verdana;
font-size: 13pt;
color: #003333;
}

a
{
color: #4F4C45;
text-decoration: none;
}

a:hover
{
color: #FF3333;
}
/*----------------------------------------*/