body {
margin:0;
padding:0;
height:100%;
background-color:#ffffff;
color: #888888;  
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-weight: normal;
font-size:.9em;
}

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

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

p{
background-color:none;
}


#upto a, #twocol_left a, #ourwork a {
color:#FF9933;
text-decoration:none;
}

.colour {
color: #FF9933;
}

.colourblue {
color: #87ccf1;
}

.currentpage {
color: #FF9933;
}

#upto a:hover,#twocol_left a:hover,#twocol_left_right a:hover, #ourwork a:hover {
color:#000000;
text-decoration:none;
}

blockquote {
margin:1em;
padding:.5em .5em .5em 85px;
background-color:#D7ECF8;
}

blockquote p {
margin:.2em;
color:#000000;
}

td.desc {
padding:4px;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.7em;
}

#postHeader { 	
margin:0 auto;
padding: 0;
background:url(images/Blue_background.jpg) repeat-x;
height: 1em;
}

#centerColumn { 	
margin:0 auto;
padding:1em;
width:720px;
text-align:left;
vertical-align: middle;	
background-color:#ffffff;
}

h2 {
margin:0 0 -.5em 0;
padding:.75em 0 0 0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.1em;
}

.serif {
padding:.75em 0 0 0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.1em;
}

.book {
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
}

#centerColumn h3 {
margin:0 0 -.5em 0;
padding:.75em 0 0 0;
font-size:.8em;
font-weight:lighter;
}

#navbar {
margin:-1em -1em 0 -1em; /* Mozzila attributes */
padding:1em 20px 1em 0 !important; /* IE specific attributes */
padding:1em 20px 0 0;
width:710px;
}

.logo {
position: relative;
border:none;
left: 200px;
top: 0px;
width: 230px;
height: 150px;
}

.logo a {
position: absolute;
border:none;
background:none;
left: -630px;
top: -50px;
width: 360px;
height: 50px;
}

#navbar ul {
margin:0 0 0 .3em !important;
margin:.3em 0 0 .3em;
text-align:right;
padding:1em 0 0 2em;
list-style:none;
}

#navbar li {
margin:0 0 0 0;
padding:.2em 0 .2em 0 !important;
padding:1em 0 1em 0;
list-style:none;
display:inline;
}

a mailto {
color:#FF9933;
}

#navbar li a {
margin:0 0 0 0;
padding:1em .5em 1em .5em !important;
padding:1em .5em 0 .5em;
}

#header {
margin:0 -1em 0 -1em;
padding:0;
border-top:1px solid #ffffff;
width: 720px;
}

h1 {
margin:0;
padding-top: 1em;
font-family: Myriad, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
font-weight: 100;
font-size:1.5em;
color:#87ccf1;
}

#onecol h1 {
margin:0;
padding-top: 1em;
font-family: Myriad, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
font-weight: 100;
font-size:1.5em;
color:#87ccf1;
}



.nobox {
padding:1em 0 0 .5em;
background: url(images/background_portpage.jpg) 0 0.5em no-repeat #fff;
border:none;
font-family: Myriad, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
font-size:2.5em;
color:#00a0e2;
}

.noline {
padding:1em 0 0 .5em;
border:none;
font-family: Myriad, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
font-size:2.5em;
color:#00a0e2;
}

#header h2 {
margin:0 0 0 0;
padding:1em 0 1em 0;
font-size:2em;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:100;
color:#888888;
border-bottom:#00a0e2 solid 6px;
}

.panel h2 {
font-size:1.5em;
line-height:1.3em;
font-weight:normal;
color:#888888;
}

#header h3 {
margin:0 0 0 0;
padding:1em 0 1em 0;
color:#888888;
border-bottom:#00a0e2 solid 6px;
}

#header p {
margin:0 0 0 0;
padding:1em 0 0 30px;
font-size:.9em;
color:#888888;
}

#upto {
margin:0 5px 1em 0;
padding:2em 8px 8px 8px;
float:left;
width:210px;
}

#twocol_left {
margin:0 5px 1em 0;
padding:2em 8px 8px 8px;
float:left;
width:420px;
}

#twocol_left_right {
margin:0 14px 1em 14px;
padding:8em 8px 8px 8px;
float:left;
width:210px;
}

#onecol {
text-align:center;
margin:0;
padding:0;
width:720px;
}

.left {
text-align: left;
font-size:1.2em;
line-height:1.5em;
}

#onecol h2{
margin:0 0 -.5em 0;
padding:.75em 0 0 0;
font-family: Arial, Helvetica, sans-serif;
font-size:1.25em;
line-height:1.56em;
}

#ourwork {
margin:0 14px 1em 14px;
padding:2em 8px 8px 8px;
float:left;
width:210px;
}

#youare {
margin:0 0 1em 5px;
padding:2em 4px 4px 4px;
float:left;
width:210px;
}

#upto p, #twocol_left p, #ourwork p {
font-size:1em;
color:#888888;
}

#upto h2, #twocol_left h2, #twocol_left_right h2 {
margin:0 0 -4px 0 !important;
margin:0 0 -20px 0;
padding-top: .5em;
font-family:Myriad, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
font-weight: 100;
color:#00a0e2;
font-size:1.5em;
}

#ourwork h2 {
margin:0 0 -4px 0 !important;
margin:0 0 -20px 0;
padding-top:.5em;
font-family:Myriad, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
font-weight: 100;
color:#00a0e2;
font-size:1.5em;
}

#youare h2 {
margin:0 0 -4px 0 !important;
margin:0 0 -20px 0;
padding-top:.5em;
padding-left:.3em;
font-family:Myriad, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
color:#00a0e2;
font-size:1.5em;
}

#youare p {
font-size:1em;
padding-left:.3em;
padding-top:.15em;
color:#888888;
}

.barepic {
border:none;
}

.right {
float:right;
margin:5px;
padding:2px;
}

.left {
float:left;
margin:5px;
padding:2px;
}

.center {
width:auto;
margin-left:auto;
margin-right:auto;
}

.news em {
font-size:1em;
color:#888888;
}

.fancybox {
text-align:center;
}

.company {
font-weight: bold;

#upto ul.news, #ourwork ul.news, #youare ul.news {
margin:0 0 0 5px;
padding:0;
list-style:none;
}

#upto li.news, #ourwork li.news, #youare li.news {
margin:0 0 .3em 0;
padding:5px 0 6px 10px;
font-size:1em;
color:#888888;
}

#upto ul, #ourwork ul, #youare ul {
margin:0 0 0 5px;
padding:0 0 0 0;
list-style:none;
}

#upto li, #ourwork li, #youare li {
margin:0 0 .3em 0;
padding:5px 0 6px 5px;
font-size:1em;
}

#box_1 {
margin:0 5px 2em 0;
padding:8px;
float:left;
width:150px;
background-color:#cccccc;
}

#box_2 {
margin:0 7px 2em 14px;
padding:8px;
float:left;
width:150px;
background-color:#cccccc;
}

#box_3 {
margin:0 14px 2em 7px;
padding:8px;
float:left;
width:150px;
background-color:#cccccc;
}

#box_4 {
margin:0 0 2em 5px;
padding:8px;
float:left;
width:150px;
background-color:#cccccc;
}

#box_1 p, #box_2 p, #box_3 p, #box_4 p {
font-size:.75em;
color:#000000;
}

#box_1 h2, #box_2 h2, #box_3 h2, #box_4 h2 {
font-family:Georgia, "Times New Roman", Times, serif;
color:#000000;
font-size:.8em;
} 

#box_1 ul, #box_2 ul, #box_3 ul, #box_4 ul {
margin:0 0 0 5px;
padding:0 0 0 0;
list-style:none;
}

#box_1 li, #box_2 li, #box_3 li, #box_4 li {
margin:0 0 .3em 0;
padding:5px 0 0 5px;
font-size:.8em;
}

#footer {
position:relative;
clear:both;
bottom:0;
margin:5em 0 0 0em;
padding:0;
height: 4em;
line-height:4em;
font-size:.7em;
background-color:#ffffff;
}

#footer p {
padding-left: 2em;
}

#postFooter { 	
padding: 1em;
background:url(images/Blue_background.jpg) repeat;
height: 10em;
}
