/* ================================ */
/*            RESET CSS             */
/* ================================ */	

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,area,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;font-weight:normal;vertical-align:baseline;background:transparent;}body{line-height:1;}article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}nav ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;-decoration:none;}ins{background-color:#ff9;color:#000;-decoration:none;}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}del{-decoration:line-through;}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}input,select{vertical-align:middle;}

a,a:link,a:visited,a:active{color: inherit; text-decoration: none;}
area{font-family: inherit; border: 1px solid black;}
ul,li,ol{list-style: none;}
b {font-weight:bold;}
*:focus{outline: none !important;}

  article, aside, details, figcaption, figure, footer, header,
  hgroup, menu, nav, section { display: block; }
  
  dd	{margin:auto; margin-left: 10px;}

/* ================================ */
/*            IMPORTANT             */
/* ================================ */	

	@font-face 
		{font-family: Visitor; 
 		src: url('fonts/visitor.ttf');} 
	@font-face 
		{font-family: Karabine; 
 		src: url('fonts/karabine.ttf');} 
	@font-face 
		{font-family: Fragile; 
 		src: url('fonts/fragile.ttf');} 
		
	html {
		background:#797979;
		background-image: url('images/greyback.jpg');
		background-position: top left;
		background-repeat: repeat-x;
		font-family: arial, verdana, helvetica, tahoma, sans-serif;		
		font-size: 12px;		
		color: #535353;
		}
		
	#clearing 
		{clear: both;}

	a:link {color: #e56e7c; text-decoration: none;}	
	a:visited {color: #e56e7c; text-decoration: none;}	
	a:hover, a:focus, a:active {color: #009ce7; text-decoration: none;}
	
	hr
		{border: 0px; border-top: 1px solid #ffffff;}
	
	.h2, h2
		{padding:auto; margin-bottom: 5px; color: #FFFFFF;
		font-family: Garamond, fragile, Helvetica, Arial, sans-serif; 
		font-size:60px; font-weight: normal;
		letter-spacing:-1px; text-transform: none;}
	.h3, th, h3
		{color: #999999;
		font-family: Helvetica, Arial, sans-serif; 
		font-size:24px; font-weight: normal; line-height: 20px;
		margin: 0px; margin-bottom: 5px;}
	
	.head
		{font-family: Garamond, Karabine, fragile, Helvetica, Arial, sans-serif;
		font-size: 26px;}
		
	.home, .homenews
		{font-family: Visitor, Helvetica, Arial, sans-serif;
		color: #e92052;font-weight: bold; 
		display: block; float: right; 
		padding: 0px; margin: 0px; 
		padding-right: 5px; margin-right: 5px;}
	a.home:link, a.homenews:link {color: #e56e7c;}
	a.home:visited, a.homenews:visited {color: #e56e7c;} 
	a.home:hover, a.homenews:hover, a.home:focus, a.homenews:focus, a.home:active, a.homenews:active {color: #009ce7;}

	
/* ================================ */
/*           BASE LAYOUT            */
/* ================================ */	

	#pagehold 
		{height:100%; padding:0; margin:0; 
		margin-left: auto; margin-right: auto;
		border:0; text-align:center; border:  0px;}
	
	#widthhold
		{width: 1010px; margin: auto; margin-left: auto; margin-right: auto; border:  0px;}
		
/*--------------------------------------------------*/

	#headerhold
		{width: 1010px; height: 250px; padding: 0px; margin: 0px;
		margin-left: auto; margin-right: auto; 
		border: 0px; }

	#headerleft		
		{float:left; width:55px; height: 250px;
		padding: 0px; margin: 0px;
		background: none; background-image: url('images/sidelefttop.png');
		background-repeat: no-repeat;
		border: 0px;}

	#headerright		
		{float:right; width:55px; height: 250px;
		padding: 0px; margin: 0px;
		background: none; background-image: url('images/siderighttop.png');
		background-repeat: no-repeat;
		border: 0px;}

	#headermain
		{width: 900px; height: 250px; padding:0px; margin:0px; 
		margin-left: auto; margin-right: auto; 
		border: 0px;}
		
/*--------------------------------------------------*/		

	#mainhold
		{width: 1010px; padding:0px; margin:0px;
		margin-left: auto; margin-right: auto; 
		border: 0px;}

	#mainleft		
		{float:left; width:55px; height: 92px;
		padding: 0px; margin: 0px;
		background: none; background-image: url('images/sideleftbottom.png');
		background-repeat: no-repeat;}

	#mainright		
		{float:right; width:55px; height: 92px;
		padding: 0px; margin: 0px;
		background: none; background-image: url('images/siderightbottom.png');
		background-repeat: no-repeat;}

	#content
		{width: 900px; padding:0px; margin:0px; 
		margin-left: auto; margin-right: auto; 
		background: #c8c8c8; border: 0px; 
		border-top: 1px solid white;
		border-bottom: 1px solid white;}

	.contentpad
		{width: 878px; padding: 10px;
		margin-left: auto; margin-right: auto;
		text-align: justify; border: 0px solid yellow;}
	
/*--------------------------------------------------*/

	#foot {}

	#foothold
		{width: 1010px; height: 200px; 
		padding: 0px; margin: 0px; margin-left: auto; margin-right: auto; 
		background: none;}

	#footleft
		{float: left; width: 55px; height: 200px; 
		background-image: url('images/foot_left.png');
		background-position: top right;
		background-repeat: no-repeat;
		border: 0px;}
	#footright
		{float: right; width: 55px; height: 200px; 
		background-image: url('images/foot_right.png');
		background-position: top left;
		background-repeat: no-repeat;
		border: 0px;}
			
	.footerbuffer
		{position: relative; width: 880px; height: 180px; padding: 10px; 
		margin-left: auto; margin-right: auto;
		background: #c8c8c8;
		background-image: url('images/foot_main.png');
		background-position: top center;
		background-repeat: no-repeat;
		text-align: left;
		border: 0px;}
		
	.footerright
		{float: right; text-align:right;
		font-size: 11px; color: #888888;
		border: 0px solid red;}
		
	#footbottom
		{position: absolute; bottom: 0;
		width: 880px;
		padding-bottom: 10px; text-align: center;
		font-size:1;
		border:0px solid red;}
		
/* ---------------------------------- */

.iebox
	{margin: -10px; padding: 50px; 
	font-family: Garamond, "Times New Roman", Times, serif; font-size:24px; 
	color: #C9C9C9;	text-align:center;
	background-image: URL('images/iebox.jpg');}
.iebox h2 {font-family: Fragile, Karabine, Garamond;}

/* ================================ */
/*              MENU                */
/* ================================ */	
	
	.links
		{padding: 0px; padding-top: 20px;}
		
	.links a {font-family: Garamond, "Times New Roman", Times, serif;
		font-size:16px; font-weight: bold;}
	
	#navigation 
		{width: 900px; height: 48px; margin: auto; padding: 0px; border: 0px;
		background: none; background-image: url('images/menubar.png');
		background-position: bottom left; background-repeat: no-repeat;
		font-family: Helvetica, "HelveticaNeue", Arial Narrow, sans-serif; 
		font-size:14px; text-transform: lowercase; text-align: left;}
	#navigation a:link, #navigation	a:visited {color: #dddddd;}
	#navigation a:hover, #navigation a:focus, #navigation a:active {color: #FFFFFF;}
	
/* ================================ */
/*              INDEX               */
/* ================================ */	

	.thumb, .thumb img 
		{opacity:0.6; filter:alpha(opacity=60);
		-webkit-transition-property: opacity;
		-webkit-transition-duration: 1s;
		-moz-transition-property: opacity;
		-moz-transition-duration: 1s;
		-o-transition-property: opacity;
		-o-transition-duration: 1s;
		-ms-transition-property: opacity;
		-ms-transition-duration: 1s;}
	.thumb:hover, .thumb:hover img, .thumb:focus, .thumb:focus img, .thumb:active, .thumb:active img
		{opacity:1.0; filter:alpha(opacity=100);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transform-duration: 1s;
		-moz-transform-duration: 1s;
		-o-transform-duration: 1s;
		-ms-transform-duration: 1s;
		transform-duration: 1s;*/}
		
		
		
	.indexthumb
		{padding: 0; margin: 0px;
		opacity:0.4;filter:alpha(opacity=40);
		-webkit-transition-property: opacity;
		-webkit-transition-duration: 1s;
		-moz-transition-property: opacity;
		-moz-transition-duration: 1s;
		-o-transition-property: opacity;
		-o-transition-duration: 1s;
		-ms-transition-property: opacity;
		-ms-transition-duration: 1s;}	
	.indexthumb:hover, .indexthumb:focus, .indexthumb:active
		{padding: 0; margin: 0px;
		opacity:1.0;filter:alpha(opacity=100);}
		
	.newpicshold
		{float: left;}
	.newestpics
		{width: 350px; padding:0px; 
		background: none;
		border: 0px solid #dddddd;
		font-weight: bold;
		color: #e92052;}
			
	.indextextnews
		{width: 500px;
		padding: 10px;
		margin-left: 360px; 
		text-align: justify;
		background: none;
		border: 0px solid #dddddd;
		background-image: url('images/white20.png');
		background-position: bottom left;
		background-repeat: repeat;}
		
	.indexnewshead
		{width: 554px; margin-left: -10px; margin-right: -10px;
		border: 0px; border-top: 1px solid #555555; border-bottom: 1px solid #555555;
		background-image: url('images/blackback1.png');
		background-attachment: fixed;
		background-position: top left;
		background-repeat: repeat;}
		
/* ================================ */
/*              ABOUT               */
/* ================================ */

/* ================================ */
/*            PORTFOLIO             */
/* ================================ */

	.galleria
		{padding: 0px; padding-top: 10px; 
		margin: auto; margin-bottom: 11px;
		border: 0px;
		border-top: 1px solid #DDDDDD;
		border-bottom: 1px solid #DDDDDD;
		-webkit-column-count: 3;  
    	-webkit-column-gap: 22px;
		-moz-column-count: 3;  
    	-moz-column-gap: 22px;
		-o-column-count: 3;  
    	-o-column-gap: 22px;
		-ms-column-count: 3;  
    	-ms-column-gap: 22px;}		
		
	.galcathead
		{font-family: Garamond, "Times New Roman", Times, serif;
		width: 300px;
		padding: 0px; border: 0px;
		padding-top: 10px; padding-bottom: 10px; 
		border:0px; /* border-top: 1px solid #DDDDDD;
		border-bottom: 1px solid #DDDDDD;*/
		font-size:18px; color: #DDDDDD; font-weight: normal;}
	
/* --- makeup and art --- */

	.muentry, .faentry
		{width: 433px;
		margin-right: 10px;
		 padding:0px;
		 padding-bottom:20px;
		border: 0px;
		}

	.galhold
		{border: 0px; padding:0px;}
	.galcred
		{padding:9px; border: 0px; color: #777777;}		
	.credhead
		{border: 0px;font-weight: bold; margin-bottom: 10px; color: #666666}

	.artthumb, .artthumb:hover, .
		{float: left; width: 100px; 
		padding: 1px; margin: 0px;  margin-right: 10px; 
		background:#c8c8c8; border: 10px solid #FFFFFF;
		opacity:0.5; filter:alpha(opacity=50);
		-webkit-transition-property: opacity;
		-webkit-transition-duration: 1s;
		-moz-transition-property: opacity;
		-moz-transition-duration: 1s;
		-o-transition-property: opacity;
		-o-transition-duration: 1s;
		-ms-transition-property: opacity;
		-ms-transition-duration: 1s;}
			
	.artthumb:hover, .artthumb:focus, .artthumb:active
		{opacity:1.0; filter:alpha(opacity=100);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transform-duration: 1s;
		-moz-transform-duration: 1s;
		-o-transform-duration: 1s;
		-ms-transform-duration: 1s;
		transform-duration: 1s;*/}
		
/* --- design --- */		
		
	.designentry
		{height: 124px; padding: 0px; padding-top: 10px; padding-bottom: 10px;
		border: 0px; border-top: 1px solid #999999;}		
	.designend
		{padding: 0px; padding-top: 10px; padding-bottom: 10px;
		border: 0px; border-top: 1px solid #999999;}
		
/* --- nails --- */
	
	.nailhold
		{width: 890px; margin: auto; margin-right: -10px;}
	.nailthumb, .nailthumb:hover
		{padding: 1px; margin: 0px; margin-right: 7px; margin-bottom: 6px; 
		opacity:0.5;filter:alpha(opacity=50); border: 5px solid #FFFFFF;
		background: #666666;
		-webkit-transition-property: opacity;
		-webkit-transition-duration: 1s;
		-moz-transition-property: opacity;
		-moz-transition-duration: 1s;
		-o-transition-property: opacity;
		-o-transition-duration: 1s;
		-ms-transition-property: opacity;
		-ms-transition-duration: 1s;}	
	.nailthumb:hover, .nailthumb:focus, .nailthumb:active
		{opacity:1.0;filter:alpha(opacity=100);}

/* --- gallery selection page --- */
		
	.galthumb
		{float: left; padding: 1px; margin: 0px;  margin-right: 10px; 
		opacity:0.7;filter:alpha(opacity=70); border: 1px solid #666666;
		-webkit-transition-property: opacity;
		-webkit-transition-duration: 1s;
		-moz-transition-property: opacity;
		-moz-transition-duration: 1s;
		-o-transition-property: opacity;
		-o-transition-duration: 1s;
		-ms-transition-property: opacity;
		-ms-transition-duration: 1s;
		-webkit-box-reflect:left 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(white));}
		}	
	.galthumb:hover, .galthumb:focus, .galthumb:active
		{float: left; padding: 1px; margin: 0px; margin-right: 10px; 
		opacity:1.0;filter:alpha(opacity=100); border: 1px solid #999999;
		-webkit-box-reflect:left 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(white));}
	
	.gall_art, .gall_des, .gall_web, .gall_mu, .gall_nail
		{width: 170px; opacity:0.6;filter:alpha(opacity=60);
		background: none;
		-webkit-transition-property: opacity;
		-webkit-transition-duration: 1s;
		-moz-transition-property: opacity;
		-moz-transition-duration: 1s;
		-o-transition-property: opacity;
		-o-transition-duration: 1s;
		-ms-transition-property: opacity;
		-ms-transition-duration: 1s;
		-webkit-box-reflect:below -30px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.8, transparent), to(white));}
		
	.gall_art:hover, .gall_des:hover, .gall_web:hover, .gall_mu:hover, .gall_nail:hover
		{opacity:1.0;filter:alpha(opacity=100);
		-webkit-box-reflect:below -30px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.8, transparent), to(white));}
		
/* ================================ */
/*               NEWS               */
/* ================================ */

	.news
		{vertical-align: top;}

	.newshead2
		{font-family: Garamond, fragile, Karabine, Helvetica, Arial, sans-serif;
		width: 100%; margin: 0px; margin-right: -10px; 
		border: 0px; border-bottom: 1px solid #dddddd;}
		
	.newssubject
		{font-family: Garamond, fragile, Karabine, Helvetica, Arial, sans-serif;
		padding: 5px; padding-left: 15px; padding-right: 10px;
		font-size:24px; color: #333333;}
		
	.newsdate
		{font-family: Visitor, Helvetica, Arial, sans-serif;}

	.newscontent2
		{padding: 5px; padding-left: 15px; 
		padding-top: 5px; padding-bottom:120px;}
		
	.newslist
		{padding: 30px;}

	.newsleft
		{width: 230px; padding:10px; 
		background: none;
		border: 1px solid #dddddd;
		background-image: url('images/white20.png');
		background-position: bottom left;
		background-repeat: repeat;}
		
/* ================================ */
/*             RESOURCES            */
/* ================================ */		

	.resourcelefthold
		{float: left; height: 100%;}
	.resourceleft
		{width: 252px; padding:10px; padding-top: 3px;
		background: none;
		border: 1px solid #dddddd;
		background-image: url('images/white20.png');
		background-position: bottom left;
		background-repeat: repeat;}
		
	.resourceright
		{width: 574px;
		padding: 10px; padding-top: 2px;
		margin-left: 283px; 
		text-align: justify;
		background: none;
		border: 1px solid #dddddd;
		background-image: url('images/white20.png');
		background-position: bottom left;
		background-repeat: repeat;}

	.toggleLink
		{float: none;}
	a.toggleLink
		{color:#999999;}
	a.toggleLink:hover, a.toggleLink:focus, a.toggleLink:active
		{color:#FFFFFF;}
	
/* ================================ */
/*           TESTIMONIALS           */
/* ================================ */

	.testimonial
		{width: 400px; 
		margin-left: auto; margin-right: auto;
		vertical-align: top;}	

	.testimcentre
		{width: 400px; margin: 0px; padding: 0px;
		vertical-align: top; text-align: justify;
		font-size: 12px; color: #555555;}
		
	.testimhead, .reshead
		{font-family: Garamond, Fragile, "BankGothic Lt BT", "Bank Gothic", "BankGothic", Helvetica, Arial, sans-serif;
		text-align: left; font-size:24px; color: #FFFFFF;
		margin-bottom: -2px;}
	.reshead
		{font-style:italic;}
	.testimbody
		{padding: 10px; background-image: url('images/white60.png');}
	.testimfoot
		{margin: 0px; padding: 0px; padding-bottom: 10px;
		text-align:right;
		color: #FFFFFF;}
	.testimlink, .toggleLink
		{align: left;
		font-family: Visitor, "BankGothic Lt BT", "Bank Gothic", Helvetica, Arial, sans-serif;
		font-size: 14px;}
	.testimlink
		 {float: left;}

/* -- on form page -- */

	.testimfhold
		{float:right; width: 300px; margin-right: 75px;}
		
	.testimfbox
		{border: 1px solid #dddddd; 
		color: #777777;
		padding: 10px; margin-bottom: 10px;
		background-image: url('images/white20.png');
		background-position: bottom left;
		background-repeat: repeat;}
		
	.testimfleft, .testimfright
		{height: 100%; width: 20px;
		vertical-align: middle;  padding: 0px; 
		font-size:70px; color: #888888;
		margin: 5px; margin-top: 0px;}
	.testimfleft {float: left; margin-right: 10px;}
	.testimfright {float: right; margin-left: 8px; margin-right: 8px;}
		
/* ================================ */
/*             CONTACT              */
/* ================================ */

	.formhold
		{width: 880px; padding: 0px;
		border: 0px;
		border-top: 0px solid #333333;}
		
	.mailform
		{text-align: left;}
		
	.mailsuccess
		{height: 240px; padding: 30px;}

	textarea#styled 
		{width: 405px; height: 215px;
		margin: 3px; padding: 5px;
		border: 0px; font-family: Arial, Helvetica, sans-serif;
		background-image: url('images/textarea.jpg');
		background-position: top left;
		background-repeat: no-repeat;}
	
	input.styledtext
		{height: 14px; width: 200px; 
		margin: 3px; padding: 5px; border: 0px; 
		font-family: Arial, Helvetica, sans-serif;
		background-image: url('images/textarea.jpg');
		background-position: top left;
		background-repeat: no-repeat;}
		
		
/* ================================ */
/*           DROPDOWN MENU          */
/* ================================ */	
		
	.drop-menu {
		display: block; z-index:90; width: 70px;
		margin-right: auto; margin-left: auto;
		padding: 10px 10px;
		text-align: left;
		background: #fff; border: 1px solid #f6f0e4;
		cursor: pointer;}
	
	.plus {
		display: inline-block;
		-webkit-transition: .3s ease-in-out;
  		-moz-transition: .3s ease-in-out;
  		-o-transition: .3s ease-in-out;
		-ms-transition: .3s ease-in-out;}
	
	.drop-menu:hover {
		border: 1px solid #fff;
	}
	
	.drop-menu:hover .sub-menu {
		display: inline-block;
	}
	
	.drop-menu:hover .plus {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
	}
	
	.sub-menu {
		display: none; z-index:91
		width: 400px;
		background: #fff;
		padding: 10px 10px;
		margin-left: -11px;
		margin-top: 10px;
		border: 1px solid #fff;
		-webkit-box-shadow: 0px 13px 25px rgba(0,0,0, 0.2);
		-moz-box-shadow: 0px 13px 25px rgba(0,0,0, 0.2);
		box-shadow: 0px 13px 25px rgba(0,0,0, 0.2);
	}
	
	.sub-menu li {
		list-style-type: none;
		display: block;
		border-bottom: 1px dotted #eaeaea;
		padding: 10px 0px;
	}
		
		.sub-menu li img {
			margin-right: .5em;
		}
	
	.sub-menu li:hover {
		border-bottom: 1px dotted #bababa;
	}
		
		
	
	
	
		
		
		
		
		
		
		
/*
	Extras
*****************/
#extras {margin: 0 auto 3em auto; overflow: hidden;}

#extras ul {list-style: none; margin: 0;}
#extras li {border-bottom: 1px solid #fff;}
#extras h2 {
	color: #C74350;
	font-size: 1.429em;
	margin-bottom: .25em;
	padding: 0 3px;
}

#extras a:link, #extras a:visited {
	color: #444;
	display: block;
	border-bottom: 1px solid #F4E3E3;
	text-decoration: none;
	padding: .3em .25em;
}

	/* Blogroll */
	#extras .blogroll {
		float: left;
		width: 615px;
	}

	#extras .blogroll li {float: left; margin: 0 20px 0 0; width: 185px;}

	/* Social */
	#extras .social {
		float: right;
		width: 175px;
	}








#wrapping {width: 300px; border: 10px solid red;}            
#ellipsis { font-size: 25px; text-overflow: ellipsis; white-space: nowrap; height: 1.1em; overflow: hidden; }
.newsarticlepreview {text-overflow: ellipsis; white-space: nowrap; padding: 1px; overflow: hidden; }
















/* Make links change colour smoothly */
 a 	{-webkit-transition-property: color; -webkit-transition-duration: 1s;
	-moz-transition-property: color; -moz-transition-duration: 1s;
	-o-transition-property: color; -o-transition-duration: 1s;
	-ms-transition-property: color; -ms-transition-duration: 1s;}