body {
	color:#725185;
	font-family:Gill Sans, Verdana, Arial, Helvetica, sans-serif;
	background:#FFF;
	margin:0;
	text-align:center;
	width:100%;
}

h2 {
	color:#c15cc6;
	font-weight:bold;
	font-size:14px;
	margin:0 3em 2em 50px;
}

.p {
	font-size:small;
}

#pagewidth{ 
  	width:760px;  /* When changing this, also change div.content width */
  	text-align:left;  
  	margin-left:auto; 
  	margin-right:auto;
	background-color:#aac9db;
	background: url(images/page_bg.png);
	background-repeat:repeat-y;
}
	
#header{
	position:relative;
	height:209px;
	background-color:#aac9db;
	width:100%;
}
 
#rightcol{
 	width:273px; 
 	float:right;
 }
 
#artcol{
	float:left; 
 	display:inline;
	z-index:10;
 	width:300px; /* This must be changed when div.sidebar width is changed */
 }  
	
#artcol p{margin:0em 3em 5px 0px;
	font-size:small;}

img.floatLeft { 
    float:left;
	margin:0 0 1em 0;
}

img.photofloatLeft { 
    float:left;
	margin:0 0 1em 86px;
}
 
a:link { color:#95529f; text-decoration:none;}
a:active { color:#b04065; text-decoration:underline;}
a:hover { color:#c15cc6; text-decoration:underline;}
a:visited { color:#604491; text-decoration:none;}
a:visited:hover{ color:#c15cc6; text-decoration:underline;}

/* List Item Hover Menu */

/* Fix IE. Hide from IE Mac \*/
* html ul li {float:left; height:1%; }
* html ul li a {height:1%; }
/* End */

div.nav {
	position:relative;
	float:right;
	width:273px;
	padding:0;
}

#nav ul, li { /* using a list for menu */
list-style-type:none;  /* cleaning up the list */
margin:0;
padding:0;
}

#nav ul {
position:relative; /* positioning for IE5 et IE5.5 */
top:-64px;
background:transparent url(images/right_navbar.png) top left no-repeat; /* general background for the menu */
height:271px;
width:273px;
text-align:center;
}

#nav li {
display:inline; /* correction for IE5 et IE5.5 */
}

#nav li a { /* buttons dimensions and definition */
display:block;  /* block for <a> to give it its dimensions */
height:40px;
width:273px;
line-height:40px;  /* height of line to avoid paddings */
text-decoration:none;
}

#nav li a:hover {
color:#26201A;
background:transparent url(images/right_navbar.png) top left no-repeat;
}

#nav a#home:hover {
background-position:-275px 0; /* move of background for each button */
}

#nav a#about:hover {
background-position:-275px -40px;
}

#nav a#services:hover {
background-position:-275px -80px;
}

#nav a#process:hover {
background-position:-275px -120px;
}

#nav a#contact:hover {
background-position:-275px -160px;
}

#nav a#links:hover {
background-position:-275px -200px;
}

#nav a#portfolio:hover {
background-position:-275px -240px;
}

/****keeps text from showing*****/
#nav li #home span, #nav li #about span, #nav li #services span, #nav li #process span, #nav li #contact span, #nav li #links span, #nav li #portfolio span {
	display: none;
}

/*********** #fullpgsectionLinks styles ***********/

#sectionLinks{
	position:relative;
	top:-50px;
	left:6px;
	width:250px;
	height:150px;
	margin:0;
	font-size:90%;
	font-weight:normal;
	color:#d2e8e5;
	text-decoration:none;
	z-index:8;
}

#sectionLinks h3{
	padding:10px 0 2px 10px;
}

#sectionLinks a {
	display:inline-block;
	display:block;
	width:140px;
	padding:3px 0 3px 8px;
	text-decoration:none;
	color:#d2e8e5;
}

#sectionLinks a:hover{
	background-color:#aac9db;
	color:#b04065;
	text-decoration:none;
}

#sectionLinks li { margin:0;
	text-decoration:none; }

#sectionLinks li li a
{	display:block;
	width:100px;
	padding:3px 0px 3px 8px;
	border:1px solid #723F8E;
	border-width:1px 0 0 1px;
	background-color:#678b90;
	text-decoration:none;
}
/*********** #fullpgsectionLinks styles ***********/

#fullpgsectionLinks{
	position:relative;
	top:-50px;
	left:-34px;
	width:250px;
	margin:0;
	font-size:90%;
	font-weight:normal;
	color:#d2e8e5;
	text-decoration:none;
}

#fullpgsectionLinks h3{
	padding:10px 0 2px 10px;
}

#fullpgsectionLinks a {
	display:inline-block;
	display:block;
	width:201px;
	border-top:1px solid #723F8E;
	padding:2px 0 2px 10px;
	color:#d2e8e5;
}

#fullpgsectionLinks a:hover{
	background-color:#aac9db;
	color:#b04065;
	text-decoration:none;
}

#fullpgsectionLinks li { margin:0; }

a#fullpgsectionLinks:link { color:#d2e8e5; text-decoration:none;}
a#fullpgsectionLinks:active { color:#9abcc8; text-decoration:none;}
a#fullpgsectionLinks:hover { color:#a5c5d4; text-decoration:none;}
a#fullpgsectionLinks:visited { color:#9abcc8; text-decoration:none;}

#fullpgsectionLinks li li a
{	display:block;
	list-style-type:square;
	color:#d2e8e5;
	width:150px;
	padding:3px 12px 3px 8px;
	border-top:1px solid #723F8E;
}

/********Popup Image Viewer********/
/*Credits:Dynamic Drive CSS Library */
/*URL:http://www.dynamicdrive.com/style/ */

.thumbnail{
position:relative;
left:50px;
z-index:0;
margin-bottom:20px;
}

.thumbnail:hover{
background-color:transparent;
z-index:1000;
}

.thumbnail span{ /*CSS for enlarged image*/
position:absolute;
background-color:#aac9db;
padding:5px;
width:305px;
border:1px dashed gray;
visibility:hidden;
color:#604491;
font-size:small;
text-decoration:none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width:0;
padding:2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility:visible;
top:-100px;
left:110px; /*position where enlarged image should offset horizontally */

}
/******text styles*******/
.popup {
text-align:left;
font-size:small;
margin:0 25px 10px 25px;
width:90%;}

p.linkText {
font-size:small;
font-style:italic;
margin-left:-86px;}

p.top{
font-size:small;
text-align:center;}

p.bodystyle {
font-size:small;
}
	
/*******Quote Styles*******/
* html .infobox  {margin-left: 8px}
.infobox { 
	float:left;
	text-align:left;
	font-size:small;
	margin:10px 0 0 17px;
	color:#d2e8e5;
 	background-color:#7b9a9e;
	width:180px;
	padding:5px;
	z-index:5;}
	
a.infobox:link { color:#d2e8e5; text-decoration:none;}
a.infobox:active { color:#9abcc8; text-decoration:none;}
a.infobox:hover { color:#a5c5d4; text-decoration:none;}
a.infobox:visited { color:#9abcc8; text-decoration:none;}

p.quoteText {
font-size:12px;
font-weight:bold;
font-style:italic;
color:#d2e8e5;
background-color:#a994b5;}

a.quoteText:link { color:#d2e8e5; text-decoration:none;}
a.quoteText:active { color:#9abcc8; text-decoration:none;}
a.quoteText:hover { color:#a5c5d4; text-decoration:none;}
a.quoteText:visited { color:#9abcc8; text-decoration:none;}

/* Rounded Corners */

* html .roundedcornr_box {margin-left: 8px}
.roundedcornr_box {
	float:left;
	clear:both;
   	background:#a994b5;
   	width:190px;
   	margin:20px 0 0 17px;
}
.roundedcornr_top div {
   background:url(images/rc_tl.png) no-repeat top left;
}
.roundedcornr_top {
   background:url(images/rc_tr.png) no-repeat top right;
}
.roundedcornr_bottom div {
   background:url(images/rc_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom {
   background:url(images/rc_br.png) no-repeat bottom right;
}

.roundedcornr_top div, .roundedcornr_top, 
.roundedcornr_bottom div, .roundedcornr_bottom {
   width:100%;
   height:15px;
   font-size:1px;
}
.roundedcornr_content { margin:0 15px; }

/***footer styles***/
#footercontainer{	
	background-image: url(images/footer.png);
	position:relative;
	clear:both;
	height:154px;
	}

#footerNav{
	height:122px;
	display:inline;
	text-align:right;
	vertical-align:text-bottom;
	clear:both;
	color:#725185;
	font:Verdana, Arial, Helvetica, sans-serif 10pt small-caps bold;
	letter-spacing:0.1em;
 }
 
#footer{
	height:33px;
	width:94%;
	display:inline;
	position:absolute;
    bottom:0;
	left:0;
	color:#725185;
	clear:left;
	padding-left:15px;
	font-size:10px;
	background-image: url(images/footer_info.png);
 }
 
a#footer:link { color:#b85cbe; text-decoration:none;}
a#footer:active { color:#725185; text-decoration:none;}
a#footer:hover { color:#b85cbe; text-decoration:underline;}
a#footer:visited { color:#725185; text-decoration:none;}

a.footerNav:link { color:#a5c5d4; text-decoration:none;}
a.footerNav:active { color:#9abcc8; text-decoration:none;}
a.footerNav:hover { color:#a5c5d4; text-decoration:none;}
a.footerNav:visited { color:#9abcc8; text-decoration:none;}

.horiz {
	width:100%;
	margin:2px;
	left:30px;
	position:relative;
	text-align:justify;
	text-decoration:none;
}

.horiz ul { margin:0; padding:0;}

.horiz li {
	display:inline;
	margin:0;
	padding-top:84px;
	float:left;
	margin-right:20px;
	text-align:center;
	list-style:disc;
	font-size:12px;
	font-variant:small-caps;
	font-weight:bold;
}

div.horiz a:hover {
	color:#d2e8e5;
	text-decoration:none;
} 
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content:"."; 
 display:block; 
 height:0; 
 clear:both; 
 visibility:hidden;
 }
 
.clearfix{display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */  

 
 /*printer styles*/ 
 @media print{ 
/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}