/* CSS Document */
 

* {
	padding:0;
	margin:0;
	border: 0;
}

image {
border:none;
}

body {
	text-align:center;
	background: url(../images/site_bk2.jpg) no-repeat top center #000000;
	color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	line-height: 1.3em;
}

h1 {
font-size: 1.2em;

font-family:Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;

text-align:left;
}

h2 {
font-size: 1.2em;
border-bottom:#ff0000 solid 1px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
padding-right:5px;
margin-top:10px;
margin-bottom:5px;
text-align:left;
}

h4 {
	font-size: 1.0em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-align:left;
	margin-left: 10px;
}


#header {
	margin: 0px auto 10px auto;
	width:560px;
	background:#000000 url(../images/top_bk2.gif) top left no-repeat;
	height:65px;
	padding-bottom: 5px;
	border-bottom: solid #333333 3px;
}


#site_logo {
float:left;
padding-top: 15px; 
padding-left: 10px;
width:25px;
border: 0px;
background:#000000;
}


#content {
margin: 0px auto 0 auto;
 width:560px; 
text-align:left;
}

#container  {
margin: 0px auto 0 auto;
width:560px; 
text-align:left;
}

#container  p{
text-align:left;
padding-bottom:5px;
}

#credits {
margin: 0 auto;
width:540px;
text-align:left;
}

#credits p {
padding-left:10px; 
color:#FFFFFF;
}

#leftContent {
float:left;
width:258px;
}

#rightContent {
float:right;
width:294px;
}

fieldset {
padding: 0 1em 1em 1em;
}

legend {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
padding: 1em;
}

input {
font-size: 10px;
color: #666666;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666666;
}

label {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #666666;
padding-top:3px;
}
 
#innerContainer {
width:463px; 
background:url(../images/inConBk.gif) repeat-y top left;
}

#innerContainerWide{
width:463px; 
}
 
#nav {
float:right;
margin-top: 0px; 
padding-right: 0px;
width:294px;
}

#nav ul {
list-style:none; /* turns off bullets*/
}

#nav li {
display:inline;
}

.home a {
 display:block;
 float:left;
 height:66px;
 width: 60px; 
 font: bold 13px sans-serif;
 color:#333;
 background: url(../images/comp4_04.gif) 0 0 no-repeat;
 text-decoration: none;
}

.home a:hover { 
background-position: 0 -66px;
color: #049;
}
.portfolio a {
display:block;
float:left;
height:66px;
width: 79px; 
font: bold 13px sans-serif;
color:#333;
background: url(../images/comp4_05.gif) 0 0 no-repeat;
text-decoration: none;
}

.portfolio a:hover { 
    background-position: 0 -66px;
    color: #049;
}

.services a {
    display:block;
    float:left;
    height:66px;
    width: 80px; 
    font: bold 13px sans-serif;
    color:#333;
    background: url(../images/comp4_06.gif) 0 0 no-repeat;
    text-decoration: none;
}

.services a:hover { 
    background-position: 0 -66px;
    color: #049;
}


.contact a {
    display:block;
    float:left;
    height:66px;
    width: 74px;
    font: bold 13px sans-serif;
    color:#333;
    background: url(../images/comp4_07.gif) 0 0 no-repeat;
    text-decoration: none;
}

.contact a:hover { 
    background-position: 0 -66px;
    color: #049;
}
	


#blogger {
margin-top:90px;
padding:  10px 8px  10px 8px;
height : 270px;  
width:233px; 
overflow : auto;
}

#blogger a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#blogger a:visited {
		color: #FFFFFF;
	text-decoration: none;
}
#blogger a:hover {
padding-bottom:1px;
border-bottom:#ff0000 solid 3px;
	color: #FFffff;
}
#blogger a:active {
	text-decoration: none;
	color: #FFFFFF;
}


#credits {
width:245px; 
margin-top:60px;
}


#credits a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#credits a:visited {
		color: #FFFFFF;
	text-decoration: none;
}
#credits a:hover {
padding-bottom:0px;
border-bottom:#ff0000 solid 3px;
	color: #FFffff;
}
#credits a:active {
	text-decoration: none;
	color: #FFFFFF;
}

#homeContent {
margin-top:11px;
}

#secondaryContent {
background:url(../images/contentBk.jpg) repeat-y top left;
}
#miniLeft{
float:left;
width:140px;
}
#miniLeft p {
  margin-left:10px;
 
}

#miniLeft ul {
  margin-left:10px;
  list-style:none;
}

#miniLeft ul a{
text-decoration:none;
color: #999999;
}

#miniLeft ul a:hover {
text-decoration:none;
border-left:  #FF0000 solid  4px;
padding-left:1px;
color: #FFFFFF;
}


#miniRight{
float:right;
width:140px;
}


#rightContent p {
  margin-left:10px;
  margin-top:5px;
 
}

#miniRight p {
  margin-left:10px;
 
}

#miniRight ul {
  margin-left:10px;
  list-style:none;
}

#miniRight ul a{
text-decoration:none;
color: #999999;
}

#miniRight ul a:hover {
	text-decoration:none;
	padding-left:1px;
	color: #FFFFFF;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}

.imgSpecial {
	background-color: #000000;
	margin: 3px 4px 1px 0px;
	float:left;
}
#top_padding {
	color: #FFFFFF;
	margin: 0 auto;
	width: 560px;
	background-color: #333333;
	margin-bottom: 3px;
	text-align: left;
}

#content_padding {
padding: 5px 10px;
}



#navDate {
float:right;
width:150px;
text-align:right;
}