#outer
{
	width:100%;
	text-align:center;
	background-image:url(/img/background.jpg);
	background-repeat:repeat-x;
}
#inner
{
	width:860px;
	margin-left:auto;
	margin-right:auto;
	padding-left:20px;
	padding-right:20px;
}
#header
{
	width:860px;
	height:79px;
	text-align:left;
}
#header-left
{
	width:430px;
	height:79px;
	float:left;
}
#header-left IMG
{
	margin-top:15px;
}
#header-right
{
	width:430px;
	height:79px;
	float:left;
	text-align:right;
}
#header-right IMG
{
	margin-top:15px;
}
#nav
{
	width:860px;
	height:74px;
	text-align:left;
}
#nav UL
{
	width:860px;
	height:34px;
	list-style-type:none;
	margin-top:15px;
}
#nav UL LI
{
	float:left;
	height:34px;
	width:120px;
	border-right:solid 1px #cccccc;
	padding-left:20px;
}
#nav UL LI SMALL
{
	font-family:arial;
	font-size:0.6em;
	color:#666666;
}
#nav UL LI.first
{
	padding-left:0;
	width:120px;
}
#nav UL LI.last
{
	border-right:none;
}
#nav UL LI A
{
	font-size:0.9em;
	color:rgb(0,0,0);
	text-decoration:none;
	display:block;
	height:22px;
	margin-right:10px;
}
#nav UL LI A.last
{
	margin-right:0px;
}
#nav UL LI A:Hover
{
	color:rgb(204,204,204);
	background-color:transparent;
}
#body
{
	width:860px;
	margin-bottom:10px;
	text-align:left;
}
#body-header
{
	width:860px;
	height:10px;
	background-image:url(/img/body/background-header.png);
	margin-top:15px;
}
#body-content
{
	width:860px;
	background-image:url(/img/body/background-body.png);
}
#body-content-banner
{
	width:840px;
	padding-left:10px;
	padding-right:10px;
}
#body-content-banner-left
{
	width:400px;
	height:200px;
	float:left;
	margin-right:10px;
}
#body-content-banner-left H2
{
	font-size:1.8em;
	margin-bottom:10px;
	font-weight:normal;
}
#body-content-banner-left H3
{
	font-size:0.8em;
	font-weight:normal;
	margin-bottom:20px;
}

#body-content-banner-right
{
	width:430px;
	height:200px;
	float:left;
	background-color:rgb(204,204,204);
}
#body-content-banner-right-image
{
	width:420px;
	height:190px;
	margin-left:5px;
	margin-top:5px;
	background-color:rgb(255,255,255);
}
#body-footer
{
	width:860px;
	height:20px;
	background-image:url(/img/body/background-footer.png);
	background-repeat:no-repeat;
}

#body-left
{
	width:625px;
	min-height:450px;
	float:left;
	padding-right:10px;
	padding-left:10px;
	padding-top:2px;
}
#body-left P
{
	font-size:0.8em;
	margin-bottom:10px;
	color:rgb(51,51,51);
}
#body-left A
{
	color:rgb(56,153,186);
	text-decoration:none;
}
#body-left A:Hover
{
	text-decoration:underline;
}

#body-left .hspacer1
{
	width:625px;
	height:1px;
	background-color:rgb(204,204,204);	
	margin-bottom:7px;
}
#body-left .hspacer2
{
	width:625px;
	height:1px;
	background-color:rgb(232,232,232);	
	margin-bottom:7px;
}
#body-left .body-left-list
{
	list-style-type:none;
	margin-bottom:10px;
	font-size:0.8em;
	color:rgb(51,51,51);
}
#body-left .body-left-orderedlist
{
	margin-bottom:10px;
	font-size:0.8em;
	color:rgb(51,51,51);
	margin-left:20px;
}
#body-left .body-left-row
{
	width:610px;
	clear:both;
}
#body-left .body-left-row .label
{
	width:260px;
	float:left;
	padding-bottom:5px;
	font-size:0.8em;
	font-weight:bold;
	color:rgb(51,51,51);
}
#body-left .body-left-row .field
{
	width:350px;
	float:left;
	padding-bottom:5px;
}
#body-left .body-left-row .field INPUT[type="text"]
{
	width:334px;
	padding-left:3px;
	color:rgb(102,102,102);
	border:solid 1px rgb(204,204,204);
}
#body-left .body-left-row .field TEXTAREA
{
	width:332px;
	color:rgb(102,102,102);
	font-family:arial;
	padding:3px;
	border:solid 1px rgb(204,204,204);
	font-size:0.8em;
}
#body-left .body-left-row .field SELECT
{
	width:340px;
	color:rgb(102,102,102);
	border:solid 1px rgb(204,204,204);
}
#body-left .body-left-screenshots
{
	width:630px;
}
#body-left .body-left-screenshots .body-left-screenshots-row
{
	width:630px;
}
#body-left .body-left-screenshots .body-left-screenshots-screenshot
{
	width:200px;
	height:160px;
	float:left;
	background-color:rgb(204,204,204);
	margin-right:10px;
	margin-bottom:10px;
}
#body-left .body-left-screenshots .body-left-screenshots-screenshot-last
{
	margin-right:0px;
}

#body-left .body-left-screenshots .body-left-screenshots-screenshot IMG
{
	width:190px;
	height:150px;
	margin-left:5px;
	margin-top:5px;
	background-color:rgb(255,255,255);
}

#body-left-portfolio
{
	width:630px;
}
#body-left-portfolio .body-left-portfolio-row
{
	width:630px;
}
#body-left-portfolio .body-left-portfolio-item
{
	width:200px;
	height:160px;
	float:left;
	background-color:rgb(204,204,204);
	margin-right:10px;
	margin-bottom:10px;		
}
#body-left-portfolio .body-left-portfolio-item-last
{
	margin-right:0;
}

#body-left-portfolio .body-left-portfolio-item IMG
{
	width:190px;
	height:150px;
	margin-left:4px;
	margin-top:4px;
	background-color:rgb(255,255,255);
	border:solid 1px rgb(190,190,190);
}

#body-left H2
{
	font-size:1.4em;
	margin-bottom:20px;
	font-weight:normal;
	border-bottom:dotted 1px rgb(204,204,204);
}
#body-left H3
{
	font-size:1.0em;
	font-weight:normal;
}
#body-right
{
	width:190px;
	min-height:450px;
	float:left;
	padding-left:10px;
	padding-right:15px;
	padding-top:5px;
}
#body-right H4
{
	font-size:1.2em;
	margin-bottom:10px;
	font-weight:normal;
	border-bottom:dotted 1px rgb(204,204,204);
}
#body-right P.contact
{
	font-size:0.8em;
	margin-bottom:5px;
	color:rgb(102,102,102);
}
#body-right P.connect
{
	font-size:0.8em;
	margin-bottom:5px;
	color:rgb(102,102,102);
}
#body-right P A
{
	color:rgb(56,153,186);
	text-decoration:none;
}
#body-right P A:Hover
{
	text-decoration:underline;
}
#body-right-twitter
{
	font-size:0.8em;
	color:rgb(102,102,102);
}
#body-right-twitter UL
{
	list-style-type:none;
}
#body-right-twitter UL LI
{
	margin-bottom:5px;
}
#body-right-twitter UL LI SPAN
{
	display:block;
}
#body-right-twitter UL LI SPAN A
{
	color:rgb(153,153,153);
}
#body-right-twitter UL LI A
{
	color:rgb(56,153,186);
	text-decoration:none;
}

#body-packages
{
	width:860px;
	margin-bottom:15px;
	text-align:left;
}
#body-packages-header
{
	width:860px;
	height:10px;
	background-image:url(/img/body/background-header.png);
}
#body-packages-content
{
	width:840px;
	background-image:url(/img/body/background-body.png);
	padding-left:10px;
	padding-right:10px;
}

#body-packages-footer
{
	width:860px;
	height:20px;
	background-image:url(/img/body/background-footer.png);
	background-repeat:no-repeat;
}

#body-packages UL
{
	list-style-type:none;
	width:210px;
}
#body-packages UL LI
{

}
#body-packages .body-packages-package
{
	width:210px;
	float:left;
}
#body-packages H4
{
	font-size:1.0em;
	font-weight:normal;
}
#body-packages .body-packages-brief
{
	width:210px;
	height:157px;
	font-size:0.8em;
}
#body-packages .body-packages-package-a
{
	width:200px;
	border-top:solid 2px rgb(56,153,186);
	margin-right:10px;
}
#body-packages .body-packages-package-b
{
	width:200px;
	border-top:solid 2px rgb(56,153,186);
	margin-right:10px;
}
#body-packages .body-packages-package-c
{
	width:200px;
	border-top:solid 2px rgb(56,153,186);
	margin-right:10px;
}
#body-packages .body-packages-package-d
{
	border-top:solid 2px rgb(56,153,186);
}
#body-packages .body-packages-price
{
	width:210px;
	height:20px;
	font-size:1.2em;	
	margin-bottom:10px;
}
#body-packages .body-packages-price SPAN
{
	color:rgb(102,102,102);
}
#body-packages .body-packages-actions
{
	width:210px;
	height:33px;
}

#footer
{
	width:860px;
	margin-bottom:15px;
	margin-left:auto;
	margin-right:auto;
}
#footer-header
{
	width:860px;
	height:10px;
	background-image:url(/img/body/background-header.png);
}
#footer-content
{
	width:860px;
	background-image:url(/img/body/background-body.png);
	text-align:left;
}
#footer-content-left
{
	width:420px;
	float:left;
	padding-left:10px;
}

#footer-content-left UL
{
	list-style-type:none;
}
#footer-content-left UL LI
{
	float:left;
	margin-right:10px;
}
#footer-content-left UL LI A
{
	font-size:0.8em;
	color:rgb(102,102,102);
	text-decoration:none;
}
#footer-content-left UL LI A:Hover
{
	text-decoration:underline;
}
#footer-content-right
{
	width:420px;
	float:left;
	text-align:right;
	color:rgb(204,204,204);
	padding-right:10px;
	background-color:transparent;
}
#footer-content-right A
{
	font-size:0.8em;
	color:rgb(204,204,204);
	text-decoration:none;
	background-color:transparent;
}
#footer-content-right A:Hover
{
	text-decoration:underline;
}

#footer-footer
{
	width:860px;
	height:20px;
	background-image:url(/img/body/background-footer.png);
	background-repeat:no-repeat;
}