@charset "utf-8";

body	{
	background: #ffffff;
	font-family: Corbel, Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0;
	padding: 0;	}
a, #nav a, #subnavlist a	{
	color: #be3116;
	text-decoration: none;	}
a.black, #nav a.black, #subnavlist a.black	{
	color: #000000;	}
a.gold, #nav a.gold, #subnavlist a.gold	{
	color: #98682a;	}
a.red, #nav a.red, #subnavlist a.red	{
	color: #be3116;	}
a.underline, #nav a.underline, #subnavlist a.underline	{
	text-decoration: underline;	}
a.toggle	{
	color: #000000;
	cursor: pointer;
	display: block;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: normal;
	line-height: 25px;	}
div.clear	{
	clear: both;	}
img.portrait	{
	border: solid 1px #eeeeee;
	margin-right: 20px;	}
p	{
	line-height: 20px;
	margin: 0 0 20px 0;
	padding: 0;	}
p.tall	{
	line-height: 27px;	}
p.margin10	{
	margin-bottom: 10px;	}
p.margin15	{
	margin-bottom: 15px;	}
p.padding10	{
	padding: 0 10px;	}
p.toggle	{
	color: #484848;
	font-size: 13px;
	letter-spacing: normal;
	line-height: 25px;	}
th	{
	font-weight: normal;
	text-align: left;	}
ul	{
	line-height: 25px;
	list-style: square;
	margin: 0;
	padding: 0 0 0 50px;	}

#page	{
	height: auto;
	margin: 20px 0;
	width: 100%;	}
#background	{
	background: url(media/background.jpg) center repeat-x;
	height: 350px;
	left: 0;
	position: absolute;
	top: 109px;
	width: 100%;	}
#container	{
	height: auto;
	left: 0;
	position: absolute;
	top: 40px;
	width: 100%;	}
#layout	{
	margin: 0 auto;
	position: relative;
	width: 1000px;	}
#logo	{
	height: 70px;
	left: 20px;
	position: absolute;
	top: 0;
	width: 300px;	}
#visual	{
	float: left;
	height: 348px;
	margin-top: 70px;
	position: relative;
	width: 350px;	}
#visual img	{
	position: absolute;
	right: 0;
	top: 0;	}
#content	{
	background: url(media/box.png);
	float: left;
	height: 365px;
	margin-top: 20px;
	padding: 9px;
	position: relative;
	width: 632px;	}
#subnav	{
	height: 330px;
	float: left;
	font-size: 12px;
	letter-spacing: 2px;
	padding: 15px;
	position: relative;
	width: 180px;	}
#subnav div.vbox	{
	background: url(media/vbox.png) no-repeat;
	left: -361px;
	height: 260px;
	position: absolute;
	top: 155px;
	width: 385px;	}
#subnav img.screen	{
	margin: 7px;	}
#subnav img.heading	{
	margin-top: 40px;	}
#subnav div.heading	{
	color: #98682a;
	font-family: 'Times New Roman', Times, serif;
	font-size: 26px;
	line-height: 40px;
	margin-top: 30px;	}
#subnav div.subheading	{
	padding-left: 30px;	}
#subnav div.brief	{
	color: #404040;
	letter-spacing: 1px;
	line-height: 25px;
	margin: 30px 10px 0;	}
#subnav img.semicircle	{
	bottom: 55px;
	position: absolute;
	right: -3px;	}
#subnav div.services	{
	background: url(media/semicircle.png) no-repeat;
	height: 74px;
	position: absolute;
	right: -40px;
	top: 140px;
	width: 74px;	}
#subnav img.design	{
	margin: 7px;	}
#subnav img.market	{
	margin: 8px;	}
#subnav img.maintain	{
	margin: 9px;	}
#subnavlist	{
	margin-top: 30px;
	padding-left: 45px;
	position: relative;
	z-index: 1;	}
#subnavlist div	{
	padding: 7px 2px;	}
#subnavlist	a	{
	color: #000000;
	letter-spacing: 1px;
	text-decoration: none;	}
#subnavlist span	{
	padding-left: 20px;	}
#subnavlist span.selected	{
	background: url(media/arrow.png) no-repeat left;	}
#body	{
	float: left;
	height: 360px;
	overflow: auto;
	padding: 0 5px 0 15px;
	width: 395px;	}
#body div.margin30	{
	margin-top: 30px;	}
#body div.margin40	{
	margin-top: 40px;	}
#body div.margin60	{
	margin-top: 60px;	}
#body div.padding30	{
	padding: 30px;	}
#body div.heading	{
	color: #98682a;
	font-family: 'Times New Roman', Times, serif;
	font-size: 20px;
	line-height: 30px;	}
#nav	{
	font-size: 12px;
	font-variant: small-caps;
	height: auto;
	left: 350px;
	letter-spacing: 2px;
	margin: 30px 10px;
	position: absolute;
	text-align: right;
	top: 400px;
	width: 630px;	}
#nav a	{
	color: #000000;
	margin: 0 10px 10px;
	padding: 5px 10px;
	text-decoration: none;	}
#footer	{
	letter-spacing: normal;
	margin: 130px 10px 30px;
	text-align: center;	}
#footer a	{
	color: #000000;
	padding: 5px 10px;	}
#footer div.ruler	{
	border-top: solid 1px #f3ecd0;
	background: #e3dcc0;
	height: 1px;
	margin: 0 auto;
	width: 600px;	}
#footer div.copyright	{
	font-size: 10px;	}
#footernav	{
	margin: 5px;	}

#welcome	{
	letter-spacing: 1px;
	padding: 50px 20px 0;	}
#welcome div.portfolio	{
	clear: both;
	font-size: 10px;
	line-height: 15px;	}
#welcome div.portscreen	{
	float: left;
	padding-left: 30px; width: 70px;	}
#welcome div.portcaption	{
	float: left;
	padding: 10px 0 0 10px;	}
#welcome div.portsubcaption	{
	padding-left: 10px;	}
#welcome img.portscreen	{
	padding: 5px;	}
#weknow	{
	padding-right: 8px;
	position: relative;
	top: 3px;	}
#quotation	{
	margin: 0;
	padding: 0;	}
#quotation div.label	{
	letter-spacing: 2px;
	padding: 5px 0;	}
#quotation div.sublabel	{
	color: #404040;
	letter-spacing: normal;	}
#quotation div.input	{
	padding: 0 0 5px;	}
#quotation div.submit	{
	padding-top: 5px;
	text-align: right;	}
#quotation input[type=text]	{
	border: solid 1px #cccccc;
	font-family: Corbel, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 3px;
	width: 387px; 	}
#quotation textarea	{
	border: solid 1px #cccccc;
	font-family: Corbel, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 75px;
	margin: 0;
	padding: 3px;
	width: 387px; 	}
#quotation input[type=submit]	{
	background: #dddddd;
	border: solid 1px #cccccc;
	cursor: pointer;
	font-family: inherit;
	font-size: 12px;
	letter-spacing: 2px;
	margin: 0;
	padding: 5px 3px; 	}
#quotation input[type=submit]:hover	{
	background: #bbbbbb;	}
#services	{
	font-size: 17px;
	letter-spacing: 1px;
	line-height: 25px;
	margin: 110px auto 0;
	text-align: center;
	width: 360px;	}
#services div.service	{
	float: left;
	width: 120px;	}