* { padding:0; margin: 0 }
body {margin:0;	padding:0; color:#666; font:11px Arial, sans-serif; background:url(http://www.perfect-circle.co.uk/images/interface/page-bg.gif) repeat}

.clear {clear:both;}

ul { padding-left: 30px; }
li { list-style-type: disc; }
input, textarea  { border: 1px solid #aaa }
input:hover, textarea:hover  { border: 1px solid #888 }
img { border: none;}
a { color: #ff9933; text-decoration: none; background: inherit }
a:hover { text-decoration: underline }
h1 {font-weight: normal; margin: 10px 0px 10px 0px; font-size: 130%;}
h2 {font-weight: normal; margin: 10px 0px 10px 0px; font-size: 130%;}
h4 {font-size: 110%; padding: 0px; margin: 0px 0px 10px 0px; color: #ff9933; font-weight: bold;}
p { padding: 0px 0px 20px 0px ; color: #666; font: 1.0em "Arial", Sans-Serif; margin: 0;  text-decoration: none; background: inherit}

hr {border: none; height: 1px; background: #ccc; width: auto;}

.pdf {background: url(http://www.perfect-circle.co.uk/images/uploads/pdf-logo.jpg) 0px 2px no-repeat; height: 25px; width: 200px; padding: 5px 5px 5px 25px;}

a.ball-link {display: block; text-decoration: underline; width: auto; height: auto; padding:2px 0px 0px 25px; background: url(http://www.perfect-circle.co.uk/images/interface/orange-ball.gif) top left no-repeat; color: #EC7E1E;}
a.ball-link:hover {display: block; text-decoration: none; width: auto; height: auto; padding:2px 0px 0px 25px; background: url(http://www.perfect-circle.co.uk/images/interface/orange-ball.gif) top left no-repeat; color: #EC7E1E;}

#new-news-footer a.arklink {padding-top: 85px; width: 230px; height: 15px; display: block; background: url(http://www.perfect-circle.co.uk/images/interface/ark-logo.jpg) top left no-repeat #FFFFFF; margin: 0px 0px 0px 10px; text-align: right; vertical-align: bottom;}

blockquote {font-size:16px; line-height: 16px;}
input, textarea  { border: 1px solid #aaa }
input:hover, textarea:hover  { border: 1px solid #888 }
input.text { color: #000000;	border: 1px solid #E6E6E6; background: inherit }
textarea.text { font-size: 8pt; border: 1px solid #E6E6E6 }
input.text:hover, textarea.text:hover { border: 1px solid #D6D6D6 }
form { display: inline; margin: 0; padding: 0 }

.orange-bold {color: #ff6600; font-weight: bold;}

table.form {width: 490px; padding: 0px; margin: 10px 0px 10px 0px; border-spacing: none; height: auto; text-align: left;}
table.form th {padding: 4px; margin: 0px; border-spacing: none; height: auto; text-align: left; color: #000000; background: #cccccc;}
table.form td input {width: 220px; padding: 0px; margin: 0px; border-spacing: none; height: auto; text-align: left;}
table.form td textarea {width: 220px; padding: 0px; margin: 0px; border-spacing: none; height: auto; text-align: left;}
table.form td select {width: 220px; padding: 0px; margin: 0px; border-spacing: none; height: auto; text-align: left;}

#container {width: 820px; height: auto; margin: 0px auto; padding : 0px; background: url(http://www.perfect-circle.co.uk/images/interface/main-bg.png) top left repeat-y;}
#content { padding: 0; margin: 0 auto; width: 800px; background: #FFF}
#title {margin: 0; padding:0; height: 149px; width: 100%; background: #000; float: right;}
#title h1 {display:none;}
#title #logo {float: left;}

#title #mininav {float: right; height: 25px; width: 300px; display: block; text-align: right;}
#title #mininav ul { margin:0; padding:5px 0px 0px 20px; list-style:none; text-align:right; }
#title #mininav li { display:inline; margin:0; padding:0; color: #666; }
#title #mininav li span {color: #666; display: block; height: 10px; width: auto; padding: 5px 0px 5px 0px; font-size: 10px; text-decoration:none; float: left;}
#title #mininav a, #menu a:visited {color: #666; display: block; height: 10px; width: auto; padding: 5px; font-size: 10px; text-decoration:none; float: left;}
#title #mininav a:hover {color: #FFF;  text-decoration:underline;  }

#title #slogan {text-align: right; float: right; font: 1.4em "Arial", Sans-Serif; margin: 0; color: #ff9933; text-decoration:underline;  height: 25px; width: 300px; display: block;  padding:74px 23px 0px 0px;}

#header {background: #000; height: 300px; width: auto;  padding: 0px; margin: 0px;}

#menu {margin: 0px; padding: 0px; color: #FFF; width: auto; height: 40px; text-align:center; background: #000;}
#menu ul { margin:0; padding:0px 0px 0px 40px; list-style:none; text-align:center; }
#menu  li { display:inline; margin:0; padding:0; background: transparent url(http://www.perfect-circle.co.uk/images/interface/nav-separator.gif) 0px 16px no-repeat;}
#menu  li.nosep { display:inline; margin:0; padding:0;}
#menu a, #menu a:visited {color: #FFF; display: block; height: 18px; width: auto; padding: 12px 10px 10px 10px; font-size: 12px; text-decoration:none; float: left; }
#menu a:hover {color: #666; text-decoration:none;}
#menu a.selected {color: #666; text-decoration:none;}

#maincontent { width: auto; background:  url(http://www.perfect-circle.co.uk/images/interface/content-bg.gif) bottom left no-repeat; padding: 10px 23px}	
#maincontent #intros {float: left; width: 30%; height: auto; padding: 0px 20px;}
#aboutcontent { width: auto; background: url(http://www.perfect-circle.co.uk/images/interface/content-bg.gif) bottom left no-repeat #FFF; padding: 10px 23px}
   
#maincontent .services {width: 350px; height: 300px; display: block; float: left; margin: 0px 10px 0px 10px; padding: 0px 0px 20px 0px; color: #666;}    
#maincontent p { padding: 0px 0px 20px 0px ; color: #666; font: 1.0em "Arial", Sans-Serif; margin: 0;  text-decoration: none; background: inherit}

#maincontent .textbox { float: right; color: #666; width: 40%; background: #fefefe; padding: 10px; margin: 5px 0px 0px 15px; border: 1px solid #e8e8e8 }
#left_side { width: 490px; background: transparent; float: left; padding: 0px 10px 10px 0px;}
#right_side { width: 230px; background: transparent; float: right ;  border-left: 1px solid #ccc; padding: 0px 0px 0px 20px;}
#right_side h3 {height: 20px; background: transparent url(images/h3bg.gif) repeat-x; color: #000; border: 0; font: bold 1.1em "Arial", Sans-Serif; padding: 0px 0 0 5px; line-height: 22px}
#right_side .lcontent { background: #f8f8f8; border: 0px solid #e5e5e5; margin-bottom: 15px;	color: #888 }
#right_side .lcontent p { padding: 8px; color: #777; background: inherit }
#right_side ul { padding-left: 10px; background: inherit; color: #666}
#right_side li { list-style: square }
#right_side img { border: 1px solid #B6D6BB }

.home-divs {float:left; width: 242px; height: 320px; display:block; padding: 10px 0px 10px 25px;}

.about-sidebar {float:right; height: auto; width: 250px; padding: 10px;}
.about-sidebar h2 {padding:0px;}

#contact-prompt {color: #666; font-weight: bold; font-size: 110%; width: 550px; height: auto;}
#staff-contact-prompt {color: #666; font-weight: bold; font-size: 110%; width: 290px; padding: 0px 10px 0px 0px; height: auto; float:right;}

#new-news-footer {float: right; width: 250px; height:auto; background:#FFF; color:#666;}

#new-news-footer .latestnews {height: 130px; width: 230px; padding: 10px; background:#FFF; }
#new-news-footer .latestnews h3 {width: auto; padding: 5px; background: #CCC; color: #666; height: 15px; display:block; clear: left; font-weight: normal; font-size:12px;}
#new-news-footer .latestnews .postone {padding: 5px; margin: 0px 0px 0px 0px;  background: #FFF; font-weight: normal;}
#new-news-footer .latestnews .posttwo {padding: 5px; margin: 0px 0px 0px 0px;  background: #f4f4f4; font-weight: normal;}
#new-news-footer .latestnews a.link { width: 220px; padding: 5px; height: 15px; display: block; margin: 5px 0px 0px 0px; background: #CCC; color: #333;}
#new-news-footer .latestnews a.link:hover { background: #CCC; color: #666;}

#new-news-footer #products {height: auto; width: 230px; padding: 10px;}
#new-news-footer #products h3 {width: auto; padding: 5px; background: #CCC; color: #666; height: 15px; display:block; clear: left; font-weight: normal; font-size:12px;}
#new-news-footer #products .product {float: left; width: 210px; height: 80px; display: block; background: #FFF; display:block; padding: 5px 10px 0px 10px; margin: 0px 5px 5px 0px;}
#new-news-footer #products a {padding: 0px; margin: 0px;}
#new-news-footer #products a .link { width: 220px; padding: 5px; height: 15px; display: block; margin: 0px 0px 0px 0px; background: #CCC; color: #666;}
#new-news-footer #products a .link:hover { background: #CCC; color: #000;}

#footer {width: auto; background: #CCC; padding: 10px 10px 0px 10px; color: #444; height: 40px;}
#footer p {text-align:center; padding: 0px; color: #444;}
#footer a, #footer a:visited {color: #444;}
#footer a:hover {text-decoration: underline;)