/*<group=Common Elements>*/
body {
	text-align : center;
	margin : 0;
	min-width : 725px;
	font:small/1.6em Gill Sans, Lucida Grande, Lucida Sans Unicode, Verdana, Helvetica, Arial, sans-serif;
  	padding-top : 40px;
}

a, a:link {
	color : #046594;
	text-decoration : none;
}

a:hover {
	text-decoration : underline;
}


h2.subheader {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 18px;
	letter-spacing: -.1em;
}

blockquote.pullquote {
	border-top : 1px solid #666;
	border-bottom : 1px solid #666;
	font-size: 21px;
	line-height: 1.3em;
	letter-spacing: -.05em;
}


a img {
	border : none;
}

form {
	margin : 0; padding : 0;
}

fieldset {
	margin : 0; padding : 0; border : 0;
}
	
/*</group>*/

/*<group=Structure>*/
#wrapper {
	text-align : left;
	width : 725px;
	margin : 0 auto;
}

#header {
	position : relative;
	width : 725px; height : 69px;
	background : #fff url(media/i_interface/lines.gif) no-repeat;
}

#content {
	margin-bottom : 15px;
}

#footer {
	border-top : 5px solid #666;
	width : 725px;
	clear : both;
}

#footer p {
	margin : 0; padding : 0;
}
/*</group>*/

/*<group=Header>*/

h1#logo {
	float : left;
	width : 120px; height : 66px;
	margin : 0; padding : 0;
	background : transparent url(media/i_interface/crux.gif) no-repeat;
	margin-right : 1px;
}

h1#logo a, h1#logo a:link {
	display : block;
	width : 120px; height : 66px;
	border-bottom : 5px solid #666;
}

h1#logo a:hover {
	border-bottom : 5px solid #046594;
}

h1#logo span {display : none;}

#globalnav {
	float : left;
	width : 363px; height : 66px;
}

#globalnav ul {
	width : 363px; height : 66px;
	margin : 0; padding : 0;
}

#globalnav ul li {
	list-style: none;
	padding: 0; margin: 0;
	width : 120px; height : 66px;
	float : left;
	margin-right : 1px;
}

#globalnav ul li a, #globalnav ul li a:link {
	display : block;
	width : 120px; height : 66px;
	border-bottom : 5px solid #666;
}


#globalnav ul li#portfolio { background : transparent url(media/i_interface/portfolio.gif) no-repeat; }
#globalnav ul li#portfoliocurrent { background : transparent url(media/i_interface/portfolio_a.gif) no-repeat; }
#globalnav ul li#services { background : transparent url(media/i_interface/services.gif) no-repeat; }
#globalnav ul li#servicescurrent { background : transparent url(media/i_interface/services_a.gif) no-repeat; }
#globalnav ul li#contact { background : transparent url(media/i_interface/contact.gif) no-repeat; }
#globalnav ul li#contactcurrent { background : transparent url(media/i_interface/contact_a.gif) no-repeat; }


#globalnav ul li a:hover {
	border-bottom : 5px solid #046594;
}

#globalnav ul li a#active {
	border-bottom : 5px solid #046594;
}

#globalnav ul li a span {
	display : none;
}

div#clientlogin {
	float : left;
	width : 230px; height : 66px;
	border-bottom : 5px solid #666;
	padding-left : 10px;
}

h2#login {
	margin : 10px 0; padding : 0;
	width : 62px; height : 13px;
	background : transparent url(media/i_interface/clientlogin.gif) no-repeat;
}

h2#login span {
	display : none;
	height : 1px;
}

.forminput {
	float : left;
	padding : 0; margin :0;
	margin-right : 5px;
}

.forminput input {
	margin : 0; padding : 0;
}

.forminput span {
	display : none;
	height : 1px;
}

label#uid {
	display : block;
	padding : 0; margin : 0;
	width : 53px; height : 7px;
	background : transparent url(media/i_interface/username.gif) no-repeat;
}

label#pwd {
	display : block;
	padding : 0; margin : 0;
	width : 53px; height : 7px;
	background : transparent url(media/i_interface/password.gif) no-repeat;
}
	
/*</group>*/

/*<group=Subnav>*/
#subnav {
	width : 724px;
	background-color : #046594;
	margin : 0 0 15px 0;
	padding : 0;
}

#subnav ul {
	margin : 0; padding : 6px 0 4px 0;
	list-style : none;
}

#subnav ul li {
	display : inline;
	margin : 0 10px;
}

#subnav ul li a, #subnav ul li a:link {
	text-decoration : none;
	color : #fff;
}

#subnav ul li a:hover {
	text-decoration : underline;
}

#jumpmenu {
	width : 725px;
	text-align : right;
	margin-bottom : 5px;
}

#jumpmenu select, #jumpmenu form, #jumpmenu option {
	margin : 0; padding : 0;
}
/*</group>*/

/*<group=Home>*/

#homefeature {
	margin-top : 6px;
}

#portfoliocontainer {
	float : right;
	display : inline;
	border-left : 1px solid #666;
	text-align : center;
}

#blogheadlines {
	border-left : 1px solid #666;
	clear : left;
	width : 459px;
}

#blogheadlines a {
	color : #f00;
}

#blog_header {
	position : relative;
	background-color : #046594;
	color : #fff;
}

#entry_header {
	position : relative;
	width : 724px;
	background-color : #046594;
	margin : 0 0 15px 0;
	padding : 0;
}

#entry_header form {
	position : absolute;
	top : 10px; left : 540px;
}

#blog_title {
	display : block;
	margin : 0; padding : 0;
	width : 190px; height : 40px;
	background : url(/media/i_interface/blog-header.gif) no-repeat;
	text-indent : -5000px;
}

#recentprojects {
	display : block;
	margin : 0; padding : 0;
	width : 185px; height : 40px;
	background : url(/media/i_interface/recent-projects.gif) no-repeat;
	text-indent : -5000px;
}

#blog_header form {
	position : absolute;
	top : 10px;  left : 270px;
}

#q {
	display : block;
	float : left;
	margin : 1px 10px 0 0;
	padding : 0;
	width : 150px;
	color : #999;
}

#btn-search {
	float: left;
	padding : 0;
}

#blog_content {
	height : 620px;
	overflow : auto;
}

#blogheadlines .post {
	border-bottom : 1px solid #ccc;
	margin : 1em;
}

#blogheadlines .post h3 {
	color : #333;
	font-size : 14px;
}

#blogheadlines .post h3 a {
	color : #333;
	text-decoration : none;
}

.post-date {
	color : #666;
	font-family : helvetica, arial, sans-serif;
	font-size : 12px;
}

.author {
	color : #999;
}

.post, .comment {
	border-bottom : 1px solid #ccc;
}

#commentbox {
	background-color : #f2f2f2;
}

#commentbox h4 {
	margin : 0 15px 25px 25px;
	padding-top : 20px;
	padding-left : 0 !important;
	font-size : 1.4em;
	border-bottom : 1px solid #595959;
}

.form-field {
	clear : both;
}

.form-field input {
	font-family: arial, helvetica, sans-serif;
	font-size: 1.4em;
	padding: 2px;
	margin: 0px;
	background-color: #FFF;
}

.comment_web_input, .comment_email_input, .comment_name_input {
	width: 190px;
	margin: 5px 10px 5px 0px;
}

.form-field textarea#message {
	clear: none;
	width: 355px;
	height: 150px;	
	margin: 5px 0px 5px 0px;
}

.form-field label {
	float: left;
	width: 65px;
	margin: 0px;
	padding: 9px 0px 8px 0px;
	font-size: 12px;
	line-height: 14px;
	color: #000;
}

.note {
	color : #666;
}

.form-field-full {
	margin-left : 140px;
}

#user-settings {
	margin-left : 65px;
	padding : 10px 0;
}

#user-settings label {
	float : none !important;
	margin-left : 5px;
	margin-bottom : 20px;
}

#textile-help {
	display : block;
	text-align : right;
	margin-right : 15px;
}

#form-button {
	margin-left : 65px;
}

#form-button input {
	float : none !important;
}


	
/*</group>*/

/*<group=Portfolio>*/

.portfoliolist {
	clear : both;
}

.portfoliolist h1 {
	width : 100px; height : 20px;
	text-align : right;
	float : left;
}

.portfoliolist h1 span {
	display : none;
	height : 1px;
}

.portfoliolist h1#web { background : transparent url(media/i_portfolio/web-list-header.gif) no-repeat; }
.portfoliolist h1#print { background : transparent url(media/i_portfolio/print-list-header.gif) no-repeat; }
.portfoliolist h1#apparel { background : transparent url(media/i_portfolio/apparel-list-header.gif) no-repeat; }
.portfoliolist h1#photo { background : transparent url(media/i_portfolio/photo-list-header.gif) no-repeat; }

.portfoliolist div {
	float : left;
}

.portfoliolist div ul {
	list-style : none;
	color : #666;
	margin-left : 10px; padding-left : 0; padding-top : 7px;
}

.portfoliolist div ul a {
	color : #666;
	text-decoration : none;
}

.portfoliolist div ul a:hover {
	color : #046594;
}

.portfoliopreview {
	float : left;
	text-align : center;
	width : 240px;
	border-right : 1px solid #666;
	margin-bottom : 40px;
}

.portfoliopreview2 {
	float : left;
	text-align : center;
	width : 240px;
	margin-bottom : 40px;
}

#portfoliocontainer .portfoliopreview {
	float : none !important;
	clear : both !important;
	border : 0 !important;
}


.portfoliopreview h2, .portfoliopreview2 h2 {
	color : #3C322D;
	font-size : 12px;
	margin : 5px 0 0 0;
}

.portfoliopreview p, .portfoliopreview2 p {
	margin : 0; padding :0;
}


.portfoliopreview div, .portfoliopreview2 div {
	width : 215px;
	text-align : right;
}

.portfoliopreview a, .portfoliopreview a:link, .portfoliopreview2 a, .portfoliopreview2 a:link {
	padding : 0; margin : 0;
	border-bottom : 5px solid #3C322D;
}

.portfoliopreview a:hover, .portfoliopreview2 a:hover {
	border-bottom : 5px solid #046594;
}

#portfolionav {
	width : 725px;
	text-align : right;
}

#portfolionav ul {
	margin : 0; padding : 0;
	list-style : none;
	font-family : Georgia, serif;
	color : #046594;
}

#portfolionav ul li {
	display : inline;
	margin-right : 7px;
}

#portfolionav ul li a, #portfolionav ul li a:link {
	color : #666;
	text-decoration : none;
}

#portfolionav ul li a:hover {
	color : #046594;
}

#portfolioadhoc {
	float : left;
	width : 245px;
}

#portfoliodesc {
	float : left;
	width : 475px;
}
/*</group>*/

/*<group=Contact>*/
#contactdetails {
	float : left;
	width : 161px;
	text-align : right;
	padding-right : 20px;
}

h2#contactus {
	width : 161px; height : 17px;
	background : #fff url(media/i_contact/contactinfo.gif) no-repeat;
}
h2#contactus span {
	display : none;
}

h2#mappreview {
	width : 161px; height : 17px;
	background : #fff url(media/i_contact/mappreview.gif) no-repeat;
	marging-bottom : 0; padding-bottom : 0;
}
h2#mappreview span {
	display : none;
}

h2#inforequest {
	width : 161px; height : 17px;
	background : #fff url(media/i_contact/inforequest.gif) no-repeat;
}
h2#inforequest span {
	display : none;
}

#contactform {
	float : left;
	border-left : 1px dotted #666;
	padding-left : 20px;
}

#contactform p {
	width : 400px;
}

.formentry {
	margin-bottom : 15px;
}

#contactform label {
	display : block;
	color : #3C322D;
}

input#name, input#business, input#phone, input#email {
	width : 200px;
}

textarea#text {
	width : 400px;
	height : 250px;
}
address {
	font-style : normal;
	line-height : 140%;
}

address strong {
	color : #3C322D;
}

#map {
	width : 725px;
	text-align : center;
}

#north {
	width : 325px;
	float : left;
	text-align : left;
	padding-left : 25px;
}

#north h2 {
	font-size : 14px;
	color : #FF7F00;
}

#south {
	width : 325px;
	float : left;
	text-align : right;
	padding-right : 25px;
	border-right : 1px dotted #666;
}

#south h2 {
	font-size : 14px;
	color : #046594;
}

#north ul, #south ul {
	list-style : none;
	margin : 1em 0; padding : 0;
}
/*</group>*/

/*<group=Services>*/
#coreservices {
	float : left;
	width : 161px;
	padding-left : 20px;
}

#coreservices ul {
	list-style-image : url(media/i_common/list-arrow.gif);
	margin : 0; padding-left : 20px;
	color : #666;
}

#companyoverview {
	float : left;
	padding : 0 25px;
	border-right : 1px dotted #666;
	width : 435px;
}

#companyoverview p {
	margin-top : 0;
}

blockquote#pullquote-communicate {
	margin : 0; padding : 0;
	width : 438px;
	height : 77px;
	background : #fff url(media/i_services/pullquote1.gif) no-repeat;
}

blockquote#pullquote-communicate span {
	display : none;
}

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.sIFR-hasFlash h1.replace, .sIFR-hasFlash h1.portfolioheader {
	margin: 0; padding: 0;
	font-weight: normal;
	font-size: 18px;
	line-height: 1.5em;
	letter-spacing: -.05em;
	clear : both;
}

.sIFR-hasFlash h2.subheader {
	margin : 0; padding : 0;
	font-weight : normal;
	font-size : 14px;
	line-height : 1.3em;
	letter-spacing : -.05em;
}

.sIFR-hasFlash h2.subheader2 {
	margin : 0; padding : 10px 0;
	font-weight : normal;
	font-size : 14px;
	line-height : 1.3em;
	letter-spacing : -.05em;
}

/*</group>*/