/* DESSEIN Style Sheet */

html { font-size: 100%; background-color:#20161f; /* IE hack */ }
table { font-size: 100%; /* IE hack */ }

body { background-color:#20161f; margin:0; text-align: center; color:#FFFFFF; font-family:Tahoma, Arial, Helvetica, sans-serif;  }

p {
	padding:0;
	margin:0 0 14px 0;
}

#container { position:relative; margin: 0 auto; width: 960px; height: 517px; text-align:left; border:#20161f solid 1px;}

#nav { height: 26px; margin:60px 0 0 77px; }
#nav ul {padding:0; margin:0; height:26px; }
#nav li { float:left; margin:0 12px 0 12px; padding:0; height:26px; list-style-type:none; }
#nav a { display:block; height:19px; margin:7px 0 0 0; padding:0; font-weight:bold; text-align:left; letter-spacing:0.025em;}
#nav a:link, #nav a:visited { color:#fff;  text-decoration:none; font-size: 12px; }
#nav a:hover, #nav a.current, #nav a.section { color:#dabdbd; text-decoration:none; font-size: 12px; }

#menus { float:left; width:355px; margin-right:2px; }

#header { position:absolute; }

ul.mainMenu { width:150px; width/**/:/**/115px; height:218px; background:url(../images/main-nav-bg.gif) repeat-y top left; border-right: 2px solid #20161f; font-size:12px; padding:142px 10px 0 25px;  }
ul.mainMenu { list-style:none; margin:0; }
ul.mainMenu li { margin-left:0; margin-bottom:14px; }
ul.mainMenu a:link, ul.mainMenu a:visited { color:#FFFFFF;  text-decoration:none; }
ul.mainMenu a:hover { color:#dabdbd; text-decoration:none; }
ul.mainMenu li.current a, ul.mainMenu li.section a {color:#dabdbd;}

div.sm_spacer {
	height: 121px;
	background-color:#56464d;
} 

ul.submenu { width:108px; font-size:9px; margin-bottom:0; list-style:none; margin-left:0; margin-top:0; margin-right:0; padding:0 6px 0 6px; }
ul.submenu li { margin-bottom:5px; line-height:10px; margin-left:0; text-align:left;}
ul.submenu a:link, ul.submenu a:visited { color:#FFFFFF;  text-decoration:none; }
ul.submenu a:hover { color:#dabdbd; text-decoration:none; }
ul.submenu li.current a, ul.submenu li.section a {color:#dabdbd;}

li.over a:link, li.over a:visited { color:#d49b9b;  text-decoration:none; }
li.over a:hover { color:#d49b9b; text-decoration:none; }

.submenu02 { width:106px; height:105px; background:url(../images/sub-nav-bg.gif) repeat-y top left; font-size:9px; margin:0; margin-top:2px; padding:10px 10px 0 10px; list-style:none; line-height:12px;  }
.submenu02 li { margin-bottom:5px; line-height:10px; margin-left:0; }
.submenu02 li.heading { text-transform:uppercase; }
.submenu02 a:link, ul.submenu02 a:visited { color:#FFFFFF;  text-decoration:none; }
.submenu02 a:hover { color:#dabdbd; text-decoration:none; }
.submenu02 h3 { color:#FFFFFF; font-size:10px; font-weight:normal; text-transform:uppercase; margin:0 0 7px 0; }

#content { background:#FFFFFF; width:540px; height: 360px; float:left; }
#content a:link, #content a:visited, #content a:active  { color:#a03154;  text-decoration:none; }
#content a:hover, #content a:focus  { color:#f99; text-decoration:underline; }

#numbers { clear:both; width:540px; height: 36px; padding:8px 63px 20px 357px; font-size:10px; }
#numbers #pagination ul li a { width:18px; height:16px; display:block; padding-top:2px; text-align:center; text-decoration:none; float:left; vertical-align:top; margin-left:12px; color:#fff; border:1px solid #dabdbd; }
#numbers #pagination ul li a:hover {color:#dabdbd; background:#45353c; }
#numbers #pagination ul {padding:0; margin:0; float:right;}
#numbers #pagination ul li {display:inline-block; padding:0; margin:0; list-style-type:none;}

.midClm { width:126px; padding-top:121px; }
.brown { background-color:#766053; }

.leftClm { width:152px; width/**/:/**/150px; padding-top:121px; padding-right:2px; }

#content { position:relative; }
/*
#imgloader { display:none;z-index:50;position:absolute;top:0;left:0; }
#carousel { position:absolute;z-index:49;top:0;left:0; }
*/

/* new styles [Red Tiki] */

#page #content, #about #content, #contactUs #content, #newsPage #content  {
	padding:15px;
	height:330px;
	width:510px;
	color:#333;
	font-size:11px;
	line-height:18px;
	overflow:auto;
}

#content h3, #content strong {
	font-size:11px;
	color:#a03154;
	font-weight:bold;
}

#contactUs #content {
	padding:173px 124px 0 0;
	height:187px;
	width:416px;
	color:#999;
	text-align:right;
	line-height:21px;
	background:#000 url(/dessein/images/contact-bg-bracket.gif) 425px 167px no-repeat;	
}

#contactUs #content a:link, #contactUs #content a:visited { color:#a7a7a7; text-decoration:none; }
#contactUs #content a:hover { color:#fff; text-decoration:none; }




/* News */

#newsPage #content h1 {
	color:#700036;
	font-size:22px;
	font-weight:normal;
	line-height:normal;
	text-transform:uppercase;
}

#newsPage #content .alt {
	color:#700036;
}

#newsPage #content h2 {
	margin:12px 0 5px 0;
	padding:0;
	text-transform:uppercase;
	color:#988f83;
	font-size:16px;
}

#newsPage #content a, #newsPage #content a:link, #newsPage #content a:visited, #newsPage #content a:active { color:#333; text-decoration:none; }
#newsPage #content a:hover, #newsPage #content a:focus { color:#700036; text-decoration:none; }




/* jQuery gallery */

/*

#content #gallery {
	margin:0;
	padding:0;	
}

*/

#content #pagination a {
	display:block;
	float:left;
	padding:0;
	margin:0 0 0 10px;
	width:20px;
	height:20px;
	font-size:8px;
	color:#fff;
	text-align:center;
	line-height:20px;
	border:1px solid #fff;	
}

#content #pagination a:link, #content #pagination a:visited, #content #pagination a:active {
	background-color:transparent;
	text-decoration:none;
}

#content #pagination a:hover, #content #pagination a:focus {
	background-color:#53484e;
	text-decoration:none;
}


#portfolioGalleryHolder #content, #aboutGalleryHolder #content {
	background:#fff url(/dessein/images/portfolio-cover.gif) top left no-repeat;
}

#numbers #pagination ul li a.sub_gallery_image {
	display:none;
}

#content {
	position:relative;
}

#content #sub_navigator {
	position:absolute;
	top:325px;
	right:0;
	width:60px;
	height:25px;
	padding:5px;
	display:none;
}

#content #sub_navigator #next_arrow {
	float:right;
	width:25px;
	height:25px;
	background:transparent url(/dessein/images/gallery/sub-nav-next-background.gif) top left no-repeat;
	/*border:1px solid #000;*/
}

#content #sub_navigator #prev_arrow {
	float:left;
	width:25px;
	height:25px;
	background:transparent url(/dessein/images/gallery/sub-nav-prev-background.gif) top left no-repeat;
	/*border:1px solid #000;*/
}

#content #sub_navigator a.sub_nav_next {
	display:block;
	height:25px;
}

#content #sub_navigator a.sub_nav_prev {
	display:block;
	height:25px;
}

#numbers #pagination ul li a.active {
	color:#dabdbd; background:#45353c;
}