/*  BlueSheep CSS  */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th { 
margin:0;
padding:0;
}

html,
body { 
font: normal 11px arial ; 
color: #79746f ; 
line-height: 18px ; 
text-align: left ; 
background-color: #eee8df ; 
padding: 0px; 
margin: 0px;
}

body.blog { 
color: #fff ; 
background-color: #333 ; 
}

h1 {
font: bold 18px verdana ; 
margin: 4px 0px 18px 1px ; 
color: #333 ; 
line-height: 18px ; 
text-align: left ;
letter-spacing: -1px;
}


p { 
font: normal 11px arial ; 
margin: 4px 0px 14px 2px ; 
color: #79746f ; 
line-height: 18px ; 
text-align: left ;
}

acronym {
border: 0px;
text-decoration: none;
}

a, a:visited { 
display: inline ; 
font: normal 11px arial ; 
color: #555 ; 
text-decoration: none ; 
margin: 0px 0px 0px 0px ; 
}

a:hover { 
color: #000 ; 
font: normal 11px arial ; 
text-decoration: none;
}

p a, p a:visited, li a, li a:visited { 
display: inline ; 
font: normal 11px arial ; 
color: #555 ; 
text-decoration: none ; 
margin: 0px 0px 0px 0px ; 
background: url(media/underline-up.gif) repeat-x bottom ;
}

p a:hover, li a:hover { 
color: #000 ; 
font: normal 11px arial ; 
text-decoration: none;
background: url(media/underline-over.gif) repeat-x bottom ;
}

a.bold, a.bold:visited, a.bold:hover {
	font-weight: bold;
}

#mt,
#mt:visited {
	color: #b9b7b2;
	border: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 40px;
	background: transparent url(media/mt.gif) no-repeat 0px 0px;
	text-indent: -1000px;
}

#mt:hover {
	color: #555;
	background-position: 0px -39px;
	text-indent: 0px;
}

#top { 
position:relative ; 
width: 100% ; 
height: 264px ; 
z-index:0 ; 
text-align: center ; 
background: url(media/bg-blue.gif) repeat-x bottom left; 
clear: both ;
}

#navBar {
z-index: 3;
position: absolute;
left: 0px;
top: 0px;
}

#navBar div#current  {
	background: #3282c3;
	color: #fff;
}

#navBar div#current a, #navBar div#current a:visited {
	color: #fff;
}

#navBar div  {
float: left;
clear: none;
}

#navBar div.arrow {
clear: left;
margin: 0px 0px 0px 175px;
}

#navBar div.blueSheep {
padding: 10px 20px;
line-height: 33px;
background: #1764a6;
color: #fff;
text-transform: uppercase;
font: normal 10px georgia;
letter-spacing: 1px;
margin-right: 0px;
}


#navBar div.portfolio {
padding: 10px 20px;
}

#navBar div.portfolio a, #navBar div.portfolio a:visited {
color: #8cb4d6;
text-transform: uppercase;
font: normal 10px georgia;
letter-spacing: 1px;
}

#navBar div.portfolio a:hover {
color: #fff;
}

#navBar div.blog {
padding: 10px 20px;
color: #fff;
text-transform: none;
font: normal 10px georgia;
letter-spacing: 0px;
margin-left: -5px;
}

#navBar div.blog a, #navBar div.blog a:visited {
color: #8cb4d6;
text-transform: uppercase;
font: normal 10px georgia;
letter-spacing: 1px;
}

#navBar div.blog a:hover {
color: #fff;
}

#navBar div.contact {
padding: 10px 20px;
color: #fff;
text-transform: none;
font: normal 10px georgia;
letter-spacing: 0px;
margin-left: -5px;
}

#navBar div.contact a, #navBar div.contact a:visited {
color: #8cb4d6;
text-transform: uppercase;
font: normal 10px georgia;
letter-spacing: 1px;
}

#navBar div.contact a:hover {
color: #fff;
}

#bottom { 
position:relative ; 
width: 100% ; 
z-index:0 ; 
text-align: center ; 
background: #eee8df;
clear: both ;
}


#blue { 
position:relative ; 
width: 815px ; 
height: 264px ; 
margin: auto ; 
text-align: left;
background: url(media/bg-top.jpg) no-repeat left -43px ; 
margin-bottom: 0px;
}


#body { 
position:relative ; 
width: 815px ; 
margin: auto ; 
text-align: left;
background: #eee8df url(media/bg-bottom.jpg) no-repeat left -2px;
margin-top: 0px; 
}

#body .container, #footer .container { 
display: block;
padding: 25px 72px 0px 97px;
}


#sheep { 
position: absolute ; 
top: 72px ; 
left: 256px ; 
width: 215px ; 
height: 172px ; 
background: url(media/sheep.jpg) no-repeat top ;
}

#title-left { 
position: absolute ; 
top: 281px ; 
left: 100px ;
}

#title-right { 
position: absolute ; 
top: 281px ; 
left: 530px ; 
}

#portfolio {
display: none;
}

.body-left { 
float: left ; 
width: 400px; 
}

.body-right { 
float: right ; 
width: 215px; 
}

.body-wide { 
float: left ; 
width: 645px; 
}

.body-wide .left { 
float: left ; 
width: 142px;
margin: 0px 37px 0px 0px; 
}

.body-wide .middle { 
float: left ; 
width: 214px;
margin: 0px 0px 0px 0px; 
}

.body-wide .right { 
float: right ; 
width: 214px;
margin: 0px 0px 0px 0px; 
}

.body-wide .left h2, .body-wide .middle h2, .body-wide .right h2  { 
font: normal 12px georgia;
text-transform: none;
letter-spacing: 0px;
color: #fff;
border: 0;
margin: 5px 0px 20px 2px ; 
}

h2 span { 
color: #333;
text-transform: none;
font: italic 15px georgia;
/*font-weight: bold;*/
letter-spacing: 0px;
background: #fff;
padding: 9px 11px 8px 10px;
border: 0;
border-bottom: 1px solid #e5e4e3;
border-right: 1px solid #e5e4e3;
}

#clear { 
clear: both ; 
height: 180px ;
}

.copyright { 
width: 350px;
float: left ; 
margin: 0px 37px 0px 0px; 
}

.body-wide .copyright { 
margin-top: 18px
}

.copyright p { 
font: normal 11px arial ; 
margin: 0px 0px 12px 2px ; 
color: #b9b7b2 ; 
line-height: 18px ; 
text-align: left ;
}

div.image {
float: left;
border: 0px ; 
margin: 2px 20px 10px 0px;
background: url(media/image-bg.gif) no-repeat top left;
}

div.image img {
border: 0px ; 
margin: 5px 6px 6px 5px;
}

div.thumb {
float: left;
border: 0px ; 
margin: 0px 3px 3px 0px;
width: 68px;
height: 68px;
background: url(media/thumb.gif) no-repeat top left;
}

div.thumb img {
border: 0px ; 
margin: 2px 0px 0px 2px;
}

div.thumb a, div.thumb a:visited {
background: transparent;
}

div.thumb a:hover {
background: transparent;
}

div.thumb a img, div.thumb a:visited img {
border: 1px solid #fff ; 
}

div.thumb a:hover img {
border: 1px solid #c8c4c2 ; 
}

ul { 
margin: 0px 7px 18px 2px ; 
padding: 0px 0px 0px 0px ; 
letter-spacing: 0px ; 
list-style-type: none;
clear: both;
}


.formButton:hover {
color: #fff;
}



li.button { 
float: right;
background: #1764a6;
padding: 8px 9px 7px 10px;
text-transform: none;
font: italic 11px georgia;
letter-spacing: 0px;
color: #8cb4d6;
border: 0;
border-bottom: 1px solid #0c4b80;
border-right: 1px solid #0c4b80;
}

li.button a, li.button a:visited { 
background: transparent;
text-transform: none;
font: italic 11px georgia;
letter-spacing: 0px;
border: 0;
color: #8cb4d6;
}

li.button a:hover {
background: transparent;
color: #fff;
text-transform: none;
font: italic 11px georgia;
letter-spacing: 0px;
text-decoration: none;
border: 0;
}

li.email { 
background: url(media/icon-email.gif) no-repeat 1px 5px ; 
padding: 0px 0px 0px 21px ;
font: normal 11px arial ; 
color: #79746f ; 
line-height: 18px ;
border: 0px;
}

li.phone { 
background: url(media/icon-phone.gif) no-repeat 0px 2px ; 
padding: 0px 0px 0px 21px ;
font: normal 11px arial ;
color: #79746f ; 
line-height: 18px ;
border: 0px;
}

.hidden {
display: none;
}

.formField {
background: #fbfaf8 url(media/formField-bg.gif) no-repeat top left;
font: normal 11px arial;
padding: 3px 5px 3px 5px;
margin: 0px 0px 6px 0px;
border: 0;
border-right: 1px solid #e5e4e3;
border-bottom: 1px solid #e5e4e3;
line-height: 18px;
width: 100%;
}

.formLabel {
 display: block;
 clear: left;
 margin: 0px 0px 0px 0px;
}

.formButton {
float: right;
color: #8cb4d6;
text-transform: none;
font: italic 11px georgia;
letter-spacing: 0px;
background: #1764a6;
padding: 8px 9px 7px 10px;
margin-top: 5px;
border: 0;
border-bottom: 1px solid #0c4b80;
border-right: 1px solid #0c4b80;
}

.formButton:hover {
color: #fff;
}

.required {
color: #cc0000;
}

/* For hover */

td div {
background: #eee8df url(media/hover-bg.gif) repeat-x top left ;
padding: 2px 5px 2px 5px;
color: #79746f ; 
line-height: 18px ; 
text-align: left ;
}

td div strong {
color: #333;
}

td div ul { 
margin: 0px 0px 0px 0px ; 
padding: 0px 0px 0px 0px ; 
letter-spacing: 0px ; 
list-style-type: none;
clear: both;
}

td div ul li { 
background: url(media/bullet.gif) no-repeat 0px 3px ; 
padding: 0px 0px 0px 15px ;
font: bold 11px arial ; 
color: #333 ; 
line-height: 18px ;
border: 0px;
}