@charset "UTF-8";
/* CSS Document */


/*   text styles   */

body
{
font-family: Arial, Helvetica, sans-serif;
font-size: 0.85em;
line-height: 1.4em;
color:#505050;
background-color:#E6E6E6;
}

a
{
color:#ef7118;
text-decoration:none;	
}

a:hover
{
text-decoration:underline;
}

h1
{
font-size: 1.3em;
line-height: 1.3em;
color:#ef7118;
}

h3
{
font-size: 1.1em;
line-height: 1.1em;
color:#ef7118;
}

hr
{
height:1px;
background-color:#ef7118;	
color:#ef7118;
border:0px;
}


/*   Menu styling    */

ul.arrowunderline{
list-style-type:none;
margin:0;
padding:10px 0 7px 0;
text-align:right;
}

ul.arrowunderline li{
display:inline;
margin-right:15px;
}

ul.arrowunderline li a{
position:relative;
color:white;
padding:6px 0px 6px 0px; /*spacing between each menu item and arrow underline beneath it */
border: 5px solid transparent;
}

ul.arrowunderline li a:hover, 
{
text-decoration:underline;	
}

ul.arrowunderline li a.selected{
background-color:#FFFFFF;
border: 5px solid #FFFFFF;
color:#505050;
 /* style of arrow underline */
}

ul.arrowunderline li a.selected:after{ /* use CSS generated content to add arrow to the menu */
content:'';
width:0;
height:0;
position:absolute;
left:50%;
margin-left:-5px; /* value should match border-width below */
bottom: -14px;
border-width:5px; /* value should match margin-left above */
border-style:solid;
border-color: white transparent transparent transparent; /* create up arrow */
}

/* table cell styles   */

.maintable
{
width:800px;
margin:15px;
vertical-align:top;
margin-left:auto;
margin-right:auto;
}

.menucell
{
background:#ef7118;
height:20px;
border-bottom:3px solid #ef7118;
border-radius:10px 10px 0px 0px;	
-moz-border-radius:10px 10px 0px 0px;

}

.headercell
{
background:#FFFFFF;
padding:0px 10px 0px 10px;
border-bottom: 1px solid #ef7118;

}

.maincell
{
background:#FFFFFF;
padding:10px 15px 15px 15px;
background-image:url('images/background-star.png');
background-repeat:no-repeat;
background-position:right bottom;
}

.secondarycell
{
background:#FFFFFF;
border-radius:0px 0px 10px 10px;	
-moz-border-radius:0px 0px 10px 10px;	
}

.contentcell
{
background:#eaeaea;	
}

.frontpagecell
{
border-radius:10px;	
-moz-border-radius:10px;
background:#eaeaea;
width:25%;
padding:10px;
vertical-align:top;
}


/* Incidentals  */

#logo
{
float:left;	
margin:0px 0px 5px 0px;
}

#headerimage
{
float:right;
width:600px;	
}

#contactdetails
{
width:300px;
float:right;
margin:10px 0 0 0;
}

#contactdetails td
{
padding:0px 0px 5px 0px;	
}

#maincontent
{
width:550px;
float:left;
vertical-align:top;
}

#rightimage
{
float:right;
width:200px;
margin:0 0 10px 10px;
}

.quote
{
font-size: 1.2em;
line-height: 1.2em;
color:#ef7118;
font-style:italic;
align:right;
}

.newquote
{
font-size: 1.2em;
line-height: 1.2em;
color:#ef7118;
font-style:italic;
align:right;
padding-top:20px;
font-weight: 100;
position:absolute;
bottom:-50px;
right:0;
}

.quoteperson
{
font-weight:bold;	
}

#list-box
{
background:#eaeaea;
width:535px;
float:left;
margin-bottom:10px;
border-radius:10px 10px 10px 10px;	
-moz-border-radius:10px 10px 10px 10px;
padding:10px;
}

#list-box-top
{
width:550px;
float:right;
margin-bottom:0px;
padding-right:10px;
position:relative;
}

#quote-box-top
{
width:400px;
float:right;
padding-right:10px;
}

#quote-box-aristotle
{
width:210px;
float:right;
padding-right:10px;
}

#quote-box-erica
{
width:220px;
float:right;
padding-right:10px;
}

#list-box ul
{
margin-left:-10px;	
line-height: 1.6em;
}

#left-box
{
background-color:#eaeaea;
width:450px;
float:left;
margin-bottom:10px;
border-radius:10px 10px 10px 10px;	
-moz-border-radius:10px 10px 10px 10px;
padding:10px;
}

#right-box
{
background-color:#eaeaea;
width:450px;
float:right;
margin-bottom:10px;
border-radius:10px 10px 10px 10px;	
-moz-border-radius:10px 10px 10px 10px;
padding:10px;
}

#bottom-box
{
width:545px;
float:left;
}

#twitterfeed
{
float:right;
margin:0 0 10px 10px;
border-style: solid;
border-width: 5px;
border-color: #ef7118;
background:#ef7118;
width: 230px;
height: 360px;
overflow: auto;
border-radius:10px;	
-moz-border-radius:10px;
}

.twitter-timeline
{
font-size:0.5em;	
}

#twitterfeed h3
{
color:#FFFFFF;	
}


.clientcell
{
border-bottom:1px dotted #505050;	
}

/*   blockquote   */

blockquote {
display: block;
}

blockquote:before, blockquote:after {
color: #999;
display: block;
font-size: 500%;

}

blockquote:before {
content: '\201C';
height: 0;
margin-left: -0.55em;
color:#ef7118;
}

blockquote:after {
content: '\201D';
margin-left: 360px;
color:#ef7118;
}

#smallicon
{
float:left;
width:40px;
margin:0 10px 10px 0;
}

.headerimage
{
padding:0 0px 5px 0;
}

.quotename
{
color:#ef7118;
}


#logobox
{
width:230px;
float:left;	
position:100px;
margin-right:10px;
margin-left:30px;
}

#maincontent
{
width:517px;
float:left;	
}

#maincontenttable
{
width:770px;
float:left;
}

#eventdivider
{
background-color:#E6E6E6;
padding:5px;
}

.eventscontent
{
width:780px;
}

.eventbox
{
width:50%;
background-color:#FFFFFF;
border:1px solid #e6e6e6;
padding:0 10px 0 10px;
}

.eventbox img
{
float:left;
padding:10px 10px 10px 0;
}


.bookbutton
{
padding:10px;
background-color:#e6e6e6;
border: 1px solid #d1d0d0;
width:120px;
}

.bookbutton a: hover
{
background-color:#FFFFFF;
}


#title
{
width:600px;
float:left;
height:100px;
margin:-20px 0 -35px 25px;

}

.emaillist
{
list-style-type:none;
padding-left:10px;
text-align:left;
margin-left:-7px;
float:right;

}

.emaillist li
{
background-image:url(images/email.png);
background-position:0pt 1pt center;
padding-top:2px;
background-repeat:no-repeat;
padding-left:20px;
position:absolute;
bottom:-80px;
right:0;
}
