<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
We don't want to reproduce every style that we use in the site. We just want to give the
user some options without ceding control.
*/
.red_text { color: red; }
.header_menu {
	widthx:1100px;
	min-widthx:1000px;
	float:left;
	margin-top:40px;
	z-index:10;
}
.header_menu a{
	font: normal 15px/14px "Quicksand",Arial,sans-serif;
	color: #000;
	text-decoration:none;
}
.header_menu a:hover{
	color: #983101;
	text-decoration:underline;
}

ul#level-one{
	height: 48px;
	position: relative;
	list-style: none;
	line-height:38px;
	z-index:10;
}
ul#level-one li:before {
	content: "/  ";
	padding: 0 4px;
}

ul#level-one li:first-child:before {
	content: "";
}

ul#level-two li:before {
	content: "";
}

ul#level-one li{
	float: left;
	font: bold normal 14px/14px "Quicksand",Arial,sans-serif;
	color: #737c9f;
	padding: 15px 0 15px 8px;
	z-index:10;
}
ul#level-one li a{
	font-weight:bold;
}
ul#level-one li a:hover{
	text-decoration: none;
}
ul#level-two:before{
	content:url(../images/level2_before.png);
	margin-top:0;
}
ul#level-two:after{
	content:url(../images/level2_after.png);
	margin-top:0;
}
ul#level-two{
	list-style: none;
	display:none;
	position:absolute;
	top:36px;
	padding:0 0 20px;
	width:250px;
	z-index:10;
	margin-left:-50px;
}
ul#level-two li a{
	font-weight:normal;
}
ul#level-two li{
	width:250px;
	padding-left:4px ;
	line-height: 32px;
	background:#fafafa;
	z-index:10;
	margin: -2px 0 -5px 0;
	color: #737c9f;
}
ul#level-two li:hover{
	background:#ececec 

}
ul#level-three{
	list-style: none;
	display:none;
	position:absolute;
	width:250px;
	border: none;
	z-index:10;
	margin-left: 250px;
	margin-top: -45px;
    padding:0 0 20px;
}
ul#level-three li{
	font: normal normal 14px/14px "Quicksand",Arial,sans-serif;
	color:#404041;
	width:246px;
	padding-left:4px ;
	height: 32px;
	border: none;
	color: #737c9f;
	background:#fafafa;
}
ul#level-three li:hover {
	background:#ececec;
}
ul#level-three li a{
	text-decoration:none;
}
ul#level-three li a:hover{
	text-decoration:none;
}
ul#level-one li:hover &gt; ul#level-two,ul#level-two li:hover &gt; ul#level-three, ul#level-three li:hover  {
	display: block;
}

.header {
	height:110px;
	widthx:1533px;
	width:100%;
	margin: 0 auto;
	z-index: 0;
}
.logo {
	marginx: 0 90px;
	margin:0 auto;
	float:left;
	height:110px;
}

.footer-bar {
	widthx:1533px;
	width:100%;
	background: #dddddd url(../images/footer_bg2.png) no-repeat;
	margin: 0 auto 50px;
	clear:both;
}
.copyright {
	width:30%;
	float:left;
	margin-top:25px;
	margin-leftx:100px;
	margin-left:5%;
	font: normal 14px/18px "Source Sans Pro",Arial,sans-serif;
	color:#333435;
}
.footer-address{
	width:30%;
	float:left;
	margin-top:15px;
	text-align:center;
}
.footer-address p{
	font: normal 14px/24px "Quicksand",Arial,sans-serif;
	color:#333435;
}
.footer-address h4 {
	font: normal 18px/8px "Quicksand",Arial,sans-serif;
	color:#333435;
	margin-top:0;
}
.footer-address-phone {
	font: normal 18px/8px "Quicksand",Arial,sans-serif;
	color:#333435;
	margin-top:0;
}
.social-box {
	width: 100px;
	height:70px;
	float:left;
	margin:50px auto 0;
}
.social-box a {
	display: inline-block;
	vertical-align: top;
	margin: 0 0 0 9px;
	width: 16px;
	height: 16px;
	background: url(../images/social_sprite.png) left top no-repeat;
}
.social-box a:first-child {
	margin-left: 0;
}
.social-box a.facebook { background-position: 0px 0px; }
.social-box a.facebook:hover { background-position: 0px -16px; }
.social-box a.twitter { background-position: -23px 0px; }
.social-box a.twitter:hover { background-position: -23px -16px; }
.social-box a.instagram { background-position: -48px 0px; }
.social-box a.instagram:hover { background-position: -48px -16px; }
.social-box a.linkedin { background-position: -72px 0px; }
.social-box a.linkedin:hover { background-position: -72px -16px; }


.powered-by {
	width:30%;
	height:70px;
	float:left;
	margin-right:5%;
	margin-top:50px;
	font: normal 14px/18px "Source Sans Pro",Arial,sans-serif;
	color: #333435;
	text-align: right;
}
a.powered-by img {
	border: 0 none;
}
.powered-by a {
	display: inline-block;
	vertical-align: middle;
	color: #a1a1a1;
	text-decoration: underline;
	font-weight: normal;
	padding-right: 66px;
	background: url(../images/graphtek-cms.png) right top no-repeat;
}
.powered-by a:hover {
	color:#983101;
}
.gallery-page {
	width:90%;
	margin: 20px 100px;
	clear:both;
}
.project-link {
	width:410px;
	height:410px;
	text-align:center;
	float:left;
	padding:20px 0;
	font: 14px/20px "Quicksand",Arial,sans-serif;
}

.content-page{
	widthx:800px;
	width:42%;
	margin: 20px 100px;
}
.contactus-box {
	margin: 20px 100px;
}
.contactus-left {
	margin: 0 30px;
	widthx:400px;
	width:21%;
	float:left;
}
.contactus-left h3 {
	font: bold 16px/26px "Quicksand",Arial,sans-serif;
	color:#000;
	margin-bottom:10px;
}
.contactus-left p {
	font: normal 14px/24px "Quicksand",Arial,sans-serif;
	color:#121212;
}
.contactus-right {
	float:left;
	widthx:600px;
	width:50%;
	margin-bottom: 20px;
}
.title-box {
	clear:both;
	widthx:1000px;
	width:52%;
}
.project-content {
	clear:both;
	widthx:800px;
	width:42%;
	text-align:center;
	margin: 50px auto;
}
.hero-description {
	height:35px;
	margin: -105px auto 0;
	text-align:center;
	width:100%;
	z-index:100;
}
.hero-description span{
	background:#fff;
	font: normal 18px/8px "Quicksand",Arial,sans-serif;
	color:#000;
	padding:20px;
	opacity: 0.60;
	-moz-opacity: 60%;
	-webkit-opacity: 60%
}
.hero-pane {
}
.hero-pane img {
	min-height:700px;
	margin: 0 auto;
	display:block;
}
.main-box {
	max-width:1533px;
	margin:0 auto;
	display:block;
}</pre></body></html>