/****************************************
 * General Formatting
 ****************************************/
 
body {
 	margin: 0;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 63.125%;
	background: #e3e3e3 url(images/main.gif) repeat-x top center;
	color: #fff;
 	}
	
#wrap {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -386px;
	float: left;
	width: 772px;
	}
	
/* vertically tiled portion of the page background */
	
.one-column #wrap {
	background: url(images/mid_1col.gif) repeat-y top center;
	}
	
.two-column #wrap {
	background: url(images/mid_2col.gif) repeat-y top center;
	}
	 
.portdesc { font-family: verdana;  margin: 10 10 100px 10; font-size:1.5em; }


/****************************************
 * Identity
 ****************************************/
	
#identity a {
	position: absolute;
	top: 42px;
	left: 50%;
	margin-left: 201px;
	display: block;
	width: 155px;
	height: 30px;
	border: none;
	}
	
#identity img {
	display: none;
	}
	 
/****************************************
 * Main Navigation
 ****************************************/
	 
#nav ul {
	position: absolute;
	top: 171px;
	left: 50%;
	margin: 0 0 0 -370px;
	padding: 0;
	list-style: none;
	width: 740px;	
	}
	
#nav li {
	float: left;
	margin: 0;
	padding: 0;
	background: none;
	}
	
#nav a {
	display: block;
	float: left;
	padding: 11px 20px 0 28px;
	height: 29px;
	border: none;
	font-weight: bold;
	color: #ffeacc;
	background: #dc8314 url(images/light_orange.gif) no-repeat 15px 50%;
	}
	
#nav a:link, #nav a:visited {
	color: #ffeacc;
	}
	
#nav a:hover {
	background-color: #f29718;
	color: #fff;
	}
	
#nav a:active {
	color: #ffeacc;
	background-color: #d57702;
	}
	
#home #nav a#homelink, 
#services #nav a#serviceslink, 
#portfolio #nav a#portfoliolink,
#about #nav a#aboutlink,
#contact #nav a#contactlink {
	background-color: #d57702;
	background-image: url(images/white.gif);
	background-repeat: no-repeat;
	background-position: 15px 50%;
	color: #fff;
	cursor: default;
	}
	
#nav a#homelink {
	background-image: url(images/firstlink_off.gif);
	background-repeat: no-repeat;
	background-position: top left;
	}
	
#home #nav a#homelink {
	background-image: url(images/firstlink_on.gif);
	background-repeat: no-repeat;
	background-position: top left;
	}
	 
/****************************************
 * Title
 ****************************************/

#intro, #title {
	margin-bottom: 66px;
	} 
	
#intro h1, #title h1 {
	display: none;
	}
	
#title {
	height: 75px;
	background-position: 36px 0;
	background-repeat: no-repeat;
	}

#services #title {
	background-image: url(images/services.gif);
	}

#portfolio #title {
	background-image: url(images/portfolio.gif);
	}

#about #title {
	background-image: url(images/about.gif);
	}

#contact #title {
	background-image: url(images/contact.gif);
	}
	
#templates #title {
	background-image: url(images/templates.gif);
	}
	
#turnkey #title {
	background-image: url(images/turnkey.gif);
	}
	
#hosting #title {
	background-image: url(images/hosting.gif);
	}

#webapps #title {
	background-image: url(images/webapps.gif);
	}

#programming #title {
	background-image: url(images/programming.gif);
	}

#legacy #title {
	background-image: url(images/legacy.gif);
	}

#error #title {
	background-image: url(images/error.gif);
	}	

/****************************************
 * Content
 ****************************************/
 
#content {
	float: left;
	padding-top: 93px;
	width: 772px;
	}
	
/* top portion of the page background */
	
#home #content {
	background: url(images/top_home.gif) no-repeat top center;
	}
	
.one-column #content {
	background: url(images/top_1col.gif) no-repeat top center;
	}
	
.two-column #content {
	background: url(images/top_2col.gif) no-repeat top center;
	}	

/****************************************
 * Main Content
 ****************************************/
	
#main {
	float: left;
	padding-left: 36px;
	}
	
.one-column #main {
	width: 700px;
	}
	
.two-column #main {
	width: 440px;
	}
	
/* Headlines */

.head { margin: 15px 0; font-size: 1.5em; font-weight: normal; }
.headline { margin: 0;
            padding: 0;
            font-family: verdana, arial, helvetica, sans-serif;
            font-size: 1.2em;
            font-weight: bold;
            color: #fff;
 	}
		

h2 {
	margin: 15px 0;
	font-size: 1.8em;
	font-weight: normal;
	}
	
h2.first {
	margin-top: 0;
	font-weight: bold;
	}
	
h3 {
	margin: 0 0 10px 0;
	font-size: 1.3em;
	font-weight: bold;
	}

/* Text */

p {
	margin: 0 0 10px 0;
	font-size: 1.3em;
	line-height: 1.6em;
	}
	
.more {
	margin: 15px 0 10px 0;
	font-size: 1.3em;
	}
	
.more a {
	padding-right: 13px;
	background: url(images/light_blue.gif) no-repeat 100% 50%;
	}
	
ul {
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
	font-size: 1.3em;
	
	/* prevent ie6/win from shifting page height when a list of links is moused over */
	padding-bottom: 1px;
	}
	
ul li {
	margin: 5px 0;
	padding: 0 0 0 18px;
	background: url(images/white.gif) no-repeat 5px 0.5em;
	}

dl {
	margin: 0 0 10px 0;
	}
	
dt {
	margin: 15px 0 5px 0;
	padding: 0 0 0 18px;
	background: url(images/light_blue.gif) no-repeat 5px 0.5em;
	font-size: 1.3em;
	font-weight: bold;
	}
	
dd {
	margin: 0;
	padding: 0 0 0 18px;
	font-size: 1.3em;
	}

/****************************************
 * Secondary Content
 ****************************************/

#secondary {
	float: right;
	padding-right: 36px;
	width: 220px;
	color: #e5e5e5;
	}
	
#secondary h2 {
	margin: 30px 0 10px 0;
	font-size: 1.3em;
	font-weight: bold;
	}
	
#secondary h2.first {
	margin-top: 0;
	}
	
#secondary p {
	font-size: 1.1em;
	line-height: 1.5em;
	}
	
#secondary .more {
	font-size: 1.1em;
	}
	
#secondary h2.more {
	font-size: 1.3em;
	}
	
#secondary ul {
	font-size: 1.1em;
	}
	
#secondary ul li {
	background-image: url(images/grey.gif);
	}

/****************************************
 * Footer
 ****************************************/

#footer {
	clear: both;
	margin: -9px 0 0 0;
	padding: 50px 16px 15px 0;
	width: 756px;
	font-size: 1.3em;
	line-height: 1.4em;
	text-align: right;
	color: #aaa;
	}
	
#footer a, a:link {
	border-bottom: 1px solid #bbb;
	color: #aaa;
	}
	
#footer a:visited {
	border-bottom-style: dashed;
	}
	
#footer a:hover {
	border-bottom: 1px solid #888;
	color: #888;
	}
	
#footer a:active {
	border-bottom: none;
	color: #aaa;
	}
	
/* bottom portion of the page background */

.one-column #footer {
	background: #e3e3e3 url(images/bottom_1col.gif) no-repeat top center;
	}
	
.two-column #footer {
	background: #e3e3e3 url(images/bottom_2col.gif) no-repeat top center;
	}

/****************************************
 * Links
 ****************************************/
 
/*a, a:link {
	text-decoration: none;
	border-bottom: 1px solid #7e848c;
	color: #cce1ff;
	}
	
a:visited {
	border-bottom-style: dashed;
	}
	
a:hover {
	border-bottom: 1px solid #e5f0ff;
	color: #e5f0ff;
	}
	
a:active {
	border-bottom: none;
	color: #e5f0ff;
	}
*/
.imglinks { }
.imglinks:link { }
.imglinks:visited { }
.imglinks:hover { }

.links:link    { color: #cce1ff; border-bottom: 1px solid #7e848c; text-decoration: none; }
.links:visited { color: #cce1ff; border-bottom: 1px solid #7e848c; text-decoration: none; }
.links:hover   { color: #cce1ff; border-bottom: 1px solid #e5f0ff; color: #e5f0ff; }
.links:active  { color: #cce1ff; border-bottom: none; color: #e5f0ff; }

/*
.links:link    { color: #cce1ff; text-decoration: underline; }
.links:visited { color: #cce1ff; text-decoration: underline; }
.links:hover   { color: #e5f0ff; text-decoration: none; }
.links:active  { color: #cce1ff; border-bottom: none; color: #e5f0ff; }
*/


/****************************************
 * Miscellaneous
 ****************************************/

#skipnav, hr {
	display: none;
	}
	
img.float-left {
	float: left;
	margin: 6px 15px 5px 0;
	}
	
acronym {
	border-bottom: 1px dotted #fff;
	cursor: help;
	}

/****************************************
 * Home Page
 ****************************************/
 
#home #nav ul {
	top: 293px;
	}
	
#home-services {
	float: left;
	width: 306px;
	}
	
#home-projects {
	float: right;
	width: 356px;
	}
	
#home-projects h2, #home-projects .more {
	margin-left: 5px;
	}
	
#intro {
	margin-left: 385px;
	margin-right: 75px;
	height: 197px;
	line-height: 1.7em;
	color: #4d4d4d;
	background: url(images/welcome.gif) no-repeat 0 32px;
	}
	
#intro p {
	margin: 0;
	padding: 67px 0 0 0;
	color: #4d4d4d;
	}
	
#intro .more {
	margin-top: 10px;
	}
	
#intro .more a {
	background-image: url(images/dark_blue.gif);
	}
	
#splash {
	position: absolute;
	top: 57px;
	right: 50%;
	margin-right: 7px;
	}
	
#intro a:link, #intro a:visited, #intro a:hover, #intro a:active {
	border-bottom: 1px solid #b5bec9;
	color: #204880;
	}
	
#intro a:visited {
	border-bottom-style: dashed;
	}
	
#intro a:hover {
	border-bottom: 1px solid #001b40;;
	color: #001b40;
	}
	
#intro a:active {
	border-bottom: none;
	color: #204880;
	}

/****************************************
 * Portfolio Page
 ****************************************/
 
#main.portfolio-content {
	padding-left: 16px;
	width: 740px;
	}

.portfolio-item {
	float: left;
	padding: 0 0 9px 0;
	width: 740px;
	background: url(images/sep_h_section.gif) no-repeat bottom center;
	}

.portfolio-item h2 {
	margin-left: 20px;
	margin-bottom: 12px;
	}
 
img.portfolio-item-screenshot {
	display: block;
	float: left;
	margin: 0 0 15px 0;
	padding: 0 10px 0 12px;
	}
	
p.portfolio-item-description {
	float: left;
	margin: 0 0 15px 0;
	width: 270px;
	line-height: 1.55em;
	}
	
.portfolio-item-views {
	float: left;
	margin: 0 0 15px 20px;
	padding: 0 0 0 20px;
	border-left: 2px solid #726f69;
	}
	
#more-clients {
	clear: left;
	padding: 1px 0 0 20px;
	}
	
#last {
	padding-bottom: 0;
	background: none;
	}
	
#last .portfolio-item-screenshot, #last .portfolio-item-description, #last .portfolio-item-views {
	margin: 0 0 -10px 0;
	}

/****************************************
 * Services Page
 ****************************************/

#services-screenshot {
	margin: 0 0 10px 0;
	}

/****************************************
 * Contact Page
 ****************************************/
 
form {
	margin: 15px 0 0 0;
	padding: 0;
	}
	
fieldset {
	margin: 0 0 15px 0;
	padding: 0;
	border: none;
	font-size: 1.3em;
	}
	
.form-label {
	margin: 0 0 5px 0;
	}
	
#contact-form-info {
	padding: 30;
	margin: 30 30px 30 30;
	width: 500px;
	align: center;
	border: 1px solid white;
	}
	
#contact-form-message {
	float: left;
	width: 440px;
	}
	
#contact-form-submit {
	clear: both;
	float: left;
	margin: 5px 0 0 0;
	width: 100%;
	text-align: center;
	}

.textinput, textarea {
	margin: 0;
	padding: 3px;
	border: none;
	font-family: "verdana", monospace;
	font-size: 1.0em;
	}

.textinput {
	width: 214px;
	}

#message {
	width: 434px;
	height: 194px;
	}	

.radioinput {
	position: relative;
	top: 2px;
	}
	
#copy-no {
	margin-left: 15px;
	}
	
.inputsubmit {
	padding: 2px 3px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #333;
	}
	
.error-message {
	padding-left: 20px;
	background: url(images/alert.gif) no-repeat 0 2px;
	}
	
.input-error {
	padding: 2px;
	border: 1px solid #f00;
	}