/* ---------------------------------- */
/*      Crystal Pallister CSS file    */
/*      www.pallistermakeup.com       */
/*  All code is copyright             */
/*          Adam Brandejs             */
/*        www.brandejs.ca             */
/*    All rights Reserved             */
/* this site is still being developed */
/* ---------------------------------- */


html, body { 
	margin: 0;
	padding: 0;
	background-color:#FFFFFF;
	font: 12px Verdana;
        font-style: normal;
	color:#666666;
	margin: 0 0 0 0; padding: 0 7px 0 5px;
	text-align:center; /* IE hack to center page contents */
}

IMG{border:none;}

p { font: 12px Verdana; color:#666666; font-weight:normal; margin: 0 0 10px 0; padding: 0 7px 0 5px;}


/* RED float same line SUB HEADING --------display:inline; */
h1 { font: 12px Verdana; color:#FF0000; float: left; font-style: none; font-weight:normal; margin: 0px; padding: 0 5px 0 5px;}

/* RED NORMAL SUB HEADING -------- */
h2 { font: 12px Verdana; color:#FF0000; font-style: none; font-weight:normal; margin: 0px; padding: 0 5px 0 5px;}

/*  Collegue sub heading #2 - profession */
h3 { font: 12px Verdana; color:#000000; font-weight:normal; margin: 0 0 10px 0; padding: 0 7px 0 5px;}

/* grey HEADING with top/bottom lines -------- */
h5 { font: 12px Verdana; color:#666666; font-style: none;
border-top: 1px solid #CCCCCC; width: 240px;
border-bottom: 1px solid #CCCCCC; width: 240px;
font-weight:bold; margin: 5px 0px 5px 0; padding: 0 5px 0 5px;}


/* CV HEADING -- BIG grey HEADING with LARGE top/bottom lines -------- */
h4 { font: 12px Verdana; color:#666666; font-style: none;
border-top: 1px solid #CCCCCC; width: 540px;
border-bottom: 1px solid #CCCCCC; width: 540px;
font-weight:bold; margin: 5px 0px 5px 0; padding: 0 5px 0 5px;}




/* white copyright text */
h6 { font: 11px Verdana; color:#FFFFFF; font-style: none; text-align:center; font-weight:normal; margin: 0; padding: 0 0 0 5px;}


/* text styling within tables */
TD { font: 12px Verdana; color:#666666; font-weight:normal; margin: 0; padding: 0;}



#Portfolio p
{
font: 12px Verdana; color:#666666; font-weight:normal; margin: 0 0 0 0; padding: 0 7px 0 5px;
}

#Portfolio h2 { font: 12px Verdana; color:#FF0000; font-weight:normal; margin: 0 0 0 0; padding: 0 5px 0 5px;}

#about_side_spacing
{
position:absolute;
top:100px;
}




#main-nav ul
{
list-style: none;
padding: 0;
margin: 0;
}

#main-nav li
{
float: left;
margin: 0 0 0 0px;
padding: 0;
text-align: center
}

#main-nav li a
{text-decoration: none; padding-top: 9px; padding-bottom: 8px; padding-right: 6px; padding-left: 6px; 
height: 30px !important;
height: 30px;  font: bold 11px verdana; color: #FFFFFF; margin:0 0 0 0px;}


#main-nav li a:hover
{text-decoration: none; padding-top: 9px; padding-bottom: 8px; padding-right: 6px; padding-left: 6px; white-space: nowrap; background: url(images/menu_boxon2.gif) repeat-x;
height: 30px !important;
height: 30px; 
font: bold 11px Verdana; 
color: #FFFFFF; 
margin:0 0 0 0px;}


#main-nav #currentpage a {text-decoration: none; padding-top: 9px; padding-bottom: 8px; padding-right: 6px; padding-left: 6px; white-space: nowrap;
background: url(images/menu_boxon2.gif) repeat-x;
height: 30px !important;
height: 30px; 
font: bold 11px Verdana; 
color: #FFFFFF; margin:0 0 0 0px;}


/* Commented backslash hack hides rule from IE5-Mac \*/
#nav-menu li a
{
float: none
}
/* End IE5-Mac hack */





.links ul {

list-style-type: none;
margin: 0;
padding: 0;

}

.links li {
  list-style: none;
  padding-left: 15px;  /* space for the image */

  background-image: url(images/red_bullet.gif);
  background-position: 3px 6px;
  background-repeat: no-repeat;
font-family: verdana;
	font: 12px Verdana;
        font-style: normal;

  
}
.links li a
{text-decoration: none; color: #666666;}
.links li a:hover
{text-decoration: none; color: #FF0000;}



/* services li */

#services ul {

list-style-type: none;
margin: 0;
padding: 0;
}

#services li {
  list-style: none;
  padding-left: 10px;  /* space for the image */
padding-top: 0;
padding: 0 0 0 16px;
margin: 3px;
  background-image: url(images/red_bullet.gif);
  background-position: 3px 6px;
  background-repeat: no-repeat;
font-family: verdana;
	font: 12px Verdana;
        font-style: normal;
}


/* a.header:link {text-decoration: none; color:#0099CC;}
a.header:visited {text-decoration: none; color: #0099CC;}
a.header:active {text-decoration: none; color: #0099CC;}
a.header:hover {text-decoration: none; color: #0099CC;}

A.header2:link, A.header2:visited {text-decoration: none; color: #666666;}
A.header2:active {text-decoration: none; color: #0099CC;}
A.header2:hover {text-decoration: none; color: #0099CC;} */

a.em:link {text-decoration: none; color: #000000;}
a.em:visited {text-decoration: none; color: #000000;}
a.em:active {text-decoration: underline; color: #FF0000;}
a.em:hover {text-decoration: none; color: #FF0000;}

a.webdesign:link, a.webdesign:visited {text-decoration: none; color: #999999;}
a.webdesign:active, a.webdesign:hover {text-decoration: underline; color: #FF0000;}

/* portfolio thumb outlines */
a.portfolio:link img {text-decoration: none; border: 1px solid #FFFFFF;}
a.portfolio:visited img {text-decoration: none; border: 1px solid #FFFFFF;}
a.portfolio:active img {text-decoration: none; border: 1px solid #FFFFFF;}
a.portfolio:hover img {text-decoration: none; border: 1px solid #FF0000;}


/* Portfolio menu links */

a.portmenu:link,a.portmenu:visited, a.portmenu:active {text-decoration: none; color:#666666;}
a.portmenu:hover {text-decoration: none; color: #FF0000;}

/* Portfolio menu links */
a.portmenu_currentpage:link,a.portmenu_currentpage:visited, a.portmenu_currentpage:active, a.portmenu_currentpage:hover {text-decoration: none; color: #FF0000;}

/* standard links */

a:link,a:visited, a:active {text-decoration: none; color:#666666;}
a:hover {text-decoration: none; color: #FF0000;}






div#PortfolioImageContainer {
	
	width: 400px;
	/* border-top: 1px solid #C6C6C6; */
	border-top: 1px solid #C6C6C6;
	border-bottom: 1px solid #C6C6C6;
	
	padding: 7px 0 7px 0;
	
}



div#PortfolioImageContainer img {
	/*float: left;*/
	margin: 0px;
	/*border: 0px solid #000000;*/
}



#popunder { /* empty top */
	
	border-left: solid;
	border-bottom: solid;
	border-right: solid;
	border-color: #000000;
	border-width: 1px;
	width: 570px;
	padding: 0 0 0 10px;
	margin: 0 0 0 12px;
	}



/* body box */	


	
#container {
	text-align: left;
	background: url(images/gradbackground2.jpg);
	width: 740px;
	margin: 0 auto;
	
	font: 12px Verdana;
	}

#topblackrow {
text-align: right;
	width: 690px;
	height: 15px;
	background: #000000;
	margin: 0 25px 0 25px;
	
padding: 0;
font: 12px verdana; color: #666666;
	}


#hMenu {
	
	
	width: 690px;
	background: #FFFFFF;
	padding: 0;
	margin: 0 25px 0 25px;
	}








/* ------------------------ */
/*      main box    css       */
/* ------------------------ */



	
#bodybackground {


	
	
	background: #fff;
	width: 690px;
	padding: 0px;
	margin: 0 25px 0 25px;
	}

		







	

/* use as internal boxed areas? */	


#journalbody {
	 
	border-left: 1px solid #545454;
	border-right: 1px solid #545454;
	border-bottom: 1px solid #545454;


	color:#000000;
	background: #F3F3F3;
	margin: 0 0 40px 0;
	text-align: left; 
	font: 12px Verdana;
	}


#copyright {
	clear: both;
	width: 690px;

	
	background-color: #000000;
	margin: 0 25px 0 25px;
	padding: 0;
	}
	
	
	
	
/* new Admin style stuff remove from main css later */

/* the save button */
input.submit
{
border: 3px double #999999;
border-top-color: #CCCCCC;
border-left-color: #CCCCCC;
padding: 0.25em;
background-color: #FFFFFF;
background-image: url(images/button33.gif);
background-repeat: repeat-x;
color: #333333;
font-size: 75%;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
}
/*this makes it press down */
input.submit:active
{
border: 3px double #CCCCCC;
border-top-color: #999999;
border-left-color: #999999;
}


#popupcheck { /* size */
	
	border: 1px solid #e5e5da;
	width: 570px;
	padding: 11px 5px 11px 10px;
	margin: 0 5px 0 20px;
	background: #f2f2e9 url(images/messages-icon-check.gif) right top no-repeat;
	}



.site-map ul
{
list-style: none;
padding: 0;
margin: 0 0 0 20px;
}

.site-map li
{
margin: 0 0 0 10px;
padding: 4px;
font: 12px verdana; color: #000000;
}

.site-map li a
{text-decoration: none;  
font: bold 12px verdana; color: #FF0000;}


.site-map li a:hover
{text-decoration: none; 
font: bold 12px Verdana; 
color: #000000; 
}