/* file(core.css) */


*, body { padding:0; margin:0; }
img, a img { border:none; }
body {
	background:#fff;
	font-size:62.5%;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
a {color:#339999; text-decoration:none;}
a:hover {text-decoration:underline;}
h1, h2, h3, h4, h5, h6, p, ul, ol, blockquote {margin:1em 0; font-weight:normal;}
h1 {font-size:1.4em; text-transform:uppercase; font-weight:bold;}
ul, ol, blockquote {
	padding-left:2em;
}

/* forms */
form {
	background:#1a1a1a;
	padding:1em;
	margin:0 -10px 1em;
	color:#fff;
	text-align:left;
}
input, textarea {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#535353;
}
form a, form a:visited {
	color:#fff;
	text-decoration:underline;
}

@media screen {
	#box {
		border:1px solid #000;
		margin:6em auto;
		width:850px;
		font-size:1.1em;
	}
	#head {
		position:relative;
		height:210px;
	}
	#logo {
		position:absolute;
		top:0; right:0;
	}
	#nav, #nav li, #nav li a {
		list-style:none;
		margin:0; padding:0;
		display:block;
	}
	#nav {
		position:absolute;
		top:117px; left:30px;
		width:550px; height:38px;
	}
	#nav li {
		float:left;
		line-height:38px;
	}
	#nav li a {
		background:url(/assets/images/core/nav.gif) no-repeat 0 0;
		color:#242424;
		font-size:1.1em;
		text-decoration:none;
		text-transform:uppercase;
		text-indent:-999em;
		overflow:hidden;
		margin-right:13px;
	}
	#nav li a:hover {color:#339999;}

	#nav li.about-us a {background-position:0 0; width:77px;}
	#nav li.profile a {background-position:-95px 0; width:60px;}
	#nav li.projects a {background-position:-173px 0; width:75px;}
	#nav li.products a {background-position:-267px 0; width:78px;}
	#nav li.quote-upload a {background-position:-364px 0; width:30px;}
	#nav li.contact a {background-position:-413px 0; width:70px;}

	#about-us #nav li.about-us a, #nav li.about-us a:hover {background-position:0 -38px;}
	#profile #nav li.profile a, #nav li.profile a:hover {background-position:-95px -38px;}
	#projects #nav li.projects a, #nav li.projects a:hover {background-position:-173px -38px;}
	#products #nav li.products a, #nav li.products a:hover {background-position:-267px -38px;}
	#quote-upload #nav li.quote-upload a, #nav li.quote-upload a:hover {background-position:-364px -38px;}
	#contact #nav li.contact a, #nav li.contact a:hover {background-position:-413px -38px;}

	#content {
		padding:0 30px;
		width:790px; height:280px;
		overflow:hidden;
	}
	#column1, #column2 {
		float:left;
		position:relative;
		line-height:16px;
	}
	#column1 {
		background:#242424;
		color:#fff;
		width:486px; height:280px;
	}
	#column1.full {
		width:790px;
	}
	#column1 .copy {padding:10px 20px 0; height:270px; overflow-y:auto;}
	#column1 .copy a {color:#339999; /*color:#7898c1;*/}
	#column1 .copy a:hover {color:#fff;}
	#column1.full .copy {padding:10px 10px 0;}

	#column2 {width:294px; margin-left:10px;}
	#foot {
		position:relative;
		height:150px;
		overflow:hidden;
		color:#535353;
	}
	#details, #details li {
		list-style:none;
		margin:0; padding:0;
		display:block;
	}
	#details {
		position:absolute;
		left:30px; top:0;
		overflow:hidden;
		width:486px;
	}
	#details li {
		float:left;
		width:142px;
		padding:2em 10px;
	}
	.blindsAtelier {
		background:url(/assets/images/core/blindsAtelier_logo.gif) no-repeat 0 0;
		position:absolute;
		top:90px; left:40px;
		padding-left:45px;
		line-height:30px;
	}

	/*pager*/
	ul.pager, ul.pager li {
		list-style:none;
		margin:0; padding:0;
		display:block;
	}
	ul.pager {
		overflow:hidden;
		position:absolute;
		right:30px; bottom:20px;
	}
	ul.pager li {
		float:left;
		text-align:center;
		width:50px;
		margin:0 0 0 1px;
	}
	ul.pager li a {
		background:#111;
		text-decoration:none;
		display:block;
		width:40px;
		padding:2px 5px;
		cursor:pointer;
	}

	/*profile*/
	ul.profile-list, ul.profile-list li,
	ul.profile-detail, ul.profile-detail li {
		list-style:none;
		margin:0; padding:0;
		display:block;
	}
	ul.profile-list li, ul.profile-detail li {
		padding:1em 1em 1em 11em;
		margin:0 -10px 1em;
		min-height:100px;
	}
	ul li.r-nowicki {background:url(/assets/images/profile/profile_r-nowicki.jpg) no-repeat 10px 10px;}
	ul li.g-anderson {background:url(/assets/images/profile/profile_g-anderson.jpg) no-repeat 10px 10px;}
	ul.profile-list li:hover {
		cursor:pointer;
		background-color:#1a1a1a;
	}
	ul.profile-detail li {line-height:13px;}

	/*projects*/
	ul.project-list, ul.project-list li,
	ul.project-detail, ul.project-detail li {
		list-style:none;
		margin:0; padding:0;
		display:block;
	}
	ul.project-list li {
		float:left;
		margin-right:10px;
		padding:1em 10px;
		width:164px;
	}
	ul.project-detail li {
		padding:1em 10px;
	}
	ul.project-list li .img {
		background:#111;
		text-align:center;
		overflow:hidden;
		width:164px; height:100px;
	}
	ul.project-detail li .img {
		background:#111;
		text-align:center;
		overflow:hidden;
		width:280px; height:200px;
		float:right;
		margin-left:20px;
	}
	ul.project-list li strong, ul.project-detail li strong {
		font-size:1.1em;
	}
	ul.project-list li:hover {
		cursor:pointer;
		background-color:#1a1a1a;
	}

	/*lists*/
	ul.list, ul.list li {
		list-style:none;
		margin:1em 0;
		padding:0;
	}
	ul.indent {padding-left:1em;}
	ul.list li {
		background:url(/assets/images/core/list_bull.gif) no-repeat 0 5px;
		padding-left:15px;
	}

	/*faq*/
	ul.faq, ul.faq li {
		list-style:none;
		margin:0; padding:0;
		display:block;
	}
	ul.faq li {
		margin:1em -10px; padding:5px 10px;
	}
	ul.faq li:hover {
		cursor:pointer;
		background-color:#1a1a1a;
	}
	ul.faq .question {
		background:url(/assets/images/core/list_bull.gif) no-repeat 0 5px;
		padding-left:15px;
	}
	ul.faq .question a {text-decoration:none;}
	ul.faq .answer {display:none; padding-left:15px;}
}

@media print {}
