/* CSS Document */

/* Pretty Stuff
================================== */

/* Zero down margin and paddin on all elements */
* {
  margin: 0;
  padding: 0;
}

body {
	font: 70%/1.6 "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
	background:#000;
	text-align: center; 
  	min-width: 780px;
	background: url(images/body_bg.jpg) repeat-y;
	
}

h1 {
  font-size: 2.6em;
  font-weight: bold;
  color:#000;
  /*border-bottom:1px solid #CCC;*/
  padding-left:0.2em;
  background:#FFF;
}

h2 {
  font-size: 1.4em;
  font-weight: bold;
  margin-left:0.5em;
  color: #3366CC;
  padding:2px;
}

p, li {
  font-size: 1.4em;
 
  
}

p {
 margin: 1em 0;
}

a:link {
	color:#6D0516;
	font-weight:bold;
}

a:visited {
	color:#6D0516;
	font-weight:bold;
}

a:hover {
	color:#6D0516;
	font-weight:bold;
}

a:active {
	color:#6D0516;
	font-weight:bold;
}

#heading {
	height:200px;
	background:#FFF url(images/banner.jpg) no-repeat;
	border-bottom:5px solid #CCC;
	
}

/*#heading h1 {
	text-indent: -9999em;
}*/
	

#branding {
  height: 150px;
  background-color:#b0b0b0;
  background: #FFF url(images/wf_header.jpg) no-repeat right top;

 }

#heading p {
	color: #FFF;
	width:20em;
	float:right;
	font-weight:bolder;
	
}

.mainlist li {
	margin-left:20px;
	line-height:2em;
	list-style:square;
	font-weight:bold;
	color:#3366CC;
	
}
.deepface {
	font-weight:bold;
	text-transform:uppercase;
}


/* The Core Technique
================================= */



#wrapper {
  width: 780px; 
  margin: 10px auto; 
  text-align: left;
  border:10px solid #CCC;
  background: #EEE url(images/wf_faux.gif) repeat-y left top;

}


#content {
	width:778px;
	margin-left:0;
	padding-left:0;

}

#content h1 {
	/*color:#fff;*/
}

#leftContent {
	width:230px;
	padding-left:0.5em;
	float:left;
	border-right:1px solid #CCC;
	overflow:auto;
	height:350px;
		
}

/*#leftContent li {
	list-style-type:none
}*/

#mainContent { 
  width:515px; 
  padding-left:0.5em;
  float: left; 
}

#mainContent1 { /*Layout for all the other pages except gallery and home pages */
  width:770px; 
  padding-left:0.5em; 
  /*float: left; */
}

#mainContent1 #imagegallery1 li {
  list-style: none;
  display: inline;
} 



#mainContent1 #imagegallery1 img {
  margin:1em;
} 


.image1 {
	margin-left:5px;
	border:1px outset #000;
	padding:2px;
	float:right;
}

#middle {
	text-align:center;
}
	
#mainContent h4 {
	font-size:1.5em;
	color:#063;
}

#secondaryContent { 
  width: 130px;
  display: inline; /* :KLUDGE: Fixes IE double margin float bug */
  float: right; 
} 

#footer { 
  clear: both;
  color:#000;
  font-weight:bold;
  text-align:center;
  padding:0.2em 0.5em;
  border-top:1px solid #CCC;
  font-size:90%;
  height:40px;
  
} 

.bigfont {
	font-size:1.8em;
	font-weight:bold;
	color:#3366CC;
}

#footer p {
	margin:0;
}

#footer a:link, a:visited {
	color: #6D0516;
	text-decoration:none;
	font-weight:bold;
}

#footer a:hover {
	color:#CCC;
	
}


.image {
	
	/*margin-left:1em;*/
	margin:5px;
	border:1px outset #000;
	padding:2px;
}

.imaget {
	
	/*margin-left:1em;*/
	margin:10px;
	border:1px outset #000;
	padding:2px;
}

/*#band {
	height:20px;
	width:780px;
	background:#000 url(images/band_bg.gif) repeat-x;
}*/

.paula {
	border:1px solid #CCC;
	float:left;
	margin-right:10px;
}

#leftContent #imagegallery li {
  list-style: none;
  display: inline;
}

#leftContent .links li {
  list-style: none;
  display: inline;
  margin:0.5em;
}


.mainpic {
	margin-left:60px;
	margin-top:5px;
	border:1px outset #000;
	padding:2px;
}

#describe {
	margin-left:150px;
}

.adobeicon {
	border:none;
}
#contact  {
	margin-left:3em;
}

/*CSS for Side Bar Navigaiton 
======================================================*/
 

.box {
	border:2px solid #CCC;
	background:#FFF;
	color:#000;
	margin:0.5em 0.5em;
	padding:0.2em 0.4em;
	/*font-size:1.2em;*/
	
}
#mainNav .box a {
	color:#900;
	text-decoration:underline;
}
	

.moved {
	margin:0.5em 0.5em;
}

.movedcolor {
	color:#900;
	font-weight:normal;
	font-style:italic;
	
}


.paralign {
	text-align:center;
}

#home #horNav a.mark,
#profile #horNav a.mark,
#services #horNav a.mark,
#gallery #horNav a.mark,
#links #horNav a.mark, 
#contact #horNav a.mark {
	/*background-position:right bottom;*/
	color:#FFF;
	background:#EEE url(images/new_hlight.gif) repeat-x;
	/*cursor:default; //This will be useful when using only CSS for positional Awareness*/
}
/* End of CSS Navigation for Side Bar
====================================================================*/

/* CSS for Navigation
=============================================*/

 #horNav {
  margin: 0;
  padding: 0;
  float: left;
  width: 780px;
  background:#EEE url(images/navbg.gif) repeat-x;
  list-style-type: none;
  text-transform: uppercase;
  border-bottom:5px solid #CCC;
  /*border-top:1px solid #CCC;*/
}

 #horNav li {
  float: left;
}


 #horNav a {
  padding: 0 2em;
  line-height: 2.1em;
  /*background: url(images/ukemp_navborder.jpg) repeat-y left top;*/
  text-decoration: none;
  text-align:center;
  color: #000;
  font-weight:bold;
  float: left;
  display: block;
  width:120px;
}


 #horNav a:hover {
  color:#FFF;
  background:#EEE url(images/band_bg.gif) repeat-x;
}


#horNav .first a {
  background: none;
}

/* End of CSS for Navigation 
====================================================================*/