/* ####################################################

  THIS IS THE CASCADING STYLE SHEET (CSS)  
     Coded by Isabel Sutherland, http://www.hdmakeup.co.za/ 

##################################################### */

#preloadedImages {
             width: 0px;
             height: 0px;
             display: inline;
             background-image: url(images/cover_photo_new.jpg);
             background-image: url(images/home_logo.jpg);
             background-image: url(images/issie_logo.jpg);
             background-image: url(images/header_02.gif);
             background-image: url(images/navbg_12.gif);
             background-image: url(images/navleft_15.gif);
             background-image: url(images/navright_16.gif);
             background-image: url(images/undernav_22.gif);
             background-image: url(images/h2_25.gif);
             background-image: url(images/topbg_26.gif);
             background-image: url(images/artfoot_30.gif);
             background-image: url(images/button_33.gif);
             background-image: url(images/nullet_29.gif);
      }

/*------------------------------------------------------*/
/*	GLOBAL SETTINGS					*/
/*------------------------------------------------------*/

html,body,td,th {
	font-family: verdana, Arial, sans-serif;
	font-size: 12px;
	color: #3D392D;
	border:0;
	margin:0;
	padding:0;
}

body {
	background-color: #000000;
	text-align:center;
	margin:0;
}

/***** Global Classes *****/
 
.text-red	{ color:red; }
.text-blue	{ color:blue; }
.text-asteric-color  { color:#F0F;   }

P B {
  font-weight:bold;
  font-size:11px;
  font-family:verdana, Arial, sans-serif;
}

/*.firstbigletter {
font-family:Georgia,;
color:chocolate;
font-size:56px;
font-weight:normal;
line-height:80%;
letter-spacing:-6px;
}*/

.dropcap {
  float: left;
  font: normal 50pt/0.8em Helvetica, Verdana, Arial, sans-serif;
  color: chocolate;
  margin-right: 3px;
}

.textind
{ 
text-indent: 20px;
}

.textind_large
{ 
text-indent: 140px;
}

/*------------------------------------------------------*/
/*	Links						*/
/*------------------------------------------------------*/

a:link {
	color: #0000FF;
	text-decoration: underline;
	font-weight:bold;

}
a:visited {
	text-decoration: underline;
	color: #0000FF;
	font-weight:bold;

}
a:hover {
	text-decoration: none;
	color: #CC0099;
	font-weight:bold;

}
a:active {
	text-decoration: underline;
	color: #0000FF;
	font-weight:bold;

}

/*------------------------------------------------------*/
/*	WRAPPER						*/
/*------------------------------------------------------*/

.wrapper{
	width:970px;
	height:1136px;
	text-align:left;
	margin:0 auto;
	/*background:#FFFFFF;*/
	background:#FFFFFF url(hdmakeup_template.jpg) no-repeat;
}
.wrapper_contact{
	width:970px;
	height:1136px;
	text-align:left;
	margin:0 auto;
	/*background:#FFFFFF;*/
	background:#FFFFFF url(contact_template.jpg) no-repeat;
}

.wrapper_portfolio{
	width:970px;
	height:1136px;
	text-align:left;
	margin:0 auto;
	/*background:#FFFFFF;*/
	background:#FFFFFF url(portfolio_template.jpg) no-repeat;
}

.wrapper_about{
	width:970px;
	height:1136px;
	text-align:left;
	margin:0 auto;
	/*background:#FFFFFF;*/
	background:#FFFFFF url(about_template.jpg) no-repeat;
}

.wrapper_web{
	width:970px;
height: 100%;
height: auto;
min-height: 100%;
z-index: -1;
	text-align:left;
	margin: 0 auto;
	overflow:auto;
	background:#FFFFFF url(long_web_page_template.jpg) repeat-y bottom !important; padding: 0; height:100%; display: block;

}

.wrapper_standard{
	width:970px;
	height:1136px;
	text-align:left;
	margin:0 auto;
	/*background:#FFFFFF;*/
	background:#FFFFFF url(web_template.jpg) no-repeat;
}



/*------------------------------------------------------*/
/*	Headings	   				*/
/*------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-weight:normal;
}

  h1{
  width:770px;
  height:83px;
  overflow: hidden;
  }

  h1 a:link, h1 a:hover, h1 a:visited, h1 a:active{
  display: block;
  width:201px;
  height:83px;
  text-indent: -100000px;
  }

  h2{
  float:left;
  width:381px;
  padding-left:20px;
  padding-top:10px;
  color:#FFCC00;
  font-family:verdana;
  font-size:16px;
  font-weight:bold;
  }

  h2 a:link,h2 a:visited{
    color:#fff;
  font-family:verdana;
  font-size:16px;
  font-weight:bold;
  text-decoration:none;
  }
  
  h2 a:hover{
  text-decoration:underline;
  }
  
  h3{
  background:#CCCCCC;
  margin-bottom:10px;
  text-align:center;
  padding-top:8px;
  padding-bottom:8px;
  font-weight:bold;
  font-size:12px;
  font-family:verdana;
  border-bottom:1px solid #CC0099;  /*pink*/
  }
  
  h4{
  text-align:center;
  font-weight:bold;
  font-size:12px;
  font-family:verdana;
  }

  h5{
  text-align:center;
  font-weight:bold;
  font-size:12px;
  font-family:verdana;
  font-style:italic;
  color:#BA8F38;
  }

/*------------------------------------------------------*/
/*	HEADER						*/
/*------------------------------------------------------*/

.header{
width:780px;
padding-left:190px;
/*padding-right:100px;*/
padding-top:15px;
padding-bottom:15px;
height:86px;
background-color: #000000;
/*background:#1E1B16 url(images/header_02.gif) repeat-x top;*/
}

#front h1{background:url(images/home_logo.jpg) no-repeat; } 
#port h1{background:url(images/issie_logo.jpg) no-repeat; } 
#about h1{background:url(images/issie_logo.jpg) no-repeat; } 
#products h1{background:url(images/web_banner.jpg) no-repeat; }
#cake h1{background:url(images/cake_banner.jpg) no-repeat; }
#airbrushing h1{background:url(images/airbrushing/Airbrush_Banner.jpg) no-repeat; }
#photography h1{background:url(images/photography/HDMakeup-Film-Strip.png) no-repeat; }
#HDMakeup h1{background:url(./images/photography/HDMakeup-Film-Strip_2.png) no-repeat; } 



blockquote {
  margin-left : 20px;
  padding-left : 15px;
  border-left : 2px dotted #386088;
}

blockquote cite {
  display : block;
  text-align : right;
  font-weight : bold;
  color : #386088;
}

/*------------------------------------------------------*/
/*	Common Formatting				*/
/*------------------------------------------------------*/

img {
	border: none;
}

.picsmall {
	border-style:outset;
	border-color: #BA8F38;
	border-width:3px;
} 

/*Preloading images With The DISPLAY Property*/
.hiddenPic {display:none;}

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

/*------------------------------------------------------*/
/*	wrap text around image				*/
/*------------------------------------------------------*/

img.floatLeft { 
    float: left; 
    margin: 4px; 
}

img.floatRight { 
    float: right; 
    margin: 4px; 
}

img.floatRightClear { 
    float: right; 
    clear: right; 
    margin: 4px; 
}

img.roundBorder{
border: 3px solid #CC0099; /*#D3AD67 - gold*/
padding: 5px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px;
}

img.firstfloatleft { 
    padding-top: 65px; 
    padding-left: 60px; 
    float: left; 
}


/*------------------------------------------------------*/
/*	Navigation - Menus				*/
/*------------------------------------------------------*/

.nav{
width:950px;
padding-left:20px;
height:37px;
/*background:url(images/navbg_12.gif) repeat-x top;*/
background-color:#92206b;  /*gray*/
}
.nav ul {
  margin:0;
  font-size:11px;
  font-weight:bold;
  padding-top:7px;
  list-style:none;	/*remove the bullets*/
  }
.nav li {
  float:left;	/*To get these menu items all on to one line*/
  background: #000;  /*url(images/navleft_15.gif) no-repeat left top;*/
  margin-right:10px;
  padding:0 0 0 12px;
  border-bottom:1px solid #ccc;
  }

/*Making the menu boxes*/
.nav a {
  /*float:left;*/
  display:block;
  background: #000; /*url(images/navright_16.gif) no-repeat right top;*/
  padding-top:5px;
  padding-right:20px;
  padding-bottom:7px;
  padding-left:6px;
  text-decoration:none;
  color:#FFFFFF;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
.nav a {float:none;}
/* End IE5-Mac hack */
  .nav a:visited{
  color:#fff;
  text-decoration:none;
  }
  .nav a:hover {
  color:#FFCC00;
  }

.nav .current_page_item a {
  text-decoration:underline;
  color: #FFCC00;
}

/*** drop down menu ***/
/*--------------------*/

#menu ul {
  position:absolute;
  display:none;
  }
*+ html #menu ul {margin: -5px 0 0 -25px;} /* ie 7 hack */


/*subnav styling*/
#menu ul li, #menu ul li a {float:none; }

#menu ul li a {margin: -1px 0 0 0;
  color:#FFF;
	width:100px;}

#menu ul li a:hover {color:#FFCC00;
		   }

/*------------------------------------------------------*/
/*	Left and Right columns				*/
/*------------------------------------------------------*/

  .clear{
  clear:both;
  }
  .content{
  width:960px;
  height:1136px;
  padding-left:10px;

  /*background:url(images/undernav_22.gif) repeat-x top;*/
  }
  .leftcolumn{
  float:left;
  width:670px;
  padding:20px;
  }

.article_blue{
  width:500px;
  background:#2A5781;
  line-height:20px;
  color:#D2D0D0;
  }

  .rightcolumn{
  width:210px;
  padding:20px;
  float:right;
  background:#FFF;
  }
  .holderfront{
  width:100%;
  height:637px;
  background:url(images/airbrushing/Dina-Tarryn-sm.jpg) top no-repeat;
  }
  .holder{
  width:100%;
  height:42px;
  background:#000;   /*url(images/h2_25.gif) top repeat-x;*/
  }
 
  .article{
  width:670px;
  /*background:#F5EEE0 url(images/topbg_26.gif) top repeat-x;*/
  background:#FFF;
  line-height:20px;
  }
  .artfoot{
  width:649px;
  text-align:left;
  padding-top:5px;
  margin-bottom:30px;
  padding-left:10px;
  padding-right:10px;
  /*border-left:1px solid #CC0099;
  border-right:1px solid #CC0099;
  background:url(images/artfoot_30.gif) repeat-x bottom;
  border-bottom:3px solid #CC0099;*/
  }
  .infobar{
  width:438px;
  padding-right:40px;
  text-align:right;
  padding-bottom:10px;
  }
  .infobar ul{
  list-style:none;
  text-align:right;
  margin:0;
  }
  .infobar ul li{
  width:109px;
  height:24px;
  padding-top:2px;
  background:no-repeat top center url(images/button_33.gif);
  text-align:center;
  color:#F4EDDF;
  float:right;
  font-weight:bold;
  font-size:11px;
  font-family:Verdana;
  }
  .infobar ul li a:link, .infobar ul li a:visited, .infobar ul li a:hover{
  display:block;
  text-decoration:none;
  color:#F4EDDF;
}
.rightcolumn ul
{
list-style-type: none;
padding-left:0;
margin:0;
text-align: left;
width:100%;
font-family:Verdana;
padding-top:5px;
background:#FFF;
}
.rightcolumn ul li{
padding-top:6px;
padding-bottom:6px;
border-bottom:1px solid #E8D9BD;
margin:0;
}
.rightcolumn ul li a
{
background:url(images/nullet_29.gif) left no-repeat;
text-align: left;
padding-left: 20px;
font-size:11px;
text-decoration: none;
color: #BA8F38;
}

.rightcolumn ul li a:hover
{
background:url(images/nullet_29.gif) left no-repeat;
color: #BA8F38;
padding-left: 20px;
text-decoration:underline;
}

.footer{
width:100%;
/*padding-top:15px;*/
padding-bottom:5px;
color:#fff;
text-align:center;
/*background:url(images/brush.jpg) left no-repeat;*/
/*background-color:#4E4739;*/

background-color: #333333;

}




/*------------------------------------------------------*/
/*	Split Left column				*/
/*------------------------------------------------------*/

.col1 {
	float:left;
	width:220px;
	position:relative;
	overflow:hidden;
	padding-left:35px;
	}

.col2 {
	width:220px;
	float:right;
	position:relative;
	overflow:hidden;
	text-align:center;
	padding-right:35px;
	}

.col2 ul
{
list-style-type: none;
padding-left:0;
margin:0;
text-align: left;
width:100%;
}

/*------------------------------------------------------*/
/*	Search						*/
/*------------------------------------------------------*/

#search {
}

#search form {
	margin: 0;
	padding: 0;
}

#search fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#search p {
	margin: 0;
	font-size: 85%;
}

#searchinput {
	width: 140px;
}

#searchsubmit {
}

.searchcontent{
width:220px;
}

/*------------------------------------------------------*/
/*	Calendar					*/
/*------------------------------------------------------*/

#calendar {
}

.main {
width:200px;
border:1px solid black;
}

.month {
background-color:black;
font:bold 12px verdana;
color:#fff;
}

.daysofweek {
background-color:gray;
font:bold 12px verdana;
border: 1px solid #514F42;
color:#fff;
}

.days {
font-size: 12px;
font-family:verdana;
color:black;
border: 1px solid #514F42;
padding: 2px;
}

.days #today{
font-weight: bold;
color: red;
}

/*------------------------------------------------------*/
/*	Gallery					        */
/*------------------------------------------------------*/


/*------------------------------------------------------*/
/*	Changing cake pictures on index page		*/
/*------------------------------------------------------*/

#Pics {
height:150px; 
vertical-align:top;
padding-left: 30px; 
}

img#pic1 {position:absolute; border:0px; width:150px; height:150px; z-
index:2}
img#pic2 {position:absolute; border:0px; width:150px; height:150px; z-index:1}
img#pic3 {position:absolute; border:0px; width:150px; height:150px; z-
index:1}
img#pic4 {position:absolute; border:0px; width:150px; height:150px; z-
index:1}

/*------------------------------------------------------*/
/*	Makeup Service				        */
/*------------------------------------------------------*/
.hoverbox
{
	cursor: default;
	list-style: none;
	float:right;

}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;

}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;

}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	width: 50px;
	height: 75px;
}

.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	width: 250px;
	height: 373px;
}

/*------------------------------------------------------*/
/*	Contact us					*/
/*------------------------------------------------------*/

label {
display: block;
}

label span {
width: 12em;
margin-left: 35em;
float: left;
}

label input, label textarea {
width: 22em;
font-family: inherit;
}


#submit {
margin-left: 55em;
font-family: inherit;
}

#captcha-area {
	margin-left: 100px;
}


.contactus_text {margin-left: 35em;}

/*-----------------------------------------------------*/

.acc_content{
  width:800px;
  height:42px;
  background:url(images/undernav_22.gif) repeat-x top;
  }

.horizontal_dotted_line
{
border-bottom: 1px dotted #BA8F38;
  /*background:url(images/undernav_22.gif) repeat-x top;*/
width: 480px;
} 

.horizontalDottedLine
{
border-bottom: 1px dotted #BA8F38;
  /*background:url(images/undernav_22.gif) repeat-x top;*/
width: 480px;
} 

.prodh1{
  padding-top:10px;
  padding-right:10px;
  color:#000000;
  font-family:verdana;
  font-size:18px;
  font-weight:bold;
}

.button
{ border: font-size: 11px; color: #FFFFFF; font-weight: bold; font-family: arial; background-color: #333333; text-decoration: none;
} 


span.codedirection { unicode-bidi:bidi-override; direction: rtl; }