* {margin:0;padding:0;}/*this sets the default for padding and margins to none*/

body {
font-size: 100%;
font-family: verdana, helvetica, arial, "sans serif"; 
background-color:#ffffff;
}

a:link {
text-decoration:none;
color:#e46b1e;
}

a:visited {
text-decoration:none;
color:#e46b1e;
}

a:hover {
text-decoration:underline;
color:#c7c2a3;
}


#centre {
margin:0 auto;
width:950px;
}

#externalwrapper {
float:left;
width:950px;
background-color:#ffffff;
}


#wrapper {
float:left;
/*height:447px;*/
/*width:100%;*/
width:950px;
color:#c7c2a3;
}


#logo{
float:left;
margin-bottom:30px;
margin-left:30px;
width:900px;
height:140px;
background-image:url(../images/logo.jpg);
background-repeat:no-repeat;
text-indent:-999em;
}

/*start submenu */ 

#submenu {
width:400px;
float:left;
margin-left:144px;
margin-top:1px;
list-style:none;
}

html>body #submenu {
width:400px;
float:left;
margin-left:144px;
margin-top:1px;
list-style:none;
}

#submenu li {
font-size: 0.7em;
display:inline;
}

html>body #submenu li {
font-size: 0.7em;
display:inline;

}



#submenu a:link {
color:#e46b1e;
text-decoration:none;
}

#submenu a:visited {
color:#e46b1e;
text-decoration:none;
}

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

#submenu li.here {
color:#c7c2a3;
}


/* end submenu */

/* start thumbnail (tb) menu*/

#tb_menu {
width:750px;
float:left;
margin-left:144px;
margin-top:13px;
margin-bottom:19px;
list-style:none;
}

#tb_menu img{
border: solid 2px #e46b1e;
}

#tb_menu img.here{
border: solid 2px #c7c2a3;
}

#tb_menu li {
display:inline;
padding:0px;
}

#tb_menu a:hover {
border-bottom: solid 2px #e46b1e;
}



/*end tb menu*/



/***************************** start main menu *****************************************/

/* hack html>body is used in this style sheet for IE - all browsers will read through the first CSS rule but IE will ignore the second rule (below) because it makes use of the child selector command3. Non-IE browsers will read through the second one and will override the values from the first rule because this CSS rule is more specific, and CSS rules that are more specific always override those that are less specific.*/


#menu {
float:left;
width:125px;
margin:0px;
padding:0px;
list-style: none;
}

#menu li{
padding:1px 0 2px 15px;
font-size: 0.8em;
border:1px solid #c7c2a3;
border-left:10px solid #c7c2a3;
margin-bottom: 1px;
list-style: none;
}

html>body #menu li{
margin-bottom: 0px;
padding:2px 0 1px 15px;
border:0px;
font-size: 0.7em;
height:18px;
width:125px;
background-image: url(../images/menu_bg.gif);
background-repeat:no-repeat;
list-style: none;
}


/**********************************************************************/

html>body #menu li:link{
background-image: url(../images/menu_bg.gif);
background-repeat:no-repeat;
}

html>body #menu li:visited{
background-image: url(../images/menu_bg.gif);
background-repeat:no-repeat;
}

html>body #menu li:hover{
background-image: url(../images/menu_bg_rll.gif);
background-repeat:no-repeat;
}
/***************************************************/

#menu a:link{
color:#e46b1e;
text-decoration:none;
}

#menu a:visited{
color:#e46b1e;
text-decoration:none;
}


#menu a:hover{
color:#c7c2a3;
}

html>body #menu a:hover{
color:#c7c2a3;
text-decoration:none;
}

#menu li.here{
border:1px solid #c7c2a3;
border-left:10px solid #e46b1e;
color:#c7c2a3;
}


html>body #menu li.here{
border:0px;
color:#c7c2a3;
width:125px;
background-image: url(../images/here_y.gif);
background-repeat:no-repeat;
}


#menu img.star {
float:left;
margin-left:95px;
margin-top:15px;

}


/*********************** end menu menu****************************/


#contentandfooter{
float:left;
margin-left:10px;
width:746px;
/*width:100%;*/
/*width:702px;*/
}

/*************** start content *******************/
#content{
float:left;
width:736px;
border-left: solid 1px #c7c2a3;
margin-left:10px;
margin-bottom:100px;
}

#content p{
width:300px;
margin-bottom:7px;
margin-left:10px;
font-size: 0.6em;
}

#content p.portfolio{
width:450px;
margin-bottom:7px;
margin-left:10px;
font-size: 0.6em;
}

#intro{
float:left;
}

#intro p{
margin-bottom:10px;
margin-left:10px;
font-size: 0.65em;
line-height:1.4em;
}

#intro li{
width:265px;
margin-bottom:3px;
margin-left:25px;
font-size: 0.65em;
line-height:1.2em;
}

p .contact {
width:265px;
margin-left:10px;
margin-top:28px;
font-size: 0.7em;
line-height:1.3em;
}

#content img{
float:left;
margin-left:10px;
}

#content img.illustration{
border:0px;
}

#illustration {
border:0px;
float:left;
margin-left:10px;
}



/*************** end content *************************/



/* start footer */

#footer {
float:left;
font-size: 0.6em;
width:730px;
height:20px;
margin-top:15px;
margin-bottom:20px;
margin-left:6px;
list-style:none;
}

html>body #footer {
width:730px;
margin-top:15px;
margin-left:12px;
margin-bottom:20px;
list-style:none;
}

#footer li{
display:inline;
}



#footer a:link {
text-decoration:none;
color:#e46b1e;
}

#footer a:visited {
text-decoration:none;
color:#e46b1e;
}

#footer a:hover {
text-decoration:underline;
color:#c7c2a3;
}

/* end footer */