/* --- Paris Design Theme for SilverStripe 2.4.7 --- */
/* --- Designed by Graham Campbell --- */


@media only screen and (max-device-width: 940px) { 
    html { 
        -webkit-text-size-adjust:none;
		-ms-text-size-adjust:none; 
    }
} 


/* --- core layout --- */


/* --- global --- */
html{	
	width: 100%;
	height: 100%;
	background: #fff;
}
body {
	width: 100%;
	height: 100%;
}
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
a img{
	border: 0;
}
.clear{
	clear: both;
}
/* --- end global --- */


/* --- content container --- */
#Main {
	width: 940px;
	min-height: 100%;
	position: relative;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}

#Layout {
	width: auto;
	height: 100%;
	display: block;
	position: relative;
	margin: 0 auto 0 auto;
	padding: 20px 0 40px 0;
	overflow: hidden;
	border-top: none;
	border-bottom: none;
	overflow: hidden;
}
#Content {
	width: 750px;
	float: right;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#Footer {
	width: 940px;
	height: 40px;
	display: block;
	position: relative;
	margin: -40px auto 0 auto;
	clear: both;
}
/* --- end content containers --- */


/* --- header --- */
#Header { 
 	width: 940px;
	position: relative;
 	margin: 45px auto 0 auto;
	padding: 0;
	overflow: hidden;
}
/* --- end header --- */


/* --- logo - right hand div in header --- */
#Logo {
	width: 180px;
	float: left;
	position: relative;
	overflow: hidden;
}
#Logo a {
	display: block;
	font-size: 0.9em;
	font-weight: bold;
	color: #ff0000;
	text-transform: capitalize;
	text-decoration: none;
}
#Logo a:hover {
	color: #ff0000;
	text-decoration: none;
}
#Logo img,
#Logo img a {
	border: none;	
}
/* --- end logo --- */


/* --- main navigation - left hand div in header --- */
#Menu1 {
	width: 750px;
	position: absolute;
	overflow: hidden;
	bottom: 0;
	right: 0;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	border-bottom: medium solid #999;
	font-family: Arial, Helvetica, sans-serif; 	
}
#Menu1 ul { 
 	float: right;
	list-style: none; 
}
#Menu1 ul li { 
 	float: left;
	list-style: none; 
}
#Menu1 ul li a { 
	display: block; 
	margin: 0;
	padding: 0 0 0 30px;
	border-right: none;
	font-size: 0.9em;
	font-weight: bold;
	color: #000;
	text-transform: /* capitalize */;
	text-decoration: none;
}			
#Menu1 ul li a:hover,
#Menu1 ul li a.current,
#Menu1 ul li a.section,
#Menu1 ul li a.section:hover,
#Menu1 ul li a.current:hover {  
	color: #ff0000;
	text-decoration: none;
}									
#Menu1 ul li.last a { /* --- style first menu item independently of other menu others --- */
	padding: 0 0 0 30px;
	border: none;
}
#Menu1 ul li.ViewCart a { /* --- for minicart module - cart link is included in the navigation template --- */
	padding: 0 0 0 20px;
}
/* --- end main navigation --- */


/* --- sidebar --- */
#Sidebar { 
 	width: 150px;
	float: left; 
	margin: 0 40px 0 0;
	padding: 0;
}
/* --- end sidebar --- */


/* --- secondary navigation --- */
ul#Menu2 {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif; 
}
ul#Menu2 li {
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: none;
}
ul#Menu2 li a {
	display: block;
	margin: 5px 0 5px 0;
	padding: 0;
	font-size: 0.9em;
	font-weight: bold;
	color: #999;
	text-transform: /* capitalize */;
	text-decoration: none;
}   	
ul#Menu2 li a:hover,
ul#Menu2 li a.current,
ul#Menu2 li a.current:hover,
ul#Menu2 li a.section span {
	color: #ff0000;
	text-decoration: none;
}
ul#Menu2 li a.levela {
    padding: 0;
}
ul#Menu2 li.first a { /* --- important: makes first menu item align to top of div --- */
	margin: 0 0 5px 0;
}
/* --- sub menu --- */
ul#Menu2 li ul li {
	border-bottom: none;
}
ul#Menu2 li a.levelb {
    padding: 0 0 0 10px;
	font-size: 0.8em;
	
	font-weight: normal;	
}
/* --- secondary navigation --- */


/* --- breadcrumbs --- */
#Breadcrumbs {
	width: auto;
	margin: 0 0 20px 0;
	padding: 0;
}
#Breadcrumbs p {
	font-size: 0.9em;
	color: #000;
	text-transform: capitalize;
}
#Breadcrumbs a {
	color: #000;
	text-decoration: none;
}
#Breadcrumbs a:hover {
	color: #ff0000;
	text-decoration: none;
}
/* --- end breadcrumbs --- */


/* --- footer --- */
#Copyright {
	width: auto;
	height: 100%;
	display: table;
	float: right;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;	
}
#Copyright p {
	display: table-cell;
	vertical-align: middle; 
	font-size: 0.7em;
	color: #999;
}
#Copyright a {
	color: #999;
	text-decoration: none; 
}
#Copyright a:hover {
	color: #666;
	text-decoration: none;
}
/* --- end footer --- */


/* --- end copyright --- */


/* --- links - right hand div in footer --- */
#Links {
	float: left;
	margin: 0;
	padding: 0;
}
#Links span {
	float: left;
	margin: 0;
	padding: 0 10px 0 10px;
	border-right: thin solid #000;
}
#Links span.firstLink {
	float: left;
	margin: 0;
	padding: 0 10px 0 0;
	border-right: thin solid #000;
}
#Links span.lastLink {
	float: left;
	margin: 0;
	padding: 0 0 0 10px;
	border-right: none;
}
/* --- end links --- */


/* --- end core layout --- */




/* --- custom page templates --- */


/* --- news/staff/project holder --- */
#Content h2.newsTitle,
#Content h3.newsTitle,
#Content h2.staffTitle,
#Content h3.staffTitle,
#Content h2.projectTitle,
#Content h3.projectTitle,
#Content h2.newsTitle a,
#Content h3.newsTitle a,
#Content h2.staffTitle a,
#Content h3.staffTitle a,
#Content h2.projectTitle a,
#Content h3.projectTitle a {
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
#Content h2.newsTitle a:hover,
#Content h3.newsTitle a:hover,
#Content h2.staffTitle a:hover,
#Content h3.staffTitle a:hover,
#Content h2.projectTitle a:hover,
#Content h3.projectTitle a:hover {
	font-weight: bold;	
	color: #ff0000;
	text-decoration: none;
}
#Content p.newsMeta,
#Content p.staffMeta,
#Content p.projectMeta {
	color: #000;
}
#Content p.newsNav a,
#Content p.staffNav a,
#Content p.projectNav a {
	color: #000;
	text-decoration: none;
}
#Content p.newsNav a:hover,
#Content p.staffNav a:hover,
#Content p.projectNav a:hover {
	color: #ff0000;
	text-decoration: none;
}
/* --- end news/staff/project holder --- */


/* --- search bar --- */
#SearchBar {
	width: 940px;
 	margin: 5px auto 0 auto;
	padding: 0;
	font-size: 0.9em;
}
#SearchForm_SearchForm {
	width: 200px;
	float: right;
	border: thin solid #000;
}
#SearchForm_SearchForm_Search {
	width: 190px;
	margin: 5px;
	padding: 0;
	border: none;
	outline: none;
	background-color: transparent;
	color: #000;
}
/* --- end search bar --- */


/* --- search results --- */
#Content p.searchQuery {
	color:#000;
}
#Content a.searchResultHeader {
	color: #ff0000;
	text-decoration: none;
}
#Content a.searchResultHeader:hover {
	color: #ff0000;
	text-decoration: none;
}
#Content a.readMoreLink {
	color: #000;
	text-decoration: none;
}
#Content a.readMoreLink:hover {
	color: #ff0000;
	text-decoration: none;
}
span.highlight { /* --- highlight search term in results --- */
	font-weight: bold;
	color: #ff0000;
}
/* --- end search results --- */


/* --- search results page navigation --- */
#Content span.SearchPageNext,
#Content span.SearchPagePrev,
#Content span.SearchPageLink,
#Content span.SearchPageCurrent {
	float: left;
	font-size: 0.9em;
}
#Content span.SearchPageNext a,
#Content span.SearchPagePrev a,
#Content span.SearchPageLink a {
	color: #000;
	text-decoration: none;
}
#Content span.SearchPageNext a:hover,
#Content span.SearchPagePrev a:hover,
#Content span.SearchPageLink a:hover {
	color: #ff0000;
	text-decoration: none;
}
#Content span.SearchPageNext {
	margin: 0 0 0 5px;
}
#Content span.SearchPagePrev {
	margin: 0 5px 0 0;
}
#Content span.SearchPageLink {
	margin: 0 5px 0 5px;
}
#Content span.SearchPageCurrent {
	margin: 0 5px 0 5px;
	color: #ff0000;
}
/* --- end search results page navigation --- */


/* --- project holder --- */
#ProjectHome {
	width: 750px;
	display: block;
	float: right;
	margin: 0 auto 0 auto;
	padding: 20px 0 0 0;
	overflow: hidden;
	border-bottom: none;
}
#ProjectCategory {
	width: 230px;
	float: left;
	position: relative;
	margin: 0 25px 25px 25px;
	cursor: pointer;
}
#ProjectCategory:nth-child(3n+1) {
	margin: 0 0 25px 0;
}
#ProjectCategory:nth-child(3n+3) {
	margin: 0 0 25px 0;
}
#ProjectCategory:hover > #ProjectCategoryOverlay {
	display: block;
}
#ProjectCategoryImage {
	position: relative;
}
#ProjectCategoryImage img {
	width: 230px;
	height: 172px;
	display: block;
}
#ProjectCategoryOverlay {
	width: 100%;
	height: 100%;
	display: none;	
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: rgba(0,0,0,0.5);
}
#ProjectCategoryName {
	width: 100%;
	height: 100%;
	display: table;	
}
#ProjectCategoryName a {
	display: table-cell; 
  	padding: 5px;
	vertical-align: middle; 
	font-weight: bold;
	font-size: 0.9em;
	color: #fff;
	text-align: center;
	text-decoration: none;
}
/* --- end project holder --- */


/* --- project category list --- */
#ProjectListing {
	width: 750px;
	display: block;
	float: right;
	margin: 0 0 20px 0;
}
#ProjectPreview {
	width: 230px;
	float: left;
	position: relative;
	margin: 0 20px 0 0;
	cursor: pointer;
}
#ProjectPreview:hover > #ProjectPreviewOverlay {
	display: block;
}
#ProjectPreviewImage {
	position: relative;
}
#ProjectPreviewImage img {
	width: 230px;
	height: 172px;
	display: block;
}
#ProjectPreviewOverlay {
	width: 100%;
	height: 100%;
	display: none;	
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: rgba(0,0,0,0.5);
}
#ProjectPreviewName {
	width: 100%;
	height: 100%;
	display: table;
}
#ProjectPreviewName a {
	display: table-cell; 
  	padding: 5px;
	vertical-align: middle; 
	font-weight: bold;
	font-size: 0.9em;
	color: #fff;
	text-align: center;
	text-decoration: none;
}
#ProjectPreviewData {
	width: 380px;
	display: block;
	float: left;
	margin: 0;
}
#ProjectPreviewData p {
	width: 100%	
}
#ProjectPreviewData a {
	display: block;
	font-weight: bold;
	font-size: 1.2em;
	color: #000;
	text-decoration: none;
}
/* --- end project category list --- */


/* --- project page --- */
#ProjectImage {
	width: auto;
}
#ProjectImage img {
	display: block;
}
#ProjectDescription {
	width: 66%;
	border-bottom: thin solid #bfbfbf;	
}
#ProjectDescription p {
	width: 100%;	
}
#ProjectDetails {
	width: 600px;
}
/* --- end project page --- */


/* --- Client page --- */
#Client {
	width: auto;
	position: relative;
	margin: 0;
	display: block;
}
#Client:nth-child(odd) {
	/*float: left;*/
}
#Client:nth-child(even) {
	/*float: right;*/
}
#Client strong {
	color: #000;
}
/* --- End Client Page --- */


/* --- Home Page --- */
#HomeCategory {
	width: 172.5px;
	float: left;
	position: relative;
	margin: 0 20px 0 0;
	cursor: pointer;
}
#HomeCategory p {
	width: 100%;
}
#HomeCategory:nth-child(4n+1) {
	margin: 0;
}

#HomeCategory:hover > #HomeCategoryOverlay {
	display: block;
}
#HomeCategoryImage {
	position: relative;
	margin: 0 0 10px 0;
}
#HomeCategoryImage img {
	width: 172.5px;
	height: 129.375px;
	display: block;
}
#HomeCategoryOverlay {
	width: 100%;
	height: 129.375px;
	display: none;	
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: rgba(0,0,0,0.5);
}
#HomeCategoryName {
	width: 100%;
	height: 100%;
	display: table;	
}
#HomeCategoryName a {
	display: table-cell; 
  	padding: 5px;
	vertical-align: middle; 
	font-weight: bold;
	font-size: 0.9em;
	color: #fff;
	text-align: center;
	text-decoration: none;
}

/* --- product section - template from GC LLC --- */
/* --- Portfolio Grid --- */
.PortfolioListing {
	width: 230px;
	height: 172px;
	float: left;
	position: relative;
	overflow: hidden;
	margin: 0 25px 25px 25px;
	cursor: pointer;
}
.PortfolioListing:nth-child(3n+1),
.PortfolioListing:nth-child(3n+3) {
	margin: 0 0 25px 0;
}
.PortfolioListing:hover > .PortfolioListingName {
	bottom: 0;
}
.PortfolioListingImage {
	position: relative;
}
.PortfolioListingImage img {
	width: auto;
	height: 172px;
	display: block;
	overflow: none;	
	margin: 0 auto;
}
.PortfolioListingName {
	width: 230px;
	height: 172px;
	display: table;
	position: absolute;
	bottom: -172px;
	left: 0;
	margin: 0;
	padding: 0;
	background: rgba(0,0,0,0.5);
}
.PortfolioListingName p {
	display: table-cell; 
	vertical-align: middle; 
	font-weight: normal;
	font-size: 0.9em;
	color: #fff;
	text-align: center;
	text-decoration: none;
}
.PortfolioListingName strong {
	font-weight: bold;
	color: #fff;	
}
/* --- End Portfolio Grid --- */


/* --- Portfolio Page --- */
#PortfolioPageContent {
	width: 480px;
	float: left;	
	position: relative;
	padding: 0 20px 0 0;
}
#PortfolioPageDescription,
#PortfolioPageDescription p {
	width: 100%;
	margin: 0;
}
#PortfolioPageDetails {
	width: 100%;
	margin: 0;
}
#PortfolioPageDetails table {
	width: auto;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
	border: none;
	font-size: 0.8em;
	color: #999;
}
#PortfolioPageDetails table tr {
	border: none;
	background: none;
}
#PortfolioPageDetails tr:nth-child(even) {
	background: none;
}
#PortfolioPageDetails table td.label {
	padding: 0 20px 0 0;
	border: none;
}
#PortfolioPageDetails table td.data {
	padding: 0;
	border: none;
}
#PortfolioPageMerchant {
	width: 220px;
	float: left;
	padding: 0 0 0 20px;
}
#PortfolioPageMerchant h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #666;
}
#PortfolioPageMerchant input::-moz-focus-inner { /* --- remove button padding in firefox - keeps content vert. aligned -- */
	border: 0;
	padding: 0;
}
#PortfolioPageMerchant input.button {
	width: auto;
	height: 25px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin: 0;
	padding: 0 10px;
	border: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	outline: none;
	font-size: 0.8em;
	color: #fff;
	background-color: #ff0000;
	cursor: pointer;
}
#PortfolioPageMerchant input.button:hover,
#PortfolioPageMerchant input.button:focus {
	color: #fff;
	background-color: #666;
}
/* --- Portfolio Page --- */