@import url( reset.css );
@import url( http://fonts.googleapis.com/css?family=Lato:400,700,900,400italic,700italic,900italic );
@import url( jquery.fancybox-1.3.4.css );
HTML {
	BACKGROUND:#B4E6C5
}
BODY {
	FONT: 13px Arial, Tahoma, Verdana; BACKGROUND: url(../img/background-x.png) repeat-x; COLOR: #000000
}
P {
	LINE-HEIGHT: 1.7em; MARGIN-BOTTOM: 15px
}
ADDRESS {
	PADDING-BOTTOM: 15px; FONT-STYLE: normal
}
A {
	OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: 0px; COLOR: #000000; TEXT-DECORATION: none
}
A:link {
	OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: 0px; COLOR: #000000; TEXT-DECORATION: none
}
A:focus {
	OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: 0px; COLOR: #ff0000; TEXT-DECORATION: none
}
A:hover {
	COLOR: #0099ff; TEXT-DECORATION: underline
}
A.more {
	PADDING-RIGHT: 15px; BACKGROUND: url(../img/arrow.png) no-repeat 100% 50%; COLOR: #000
}
H1 {
	LINE-HEIGHT: 1.5em; FONT-FAMILY: "Lato", Arial; MARGIN-BOTTOM: 15px; FONT-WEIGHT: 700
}
H2 {
	LINE-HEIGHT: 1.5em; FONT-FAMILY: "Lato", Arial; MARGIN-BOTTOM: 15px; FONT-WEIGHT: 700
}
H3 {
	LINE-HEIGHT: 1.5em; FONT-FAMILY: "Lato", Arial; MARGIN-BOTTOM: 15px; FONT-WEIGHT: 700
}
H4 {
	LINE-HEIGHT: 1.5em; FONT-FAMILY: "Lato", Arial; MARGIN-BOTTOM: 15px; FONT-WEIGHT: 700
}
H1 {
	MARGIN: 0px; COLOR: #fff; FONT-SIZE: 2.8em
}
H1 SPAN {
	COLOR: #e1aa02
}
H2 {
	COLOR: #5f5f61; FONT-SIZE: 1.75em; text-shadow: 1px 1px 1px #fff
}
H3 {
	MARGIN-BOTTOM: 8px; COLOR: #000; FONT-SIZE: 0.9em; text-shadow: 1px 1px 1px #fff
}
H4 {
	FONT-SIZE: 1em
}
.separate {
	PADDING-BOTTOM: 10px; MARGIN-BOTTOM: 20px; BACKGROUND: url(../img/double-border.png) repeat-x 50% bottom
}
#header {
	POSITION: relative; HEIGHT: 98px
}
#header A#logo {
	POSITION: absolute; LINE-HEIGHT: 98px; DISPLAY: block; FONT-FAMILY: "Lato", Arial; COLOR: #323338; FONT-SIZE: 1.8em; TOP: 0px; FONT-WEIGHT: bold; LEFT: 0px
}
#header A#logo SPAN {
	COLOR: #65d3d7
}
#header A#logo:hover {
	COLOR: #000; TEXT-DECORATION: none
}
#header nav UL {
	POSITION: absolute; TOP: 0px; RIGHT: 0px
}
#header nav LI {
	FLOAT: left
}
#header nav LI A {
	PADDING-BOTTOM: 32px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; DISPLAY: block; FLOAT: left; COLOR: #323338; TEXT-DECORATION: none; PADDING-TOP: 32px
}
#header nav LI A STRONG {
	DISPLAY: block; MARGIN-BOTTOM: 0px; FONT-SIZE: 1.1em
}
#header nav LI A SPAN {
	COLOR: #989898; FONT-SIZE: 11px
}
#header nav LI.active A STRONG {
	COLOR: #000 !important; CURSOR: pointer
}
#header nav LI.active A SPAN {
	COLOR: #000 !important; CURSOR: pointer
}
#header nav LI A:hover STRONG {
	COLOR: #000 !important; CURSOR: pointer
}
#header nav LI A:hover SPAN {
	COLOR: #000 !important; CURSOR: pointer
}
#intro {
	POSITION: relative; PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 550px; HEIGHT: 255px; COLOR: #fff; PADDING-TOP: 50px
}
#intro #macbook {
	POSITION: absolute; WIDTH: 550px; BOTTOM: -34px; BACKGROUND: url(../img/macbook.png) no-repeat; HEIGHT: 309px; RIGHT: 0px
}
#intro #macbook IMG {
	POSITION: relative; TOP: 20px; LEFT: 89px
}
#intro H2 {
	COLOR: #afadae; FONT-SIZE: 1.2em; text-shadow: 0 0 0
}
#intro P {
	MARGIN-BOTTOM: 20px; COLOR: #dddddd
}
#subIntro {
	POSITION: relative; PADDING-BOTTOM: 7px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; HEIGHT: 10px; PADDING-TOP: 33px
}
#subIntro H2 {
	MARGIN-BOTTOM: 0px; COLOR: #000; FONT-SIZE: 1.4em; FONT-WEIGHT: normal
}
#subIntro P {
	FONT-SIZE: 1.1em
}
#subIntro .button {
	POSITION: relative; TOP: 5px; RIGHT: 60px !important
}
#container {
	BORDER-BOTTOM: #e0e0e0 1px solid; PADDING-BOTTOM: 50px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND: #eeeff1; BORDER-TOP: #e0e0e0 1px solid; PADDING-TOP: 20px
}
#content .withIcon {
	PADDING-LEFT: 65px
}
#content .icon1 {
	BACKGROUND: url(../img/icon1.png) no-repeat
}
#content .icon2 {
	BACKGROUND: url(../img/icon2.png) no-repeat
}
#content .icon3 {
	BACKGROUND: url(../img/icon3.png) no-repeat
}
#twitterBar {
	PADDING-BOTTOM: 15px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND: #fff; PADDING-TOP: 15px
}
#twitterBar .icon {
	POSITION: absolute; WIDTH: 112px; DISPLAY: block; BACKGROUND: url(../img/twitter.png) no-repeat; HEIGHT: 72px; TOP: -79px; LEFT: -20px
}
#twitterBar P {
	MARGIN: 0px
}
#footer {
	PADDING-BOTTOM: 40px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; COLOR: #fff; FONT-SIZE: 0.9em; PADDING-TOP: 40px
}
#footer H3 {
	MARGIN-BOTTOM: 20px; COLOR: #fff; FONT-SIZE: 1.4em; text-shadow: 0 0 0
}
#footer P {
	COLOR: #fff
}
#footer A {
	COLOR: #fff
}
#footer P .date {
	COLOR: #fff
}
#footer .followUs A {
	TEXT-INDENT: -9999px; WIDTH: 27px; DISPLAY: block; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 0px 0px; FLOAT: left; HEIGHT: 28px; MARGIN-RIGHT: 5px
}
#footer .followUs A:hover {
	BACKGROUND-POSITION: 0px -1px
}
#footer .followUs A.facebook {
	BACKGROUND-IMAGE: url(../img/icon-facebook.png)
}
#footer .followUs A.twitter {
	BACKGROUND-IMAGE: url(../img/icon-twitter.png)
}
#footer .followUs A.rss {
	BACKGROUND-IMAGE: url(../img/icon-rss.png)
}
#footer .followUs A.linkedin {
	BACKGROUND-IMAGE: url(../img/icon-linkedin.png)
}
#footer .followUs A.vimeo {
	BACKGROUND-IMAGE: url(../img/icon-vimeo.png)
}
#footer .followUs A.digg {
	BACKGROUND-IMAGE: url(../img/icon-digg.png)
}
#footer .followUs A.delicious {
	BACKGROUND-IMAGE: url(../img/icon-delicious.png)
}
#footer A#footerLogo {
	DISPLAY: block; FONT-FAMILY: "Lato", Arial; MARGIN-BOTTOM: 16px; COLOR: #fff; FONT-SIZE: 2em; FONT-WEIGHT: bold
}
#footer A#footerLogo SPAN {
	COLOR: #ccc
}
#footer A#footerLogo:hover {
	COLOR: #ccc; TEXT-DECORATION: none
}
#footer INPUT.text {
	BORDER-BOTTOM: #454547 1px solid; BORDER-LEFT: #454547 1px solid; PADDING-BOTTOM: 10px; FONT-STYLE: italic; PADDING-LEFT: 5px; WIDTH: 210px; PADDING-RIGHT: 5px; MARGIN-BOTTOM: 10px; BACKGROUND: #232323; COLOR: #e0e0e0; BORDER-TOP: #454547 1px solid; BORDER-RIGHT: #454547 1px solid; PADDING-TOP: 10px; border-radius: 4px
}
#footer INPUT.submit {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; WIDTH: 108px; FONT-FAMILY: Arial; BACKGROUND: url(../img/submit-subscribe.png) no-repeat; HEIGHT: 31px; COLOR: #186c6f; FONT-SIZE: 1em; BORDER-TOP: 0px; CURSOR: pointer; FONT-WEIGHT: bold; BORDER-RIGHT: 0px; text-shadow: 1px 1px 1px #c1eeef
}
#footer INPUT.submit:hover {
	COLOR: #000
}
.wrap {
	POSITION: relative; MARGIN: 0px auto; WIDTH: 940px
}
.mask {
	POSITION: absolute; WIDTH: 100%; HEIGHT: 100%; TOP: 0px; LEFT: 0px
}
A.button {
	DISPLAY: block; BACKGROUND: url(../img/button-left.png) no-repeat; FLOAT: left; HEIGHT: 42px; TEXT-DECORATION: none
}
A.button SPAN {
	POSITION: relative; PADDING-BOTTOM: 0px; LINE-HEIGHT: 43px; PADDING-LEFT: 10px; PADDING-RIGHT: 30px; DISPLAY: block; BACKGROUND: url(../img/button-right.png) no-repeat 100% 0px; FLOAT: left; HEIGHT: 42px; COLOR: #186c6f; FONT-SIZE: 1em; OVERFLOW: hidden; CURSOR: pointer; FONT-WEIGHT: bold; TEXT-DECORATION: none; PADDING-TOP: 0px; LEFT: 20px; text-shadow: 1px 1px 1px #c1eeef
}
A.button:hover SPAN {
	COLOR: #000
}
.gallery .photo {
	MARGIN-LEFT: 20px
}
.gallery .photo:first-child {
	MARGIN-LEFT: 0px
}
A.photo {
	DISPLAY: block; FLOAT: left
}
A.photo IMG {
	BORDER-BOTTOM: #d3d3d3 1px solid; BORDER-LEFT: #d3d3d3 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; DISPLAY: block; BACKGROUND: #fff; FLOAT: left; BORDER-TOP: #d3d3d3 1px solid; BORDER-RIGHT: #d3d3d3 1px solid; PADDING-TOP: 3px
}
IMG.photo {
	BORDER-BOTTOM: #d3d3d3 1px solid; BORDER-LEFT: #d3d3d3 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; DISPLAY: block; BACKGROUND: #fff; FLOAT: left; BORDER-TOP: #d3d3d3 1px solid; BORDER-RIGHT: #d3d3d3 1px solid; PADDING-TOP: 3px
}
A.photo:hover IMG {
	BORDER-BOTTOM-COLOR: #d1d1d1; BORDER-TOP-COLOR: #d1d1d1; BORDER-RIGHT-COLOR: #d1d1d1; BORDER-LEFT-COLOR: #d1d1d1
}
.photoWrap {
	MARGIN: 30px 0px
}
.col1-3 {
	WIDTH: 280px; FLOAT: left; MARGIN-LEFT: 50px
}
.col1-3:first-child {
	MARGIN-LEFT: 0px
}
.col2-3 {
	WIDTH: 610px; FLOAT: left; MARGIN-LEFT: 50px
}
.col1-4 {
	WIDTH: 220px; FLOAT: left; MARGIN-LEFT: 20px
}
.col1-4:first-child {
	MARGIN-LEFT: 0px
}
.col3-4 {
	WIDTH: 700px; FLOAT: right
}
.marginBottom30 {
	MARGIN-BOTTOM: 30px
}
.date {
	DISPLAY: block; MARGIN-BOTTOM: 10px; FONT-SIZE: 11px
}