@charset "UTF-8";
/* CSS Document */

/* Site */

body {margin: 0; padding: 0; background: url(images/distinct-layouts-bg.png) center repeat-y #323e48;}

#page {width: 1026px; margin: 0 auto;}

.magic {clear: both;}

.noLine {text-decoration: none; pointer: cursor;}
.noLine a {text-decoration: none; pointer: cursor;}
.noLine a:visited {text-decoration: none; pointer: cursor;}
.noLine a:hover {text-decoration: none; pointer: cursor;}

/* Header */

#headerWrap {background: url(images/distinct-layouts-page.png) center repeat-y; width: 900px; margin: 0px auto;}

#header {position: relative; height: 170px; width: 849px; margin: 0px 0px 0px 25px;}
#header .tear {position: absolute; bottom: 0px; left: -25px; z-index: 1; background: url(images/distinct-layouts-tear.png) center no-repeat; height: 80px;}
#header .logo {position: absolute; left: 25px; top: 50px; z-index: 2;}
#header .splotch {position: absolute; right: 0px; top: 0px; z-index: 3;}
#header h1 {
	position: absolute;
	right: 0px;
	bottom: 5px;
	font-family: "Molengo", Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 20px;
	text-align: right;
	text-transform: lowercase;
	color: #FFFFFF;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-weight: normal;
	z-index: 4;
}

#header .subItem {
	position: absolute;
	left: 25px;
	top: 10px;
	font-family: "Molengo", Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	text-align: right;
	text-transform: lowercase;
	color: #f26922;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-weight: normal;
	z-index: 5;
}
#header .subItem a {text-decoration: none; color: #818285;}
#header .subItem a:visited {text-decoration: none; color: #818285;}
#header .subItem a:hover {text-decoration: none; color: #f26922;}

.nav1 {
	position: absolute;
	right: 350px;
	bottom: 69px;
	z-index: 6;
	font-family: "Molengo", Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 19px;
	text-align: right;
	text-transform: uppercase;
	color: #818285;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-weight: normal;
}
.nav1 a {text-decoration: none; color: #818285;}
.nav1 a:visited {text-decoration: none; color: #818285;}
.nav1 a:hover {text-decoration: none; color: #f26922;}

.nav2 {
	position: absolute;
	right: 245px;
	bottom: 69px;
	z-index: 6;
	font-family: "Molengo", Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 19px;
	text-align: right;
	text-transform: uppercase;
	color: #818285;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-weight: normal;
}
.nav2 a {text-decoration: none; color: #818285;}
.nav2 a:visited {text-decoration: none; color: #818285;}
.nav2 a:hover {text-decoration: none; color: #f26922;}

.nav3 {
	position: absolute;
	right: 125px;
	bottom: 69px;
	z-index: 6;
	font-family: "Molengo", Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 19px;
	text-align: right;
	text-transform: uppercase;
	color: #818285;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-weight: normal;
}
.nav3 a {text-decoration: none; color: #818285;}
.nav3 a:visited {text-decoration: none; color: #818285;}
.nav3 a:hover {text-decoration: none; color: #f26922;}

.nav4 {
	position: absolute;
	right: 25px;
	bottom: 69px;
	z-index: 6;
	font-family: "Molengo", Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 19px;
	text-align: right;
	text-transform: uppercase;
	color: #818285;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-weight: normal;
}
.nav4 a {text-decoration: none; color: #818285;}
.nav4 a:visited {text-decoration: none; color: #818285;}
.nav4 a:hover {text-decoration: none; color: #f26922;}

/* Footer */

#footer {margin: 50px 275px 20px 275px;}
#footer .links {
	border-bottom: 1px solid #FFFFFF;
	font-family: "Molengo", Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	text-align: center;
	color: #FFFFFF;
	padding: 0px 0px 3px 0px;
	margin: 0px 0px 0px 0px;
	font-weight: normal;
}
#footer .links  a {text-decoration: none; color: #999999;}
#footer .links  a:visited {text-decoration: none; color: #999999;}
#footer .links  a:hover {text-decoration: underline; color: #FFFFFF;}

#footer .info {
	font-family: "Molengo", Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	text-align: center;
	color: #FFFFFF;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	font-weight: normal;
}

/* Home Page */

#main-front {margin: 20px auto;  width: 900px;}
#main-front #left {float: left; width: 450px; margin: 0px 0px 0px 50px;}
#main-front #right {float: right; width: 325px; margin: 0px 50px 0px 0px;}

#getNoticed {text-align: center; font-size: 25px; margin: 10px 0px 0px 0px;}

h2 {
	font-family: "Molengo", Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 22px;
	text-align: left;
	color: #171717;
	padding: 0px 0px 0px 0px;
	margin: 40px 0px 0px 0px;
	font-weight: bold;
}

h3 {
	font-family: "Molengo", Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 20px;
	text-align: left;
	color: #171717;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 0px 0px;
	font-weight: bold;
}

.overview {
	float: left;
	font-family: "Molengo", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	text-align: left;
	color: #FFFFFF;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-weight: normal;
}
.overview a {text-decoration: none; color: #f26922;}
.overview a:visited {text-decoration: none; color: #f26922;}
.overview a:hover {text-decoration: none; color: #FFFFFF;}

/* About */

#main {margin: 0px auto;  width: 900px;}
#main #left {float: left; width: 500px; margin: 0px 0px 0px 50px;}
#main #right {float: right; width: 300px; margin: 0px 50px 0px 0px;}

#sub {margin: 10px 0px 0px 0px;}
#sub #left {float: left; width: 245px; margin: 0px 0px 0px 0px;}
#sub #right {float: right; width: 245px; margin: 0px 0px 0px 0px;}

.image1 {text-align: center;}
.image2 {text-align: center;}
.image3 {text-align: center;}
.image4 {text-align: center; margin: 30px 0px 0px 0px;}

#portfolioWrap {margin: 10px 0px 0px 0px; height: 834px; background: url(images/old-pic.png) top left no-repeat; position: relative;}
#portfolioWrap #portfolio {position: absolute; top: 161px; left: 103px;}
#portfolioWrap .disclamer {
	position: absolute;
	bottom: 40px;
	width: 1026px;
	text-align: center;
	font-family: "Molengo", Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #FFFFFF;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-weight: normal;
	}
#portfolioWrap .disclamer a {text-decoration: none; color: #f26922;}
#portfolioWrap .disclamer a:visited {text-decoration: none; color: #f26922;}
#portfolioWrap .disclamer a:hover {text-decoration: none; color: #FFFFFF;}