@font-face {
    font-family: 'SofiaProLight';
    src: url('../webfonts/SofiaProLight-webfont.eot');
    src: url('../webfonts/SofiaProLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/SofiaProLight-webfont.woff') format('woff'),
         url('../webfonts/SofiaProLight-webfont.ttf') format('truetype'),
         url('../webfonts/SofiaProLight-webfont.svg#SofiaProLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
	margin: 0px;
	padding: 0px;
	background-image: url(../images/background.jpg);
	background-repeat: repeat-x;
	font-family: SofiaProLight, Arial, Helvetica, Geneva, sans-serif;
	color: #151515;
	background-color: #2f2f2f;
}
h1 {
	font-size: 15px;
	color: #151515;
	text-decoration: none;
	line-height: 15px;
	padding: 0px;
	font-weight: normal;
	text-align: center;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
h2 {
	font-size: 15px;
	color: #151515;
	text-decoration: none;
	line-height: 15px;
	padding: 0px;
	font-weight: normal;
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
h3 {
	font-size: 15px;
	color: #151515;
	text-decoration: none;
	line-height: 15px;
	padding: 0px;
	font-weight: normal;
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
h4 {
	font-size: 13px;
	color: #151515;
	margin-bottom: 5px;
	padding: 0px;
	margin-top: 0px;
	font-weight: normal;
}
h5 {
	font-family: SofiaProLight, Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #151515;
	line-height: 25px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-weight: normal;
}
h6 {
	font-size: 14px;
	color: #151515;
	text-decoration: none;
	line-height: 14px;
	padding: 0px;
	font-weight: normal;
	text-align: center;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 13px;
	margin-left: 0px;
}
a {
	text-decoration: none;
	color: #ffffff;
}
p {
	line-height: 18px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 14px;
}
ul {
	font-size: 14px;
	line-height: 18px;
	margin: 15px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
li {
	list-style-image: url(../images/arrow.png);
	line-height: 18px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	padding: 0px;
}
.links {
	color: #151515;
	text-decoration: underline;
}
.spacer {
	font-size: 18px;
	line-height: 30px;
	color: #FFFFFF;
}
.designs {
	margin: 0px;
	padding: 0px;
}
.button {
	float: left;
	height: 15px;
	color: #666666;
	font-size: 11px;
	line-height: 11px;
	width: 15px;
	text-align: center;
	margin-left: 2px;
	font-family: Arial, Helvetica, sans-serif;
	background-position: center center;
	text-decoration: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../images/nav-button.jpg);
	background-repeat: no-repeat;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.nav-links {
	font-family: SofiaProLight, Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #151515;
	line-height: 25px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-weight: normal;
}
#wrapper {
	padding: 0px;
	height: 760px;
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#header {
	padding: 0px;
	float: left;
	height: 70px;
	width: 1000px;
	background-image: url(../images/insite-web-text.png);
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#banner {
	margin: 0px;
	float: left;
	height: 275px;
	width: 922px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 78px;
}
#slideshow {
	height: 275px;
	width: 845px;
	float: left;
}
#slideshow img {
	height: 275px;
	width: 845px;
	display: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
#slideshow  img.first  {
	display: block;
}
.slideshow {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
#banner-1 {
	float: left;
	height: 245px;
	width: 450px;
	background-image: url(../images/banner-1.png);
	padding-left: 50px;
	padding-top: 30px;
	padding-right: 345px;
	display: block;
	background-position: center;
}
#banner-2 {
	float: left;
	height: 245px;
	width: 530px;
	background-image: url(../images/banner-2.png);
	padding-left: 270px;
	padding-top: 30px;
	padding-right: 45px;
	display: none;
	background-position: center;
}
#banner-3 {
	float: left;
	height: 245px;
	width: 555px;
	background-image: url(../images/banner-3.png);
	padding-left: 50px;
	padding-top: 30px;
	padding-right: 240px;
	display: none;
	background-position: center;
}
#banner-4 {
	float: left;
	height: 245px;
	width: 525px;
	background-image: url(../images/banner-4.png);
	padding-left: 50px;
	padding-top: 30px;
	padding-right: 270px;
	display: block;
	background-position: center;
}
#banner-5 {
	float: left;
	height: 245px;
	width: 450px;
	background-image: url(../images/banner-5.png);
	padding-left: 365px;
	padding-top: 30px;
	padding-right: 30px;
	display: none;
	background-position: center;
}
#banner-6 {
	float: left;
	height: 245px;
	width: 450px;
	background-image: url(../images/banner-6.png);
	padding-left: 50px;
	padding-top: 30px;
	padding-right: 345px;
	display: none;
	background-position: center;
}
#banner-7 {
	float: left;
	height: 245px;
	width: 485px;
	background-image: url(../images/banner-7.png);
	padding-left: 310px;
	padding-top: 30px;
	padding-right: 50px;
	display: block;
	background-position: center;
}
#banner-8 {
	float: left;
	height: 245px;
	width: 550px;
	background-image: url(../images/banner-8.png);
	padding-left: 50px;
	padding-top: 30px;
	padding-right: 245px;
	display: none;
	background-position: center;
}
#banner-9 {
	float: left;
	height: 245px;
	width: 575px;
	background-image: url(../images/banner-9.png);
	padding-left: 250px;
	padding-top: 30px;
	padding-right: 20px;
	display: none;
	background-position: center;
}
#banner-10 {
	float: left;
	height: 245px;
	width: 525px;
	background-image: url(../images/banner-10.png);
	padding-left: 270px;
	padding-top: 30px;
	padding-right: 50px;
	display: block;
	background-position: center;
}
#banner-11 {
	float: left;
	height: 245px;
	width: 550px;
	background-image: url(../images/banner-11.png);
	padding-left: 50px;
	padding-top: 30px;
	padding-right: 245px;
	display: none;
	background-position: center;
}
#banner-12 {
	float: left;
	height: 245px;
	width: 495px;
	background-image: url(../images/banner-12.png);
	padding-left: 300px;
	padding-top: 30px;
	padding-right: 50px;
	display: none;
	background-position: center;
}
#casestudy-1 {
	float: left;
	height: 245px;
	width: 525px;
	background-image: url(../images/casestudy-1.png);
	padding-left: 50px;
	padding-top: 30px;
	padding-right: 270px;
	display: block;
	background-position: center;
}
#casestudy-2 {
	float: left;
	height: 245px;
	width: 435px;
	background-image: url(../images/casestudy-2.png);
	padding-left: 360px;
	padding-top: 30px;
	padding-right: 50px;
	display: none;
	background-position: center;
}
#casestudy-3 {
	float: left;
	height: 245px;
	width: 480px;
	background-image: url(../images/casestudy-3.png);
	padding-left: 50px;
	padding-top: 30px;
	padding-right: 315px;
	display: none;
	background-position: center;
}



#buttons {
	height: 20px;
	width: 77px;
	float: left;
	padding-top: 220px;
}
#menu {
	height: 35px;
	width: 973px;
	line-height: 30px;
	text-align: center;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 27px;
	font-size: 17px;
}
#menu a:hover {
	line-height: 30px;
	text-align: center;
	font-size: 18px;
}
#menu-home {
	height: 30px;
	width: 128px;
	line-height: 30px;
	float: left;
	padding-left: 0px;
}
#menu-space1 {
	height: 30px;
	width: 2px;
	line-height: 30px;
	float: left;
	text-align: left;
	color: #FFFFFF;
}
#menu-web {
	height: 30px;
	width: 128px;
	line-height: 30px;
	float: left;
}
#menu-space2 {
	height: 30px;
	width: 2px;
	line-height: 30px;
	float: left;
	text-align: left;
	color: #FFFFFF;
}
#menu-graphic {
	height: 30px;
	width: 163px;
	line-height: 30px;
	float: left;
}
#menu-space3 {
	height: 30px;
	width: 2px;
	line-height: 30px;
	float: left;
	text-align: left;
}
#menu-portfolio {
	height: 30px;
	width: 170px;
	line-height: 30px;
	float: left;
}
#menu-space4 {
	height: 30px;
	width: 2px;
	line-height: 30px;
	float: left;
	text-align: left;
}
#menu-training {
	height: 30px;
	width: 190px;
	line-height: 30px;
	float: left;
}
#menu-space5 {
	height: 30px;
	width: 2px;
	line-height: 30px;
	float: left;
	text-align: left;
}
#menu-contact {
	height: 30px;
	width: 157px;
	line-height: 30px;
	float: left;
}
#main-body {
	margin: 0px;
	float: left;
	width: 900px;
	padding-top: 10px;
	padding-right: 50px;
	padding-bottom: 0px;
	padding-left: 50px;
	height: 285px;
	font-size: 14px;
	font-family: SofiaProLight, Arial, Helvetica, Geneva, sans-serif;
	color: #151515;
}
#main-body a {
	text-decoration: underline;
	color: #151515;
}
#main-body a:hover {
	text-decoration: underline;
	color: #02810C;
}
#main-body-col1 {
	width: 620px;
	float: left;
	height: 115px;
}
#main-body-col2 {
	width: 260px;
	float: left;
	height: 110px;
	padding-left: 20px;
	background-image: url(../images/prices.png);
	padding-top: 5px;
}
#main-body-col3 {
	width: 310px;
	float: left;
	height: 110px;
	padding-left: 20px;
	background-image: url(../images/services.png);
	padding-top: 5px;
	margin-left: 95px;
	margin-top: 20px;
}
#main-body-col4 {
	width: 310px;
	float: left;
	height: 110px;
	padding-left: 20px;
	background-image: url(../images/services.png);
	padding-top: 5px;
	margin-left: 50px;
	margin-top: 20px;
}
#services-wrap {
	float: left;
	height: 155px;
	width: 900px;
}
#stationery-left {
	float: left;
	height: 100px;
	width: 250px;
}
#stationery-right {
	float: left;
	height: 100px;
	width: 290px;
}
#photos-left {
	float: left;
	height: 80px;
	width: 200px;
}
#photos-right {
	float: left;
	height: 80px;
	width: 200px;
}
#footer-text {
	float: left;
	height: 25px;
	width: 1000px;
	font-size: 12px;
	font-weight: normal;
	line-height: 25px;
	text-align: center;
	color: #60B91A;
	margin-top: 5px;
}
#footer-text a {
	color: #60B91A;
	text-decoration: none;
}
#footer-text a:hover {
	color: #60B91A;
	text-decoration: none;
}
#footer {
	float: left;
	height: 25px;
	width: 700px;
	font-size: 12px;
	font-weight: normal;
	line-height: 25px;
	text-align: center;
	color: #60B91A;
}
#footer-right {
	float: left;
	height: 20px;
	width: 350px;
	font-size: 12px;
	font-weight: normal;
	line-height: 15px;
	text-align: center;
	color: #60B91A;
	padding-top: 10px;
}
#footer-left {
	float: left;
	height: 20px;
	width: 350px;
	font-size: 12px;
	font-weight: normal;
	line-height: 15px;
	text-align: center;
	color: #60B91A;
	padding-top: 10px;
}
#validation {
	text-align: center;
	margin-top: 0px;
	height: 20px;
	width: 300px;
	float: left;
	padding-top: 10px;
}
#gallery-body-wrap {
	float: left;
	height: 570px;
}
#gallery-wrap {
	margin: 0px;
	float: left;
	height: 400px;
	width: 1000px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#gallery-wrap ul {
	padding-left: 20px;
}
#gallery-wrap  a:hover {
	text-decoration: underline;
	color: #02810C;
}
#gallery-left-panel {
	float: left;
	height: 330px;
	width: 300px;
	padding-right: 10px;
	padding-left: 10px;
	text-align: left;
	background-image: url(../images/gallery.png);
	background-repeat: no-repeat;
	padding-top: 20px;
	background-position: center center;
	margin-left: 20px;
}
#gallery-centre-panel {
	float: left;
	height: 330px;
	width: 300px;
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 10px;
	padding-left: 10px;
	text-align: left;
	background-image: url(../images/gallery.png);
	background-repeat: no-repeat;
	padding-top: 20px;
	background-position: center center;
}
#gallery-right-panel {
	float: left;
	height: 330px;
	width: 300px;
	padding-right: 10px;
	padding-left: 10px;
	text-align: left;
	background-image: url(../images/gallery.png);
	padding-top: 20px;
	background-repeat: no-repeat;
	background-position: center center;
}
#gallery-navigation {
	float: left;
	height: 25px;
	width: 1000px;
	margin-top: 15px;
	text-align: center;
	text-decoration: none;
	color: #151515;
}
#gallery-navigation a {
	text-decoration: none;
	line-height: 25px;
}
#gallery-navigation a:hover {
	text-decoration: none;
	font-size: 15px;
	line-height: 25px;
	color: #02810C;
}
#gallery-bottom {
	margin: 0px;
	float: left;
	width: 900px;
	padding-top: 0px;
	padding-right: 50px;
	padding-bottom: 0px;
	padding-left: 50px;
	height: 160px;
	font-size: 14px;
	font-family: SofiaProLight, Arial, Helvetica, Geneva, sans-serif;
	color: #151515;
}
#gallery-bottom a:hover {
	text-decoration: underline;
	color: #02810C;
}
#back {
	margin-left: 355px;
	float: left;
	height: 25px;
	width: 70px;
	text-align: center;
}
#back a:hover {
	font-size: 13px;
	line-height: 25px;
}
#one {
	margin-right: 10px;
	margin-left: 10px;
	float: left;
	height: 25px;
	width: 10px;
}
#two {
	margin-right: 10px;
	margin-left: 10px;
	float: left;
	height: 25px;
	width: 10px;
}
#three {
	margin-right: 10px;
	margin-left: 10px;
	float: left;
	height: 25px;
	width: 10px;
}
#four {
	margin-right: 10px;
	margin-left: 10px;
	float: left;
	height: 25px;
	width: 10px;
}
#five {
	margin-right: 10px;
	margin-left: 10px;
	float: left;
	height: 25px;
	width: 10px;
}
#six {
	margin-right: 10px;
	margin-left: 10px;
	float: left;
	height: 25px;
	width: 10px;
}
#seven {
	margin-right: 10px;
	margin-left: 10px;
	float: left;
	height: 25px;
	width: 10px;
}

#next {
	float: left;
	height: 25px;
	width: 70px;
	text-align: center;
}
#next a:hover {
	font-size: 13px;
	line-height: 25px;
}
#design1 {
	float: none;
	height: 140px;
	width: 300px;
	text-align: center;
	margin-bottom: 10px;
}
#design1 img {
	float: none;
	height: 140px;
	width: 190px;
	display: none;
	padding-right: 55px;
	padding-left: 55px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#design1 img.first {
	display: block;
}
#design2 {
	float: none;
	height: 140px;
	width: 300px;
	text-align: center;
	margin-bottom: 10px;
}
#design2 img {
	float: none;
	height: 140px;
	width: 190px;
	text-align: center;
	display: none;
	padding-right: 55px;
	padding-left: 55px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#design2 img.first {
	display: block;
}
#design3 {
	float: none;
	height: 140px;
	width: 300px;
	text-align: center;
	margin-bottom: 10px;
}
#design3 img {
	float: none;
	height: 140px;
	width: 190px;
	text-align: center;
	display: none;
	padding-left: 55px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-right: 55px;
}
#design3 img.first {
	display: block;
}
.next-back {
	float: left;
	height: 15px;
	color: #666666;
	font-size: 11px;
	line-height: 11px;
	width: 40px;
	text-align: center;
	margin-left: 2px;
	font-family: Arial, Helvetica, sans-serif;
	background-position: center center;
	text-decoration: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../images/next-back.jpg);
	background-repeat: no-repeat;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#contact-wrap {
	margin: 0px;
	float: left;
	height: 370px;
	width: 1000px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#contact-bottom {
	margin: 0px;
	float: left;
	width: 900px;
	padding-top: 0px;
	padding-right: 50px;
	padding-bottom: 0px;
	padding-left: 50px;
	height: 185px;
	font-size: 14px;
	font-family: SofiaProLight, Arial, Helvetica, Geneva, sans-serif;
	color: #151515;
}
#left-panel-contact {
	float: left;
	height: 330px;
	width: 380px;
	text-align: left;
	background-image: url(../images/contact-left.png);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 20px;
	margin-left: 10px;
}
#right-panel-contact {
	float: left;
	height: 330px;
	width: 585px;
	padding-right: 0px;
	padding-left: 0px;
	text-align: left;
	margin-left: 0px;
	background-image: url(../images/contact-right.png);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 20px;
}
#panel-contact-messages {
	float: left;
	height: 370px;
	width: 380px;
	text-align: left;
	padding-left: 315px;
	padding-right: 305px;
}
#contact-icons {
	float: left;
	height: 300px;
	width: 60px;
	text-align: center;
	padding-right: 8px;
}
#contact-labels {
	float: left;
	height: 300px;
	width: 42px;
	text-align: left;
	padding-left: 38px;
}
#contact-text {
	float: left;
	height: 300px;
	width: 210px;
}
#icons-phone {
	height: 75px;
	width: 60px;
}
#icons-fax {
	height: 75px;
	width: 60px;
}
#icons-email {
	height: 75px;
	width: 60px;
}
#icons-post {
	height: 75px;
	width: 60px;
}
#label-phone {
	height: 60px;
	width: 45px;
	padding-top: 15px;
}
#label-fax {
	height: 60px;
	width: 45px;
	padding-top: 15px;
}
#label-email {
	height: 60px;
	width: 45px;
	padding-top: 15px;
}
#label-post {
	height: 60px;
	width: 45px;
	padding-top: 15px;
}
#text-phone {
	height: 60px;
	width: 210px;
	padding-top: 15px;
}
#text-fax {
	height: 60px;
	width: 210px;
	padding-top: 15px;
}
#text-email {
	height: 60px;
	width: 210px;
	padding-top: 15px;
	font-size: 13px;
	color: #151515;
}
#text-email a {
	height: 60px;
	width: 210px;
	padding-top: 15px;
	font-size: 13px;
	color: #151515;
}
#text-email a:hover {
	height: 60px;
	width: 210px;
	padding-top: 15px;
	font-size: 13px;
	color: #02810C;
}
#text-post {
	height: 60px;
	width: 210px;
	padding-top: 15px;
}
#form {
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 290px;
}
.form-text-headings {
	font-size: 13px;
	text-align: left;
	color: #151515;
	line-height: 20px;
	margin: 0px;
	font-weight: normal;
}
.form-text-box {
	height: 25px;
	width: 310px;
	margin: 0px;
	text-align: left;
	background-color: #ffffff;
	padding-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #151515;
}
.form-text-message {
	height: 100px;
	width: 310px;
	margin: 0px;
	text-align: left;
	background-color: #ffffff;
	padding-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #151515;
	line-height: 18px;
	padding-top: 5px;
}
.form-text-captcha {
	height: 25px;
	width: 145px;
	margin: 0px;
	text-align: left;
	background-color: #ffffff;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #151515;
}
#reset {
	background-image: url(../images/reset.jpg);
	background-repeat: no-repeat;
	color: #151515;
	height: 25px;
	width: 155px;
	margin-left: 10px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#submit {
	background-image: url(../images/submit.jpg);
	background-repeat: no-repeat;
	color: #151515;
	height: 25px;
	width: 155px;
	float: left;
	margin: 0px;
	padding: 0px;
}
textarea {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-radius: 0;
	margin: 0px;
	padding: 0px;
	overflow: auto;	
}
input {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-radius: 0;
	margin: 0px;
	padding: 0px;
	overflow: auto;
}
input, select, textarea, map{
    outline: none;
	border-style: none;
}