@charset 'utf-8';

/*RESET STYLES*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* 
based on Stefan Nitzsche’s work
http://nitzsche.info
*/

html {
height: 100%;
}

body {
height: 101%;
background-color: #fff;
}

strong, b {
font-weight: bold;
}

em, i {
font-style: italic;
}

.hideme {
position: absolute;
left: -9999em;
top: -9999em;
}

label, 
input[type=button],
input[type=submit], 
button {
cursor: pointer;
}

q:lang(de) {
quotes: '„' '“' '‚' '‘';
}

q:lang(en) {
quotes: '“' '”' "‘" "’";
}

abbr[title] {
border-bottom: 1px dotted #888 !important;
cursor: help;
}

a abbr {
cursor: pointer !important;
}

.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}

.ie7 address {
font-style: normal;
}

img { 
-ms-interpolation-mode: bicubic; 
}

.clearfix {
display: inline-block;
}

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

/*STRUCTURAL STYLES
--------------------------*/

body {
text-align:center; 
line-height:18px;
}

#main_content {position:relative;}

/*
#bg_hook {
background:url(../img/alexis_bg.jpg) repeat-y; display:block;
}
*/


#content_shell {
text-align:left; 
margin:0 auto; 
display:block; 
width:400px; 
padding:36px 36px 1082px;
}

#header { /*IR tech*/
background:url(../img/logo.png) no-repeat; padding:60px 40px 20px 40px; 
text-indent:-9999px;
}


/*NAVIGATION
-------------------------------*/

/*Image Replacement Technique
--------------------------------*/

#nav ul {
width:650px;  
float:left; 
width:520px; 
padding:10px 0px 10px 2px;
}

	#nav ul li {display:inline;}

	#nav ul li.current {height:20px; width:200px;}

		#nav ul li a { 
		text-indent:-9999px; 
		float:left; display:block;}

/*Current class Tab*/

#main_content .landing ul {background:url(../img/current_tab_home.png) no-repeat;}

#main_content .contact ul {background:url(../img/current_tab_contact.png) no-repeat 71px 0;}

#main_content .news ul {background:url(../img/current_tab_news.png) no-repeat 178px 0;}

#main_content .creations ul {background:url(../img/current_tab_creations.png) no-repeat 256px 0;}




/*Navigation Sprites
----------------------------*/

#home {background:url(../img/nav_sprite.png) no-repeat 3px -4px; padding:0px 40px 0px 40px; }
#contact {background:url(../img/nav_sprite.png) no-repeat -94px -4px; padding:0px 60px 0px 40px;}
#news {background:url(../img/nav_sprite.png) no-repeat -301px -4px; padding:0px 40px 0px 40px;}
#creations {background:url(../img/nav_sprite.png) no-repeat -397px -4px; padding:0px 80px 0px 40px;}
#shop {background:url(../img/nav_sprite.png) no-repeat -532px -4px; padding:0px 80px 0px 40px;}
/*hover states*/
#home:hover {background-position: 3px -21px;}
#contact:hover {background-position: -94px -21px;}
#news:hover {background-position: -301px -21px;}
#creations:hover {background-position: -397px -21px;}
#shop:hover {background-position: -532px -21px;}


/*COLORS AND TYPOGRAPHY STYLES
------------------------------------------------*/

body {font-family:Georgia, "Times New Roman", Times, serif;}

h1, h2, h3, p, li {color:#282828;}


/*GALLERY STYLES
-----------------------------------------------*/


/*PAGE SPECIFIC STYLES
-----------------------------------------------*/


/*Landing Page Styles
--------------------*/

#landing_items {
background:transparent url(../img/landing_new_bg.png) no-repeat scroll 0 6px;
padding-bottom:500px;
position:absolute;
top:22px;
width:620px;
right:-182px;
}


#landing_content {
padding:44px 62px 3px 64px;
width:475px;
}

	#landing_content h2 {
	font-size:18px; font-weight:bold; margin-bottom:8px;
	}

	#landing_content p {font-size:13px;
line-height:22px;
padding-top:25px;
width:247px;}
	
#address p {font-size:16px; margin-top:19px;}


/*landing columns*/

#l_col_land {float:left; width:211px; margin-right:43px;}

#r_col_land {float:left; width:211px;}
	
	
/*Contact Styles
--------------------*/

#contact_items {
background:transparent url(../img/contact_bg.png) no-repeat scroll 0 6px;
padding-bottom:500px;
position:absolute;
top:26px;
width:600px;
right:-130px;
}

#contact_content {
padding:48px 62px 3px 276px;
}

#address {padding:42px 2px 3px 345px; width:230px; font-size:12px; line-height:18px;}

	#address a {color:#8E6663;}
	#address a:hover {color:#898E5C;}

	#address h2 {
	font-size:18px; font-weight:bold; margin-bottom:8px;
	}
	
	
/*News Styles
--------------------*/

#news_items {
background:transparent url(../img/news_bg.png) no-repeat scroll 0 6px;
padding-bottom:562px;
position:absolute;
top:23px;
width:600px;
right:-190px;
}

.newsitem {float:left; width:310px; margin-bottom:15px;}

.newsitem a {color:#282828;}
.newsitem a:hover {color:#666666;}

.newsitem img, .newsitem h2, .newsitem p {float:left;}

.newsitem img {margin-right:10px;}

.newsitem h2, .newsitem p {width:170px;}




#news_section {font-size:12px;
line-height:18px;
padding:75px 2px 3px 74px;
width:250px;}

	#news_section h2 {
	font-size:18px; font-weight:bold; margin-bottom:8px;
	}
	
	#news_section p {margin-bottom:18px;}
	
	
/*Creations Styles
--------------------*/

#creations_items {
background:transparent url(../img/creations_bg.png) no-repeat scroll 0 6px;
padding-bottom:562px;
position:absolute;
top:25px;
width:695px;
right:-257px;
}

#creations_items a {color:#464646; text-decoration:none; font-size:18px; }

#creations_items a:hover {color:#949494;}


#creations_section {font-size:12px;
line-height:18px;
padding:83px 2px 3px 109px;
width:250px;}

#creations_items #thumbs ul.thumbs li a.thumb:hover {border:none;}


/*control section*/

#controls {
clear:left;
float:right;
margin:-28px 0 0 0;
padding:0 144px 3px 26px;
width:216px;
}

.ss-controls {float:left;}

.nav-controls {float:right; width:216px;}

.pagination {float:left; padding-left:25px; margin-top:10px; width:304px;}

	.pagination a, .nav-controls a, .pagination span {padding:4px; background-color:#fff2c4; border: 1px solid #BFB593; display:inline-block; margin:0px 2px 0px 0px;}
	

	
	

/*end controls section*/

.creation_caro ul {width:570px; float:left; padding-top:400px; padding-left:24px;
padding:61px 0 10px 25px;}

		.creation_caro ul li {float:left; margin-right:9px; display:inline;}

			.creation_caro ul li a {padding:4px; background: url(../img/thumb_bg.png) no-repeat 1px 1px; display:block;}


			
div.content {float:right;
width:550px;
float:left;
width:650px;
}

div.slideshow img {

	border: none;

	display: block;

}

#slideshow {
float:left;
padding:84px 18px 10px 98px;
width:307px;
}

#caption_area {float:left;
padding:136px 0 3px 20px;
width:191px;}

.caption {position:relative;}

#caption_area .caption p {position:absolute; font-size: 14px;}