/*
 * #01 - Columns
 * #02 - Sections
 * #03 - Lists
 * #04 - Forms
 * #05 - Tables
 * #06 - ThickBox 
 * #07 - Other
 */

/* #01 - COLUMNS **************************************************************/

.singlecol
{
	margin-left: 48px;
	width: 874px;
}

.leftcol-main
{
	float: left;
	width: 614px;
	padding-right: 24px; /* 22 + 2 for column border */
	margin-left: 48px;
	display: inline; /* IE6 doubled float-margin bug */
	/* padding-bottom: 50px; */
	
	background: transparent url('../images/divider_v.gif') 100% 0 repeat-y; 
}
.leftcol-main.pad-after { padding-bottom: 75px; }
body#seo .leftcol-main.pad-after,
body#web-programming .leftcol-main.pad-after { padding-bottom: 125px; }
body#web-hosting .leftcol-main.pad-after { padding-bottom: 175px; }
body#contact-success .leftcol-main.pad-after { padding-bottom: 200px; }
#sub-footer .leftcol-main { margin-top: 12px; background-image: none; }
#bottom-footer .leftcol-main { margin-top: 6px; background-image: none; }

.leftcol
{
	float: left;
	width: 296px;
	clear: both;
	background: transparent;
}

.middlecol
{
	float: right;
	width: 296px;
	display: inline; /* IE6 doubled float-margin bug */
	background: transparent;
}

.rightcol
{
	float: right;
	width: 214px;
	margin-right: 48px;
	display: inline; /* IE6 doubled float-margin bug */
	background: transparent;
} 
#sub-footer .rightcol { margin-top: 0; }
.rightcol.twolineh2 { margin-top: 118px; }

body#portfolio .col1, body#portfolio .col2,
body#portfolio .col3, body#portfolio .col4
{
	float: left;
	width: 151px;
	margin-right: 75px;
	padding-bottom: 1px; /* required for border-bottom on links on last line, since they are below baseline */
}
body#portfolio .col4 { margin-right: 0; }

#client-list .leftcol-main
{
	width: 562px;
	margin-left: 0;
	padding-right: 18px;
	background-image: none;
}
#client-list .leftcol { width: 272px; }
#client-list .middlecol { width: 272px; }
#client-list .rightcol { width: 272px;  margin: 0; }

.twocol-break
{
	margin-bottom: 36px;
	overflow: hidden; /* contains floats */
	padding-bottom: 1px; /* required for border-bottom on links on last line, since they are below baseline */
}

.twocol-process
{
	margin-bottom: 0;
	overflow: hidden;
	padding-bottom: 1px; /* required for border-bottom on links on last line, since they are below baseline */ 
}

#bottom-footer .rightcol { margin-top: 6px; text-align: right; }

/* #02 - SECTIONS *************************************************************/

/* Masthead */

#masthead-contact
{
	width: 90px;
	height: 14px;
	display: inline; /* IE6 doubled-float-margin bug */
	float: right;
	margin: 59px 48px 0 0;
	
	text-indent: -9999px;
	overflow: hidden;
	background: transparent url('../images/masthead_contact.jpg') 0 0 no-repeat;
}

/* Left Column */

div.boxed
{
	text-align: center;
	margin-bottom: 36px;
	padding: 24px 44px 0 24px;
}

#web-design-services { padding-bottom: 1px; } /* required for border-bottom on links on last line, since they are below baseline */
#web-design-services div.boxed,
body#process div.boxed
{
	text-align: left;
	margin-top: 10px;
	margin-bottom: 0;
	padding: 24px 44px 0 24px;
	width: 542px; /* required to avoid jump in jquery slide */ 
}

.leftcol-main img
{
	border: 2px solid #000;
}

/* Right Column */

.rightcol img { margin-bottom: 24px; }

.rightcol .rc-box
{
	display: block;
	width: 214px;
	text-indent: -9999px;
	overflow: hidden;
	background: transparent 0 0 no-repeat;
	margin-bottom: 24px;
}
.rightcol .rc-box.gap-after { margin-bottom: 48px; }

#rc-wd-1 { background: url('../images/rc_wd_1.gif');  height: 113px; }
#rc-wd-1:hover { background-position: 0 -113px; }
#rc-wd-tm { background: url('../images/rc_wd_tm.gif');  height: 251px; }
#rc-wd-2 { background: url('../images/rc_wd_2.gif');  height: 146px; }
#rc-wd-2:hover { background-position: 0 -146px; }
#rc-wd-em { background: url('../images/rc_wd_em.gif');  height: 204px; }
#rc-wd-em:hover { background-position: 0 -204px; }
#rc-gd-em { background: url('../images/rc_gd_em.gif');  height: 204px; }
#rc-gd-em:hover { background-position: 0 -204px; }
#rc-bid-1 { background: url('../images/rc_bid_1.gif');  height: 212px; }
#rc-bid-1:hover { background-position: 0 -212px; }
#rc-seo-1, #rc-seo-3 { background: url('../images/rc_seo_1.gif');  height: 194px; }
#rc-seo-1:hover, #rc-seo-3:hover { background-position: 0 -194px; }
#rc-seo-2, #rc-seo-4 { background: url('../images/rc_seo_2.gif');  height: 164px; }
#rc-seo-2:hover, #rc-seo-4:hover { background-position: 0 -164px; }
#rc-whed-1 { background: url('../images/rc_whed_1.gif');  height: 146px; }
#rc-whed-2 { background: url('../images/rc_whed_2.gif');  height: 261px; }
#rc-whed-2:hover { background-position: 0 -261px; }
#rc-ewd-1 { background: url('../images/rc_ewd_1.gif');  height: 122px; }
#rc-ewd-1:hover { background-position: 0 -122px; }
#rc-ewd-em { background: url('../images/rc_ewd_em.gif');  height: 223px; }
#rc-ewd-em:hover { background-position: 0 -223px; }
#rc-wa { background: url('../images/rc_wa.gif');  height: 141px; }
#rc-wa:hover { background-position: 0 -141px; }
#rc-fi-2 { background: url('../images/rc_fi_2.gif');  height: 93px; }
#rc-fi-2:hover { background-position: 0 -93px; }
#rc-proc-em { background: url('../images/rc_proc_em.gif');  height: 223px; }
#rc-proc-em:hover { background-position: 0 -223px; }
#rc-about { background: url('../images/rc_about.gif');  height: 136px; }
#rc-about:hover { background-position: 0 -136px; }

.related-links
{
	width: 204px;
	padding: 49px 0 0 10px;
	margin-bottom: 12px;
	border: 2px solid #000;
	background: #333 url('../images/related_links_bg.gif') 0 0 no-repeat;
	overflow: hidden;
}

.rightcol .contact-item
{
	display: block;
	padding: 0 0 5px 25px;
	margin-bottom: 12px;
	background: transparent 0 0 no-repeat;
}

/* Flash Index Statement */

body#index #flash
{
	width: 874px;
	height: 182px;
	margin-bottom: 36px;
	background: transparent url('../images/index_statement_bg.gif') 0 0 no-repeat;
}

/* Portfolio */

#portfolio-buttons
{
	margin-left: 70px;
	text-align: center;
	overflow: hidden;
}

#portfolios { display: none; }



#client-list
{
	clear: both;
	background: transparent url('../images/divider_h.gif') 0 0 repeat-x;
	padding-top: 36px;
	margin: 36px 48px 0;
}

#TB_ajaxContent .pf-info .pf-collab-link { margin-bottom: 6px; }

/* Divider */

.divider-h
{
	background: transparent url('../images/divider_h.gif') 0 0 repeat-x;
	padding-top: 36px;
}

/* Footer */

#sub-footer .rightcol a:link,
#sub-footer .rightcol a:visited,
#sub-footer .rightcol a:hover,
#sub-footer .rightcol a:active
{
	margin-left: 113px;
	width: 101px;
	height: 38px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: transparent url('../images/footer_contact_us.gif') 0 0 no-repeat;
}

#sub-footer .rightcol a:hover { background-position: 0 -38px; }

#bottom-footer .rightcol img { margin-bottom: 0;  vertical-align: -2px; }

/* #03 - LISTS ****************************************************************/

#inner-wrapper ul
{
	list-style: none;
	margin-bottom: 24px;
}

#inner-wrapper div.boxed ul { margin-bottom: 0px; }

#inner-wrapper ul.break,
#inner-wrapper ol.break
{
	margin-bottom: 36px;
}

#inner-wrapper ul ul,
#inner-wrapper ol ul
{
	margin-top: 10px;
	margin-bottom: 0;
}

#inner-wrapper ul li
{
	padding-left: 15px;
	margin-bottom: 10px;
}

#inner-wrapper ol
{
	margin-bottom: 24px;
	margin-left: 22px;
}

#inner-wrapper ol li { margin-bottom: 10px; }

/* #04 - FORMS ****************************************************************/

fieldset
{
	border: 2px solid #000;
	padding: 15px;
	margin-bottom: 15px;
	background: #333 url('../images/box_bg.gif') 0 0 no-repeat;
}
fieldset.short { padding-bottom: 0; }

/* form p */

label { display: block; }
input { width: 281px; }

#contactby,
#services { overflow: hidden; }

#contactby div { float: left;  width: 72px; }
#services div { float: left;  width: 290px; }
#services p { margin-bottom: 12px; }

#contactby input,
#services input { width: auto; }

#contactby label,
#services label { float: none; display: inline; }

#email-input, #phone-input { clear: both; }

textarea { width: 290px;  height: 105px; }
body#error404 textarea { width: 290px; height: 60px; }

#submit { width: 101px;  height: 37px;  margin-left: 17px; }
body#error404 #submit { margin-left: 0;  margin-top: 12px; }

.errorbox
{
    border: 2px solid red;
    background: #732626;
    color: #fff;
    font-weight: bold;
	width: 580px;
    padding: 15px;
    margin-bottom: 15px;
}

/* #05 - TABLES ***************************************************************/

/* #06 - THICKBOX *************************************************************/

#TB_ajaxContent .modal-header
{
	margin-top: 4px;
	height: 24px;
}

#TB_ajaxContent a.modal-close
{
	float: right;
	margin-right: 26px;
	
	display: inline-block; /* inline for IE6 doubled float-margin bug */
	width: 50px;
	height: 19px;
	text-indent: -9999px;
	overflow: hidden;
	background: transparent url('../images/modal_close.gif') 0 0 no-repeat;
	border: none;
}
#TB_ajaxContent a.modal-close:hover { background-position: 0 -19px; }

#TB_ajaxContent .modal-window
{
	float: left;
	width: 902px;
	height: 495px;
	margin-left: 36px;
	background: #333 url('../images/modal_bg.gif') 0 0 no-repeat;
}

#TB_ajaxContent .pf-content
{
	width: 850px;
	height: 379px;
	margin-bottom: 24px;
	margin-left: 26px;
	overflow: hidden; /* contain floats */
}

#TB_ajaxContent .pf-image,
#TB_ajaxContent .pf-image-bid
{
	float: left;
	display: inline; /* IE6 doubled float-margin bug */
/*	width: 614px;
	height: 375px;*/
}

#TB_ajaxContent .pf-image-bid img
{
	margin-top: 12px;
	border: 2px solid #000;
}

#TB_ajaxContent .pf-info
{
	float: right;
	width: 214px;
	height: 379px;
}

#TB_ajaxContent .pf-info p { margin-bottom: 12px; }

#TB_ajaxContent .pf-numbers
{
	clear: both;
	float: left;
	width: 614px;
	height: 36px;
	margin-left: 26px;
	display: inline; /* IE6 doubled float-margin bug */
}

#TB_ajaxContent .pf-number
{
	display: block;
	float: left;
	width: 37px;
	height: 37px;
	overflow: hidden;
	text-indent: -9999px;
	background: #333 url('../images/modal_pf_numbers.gif') 0 0 no-repeat;
	cursor: pointer;
}
#TB_ajaxContent .pf-number.selected { background-position: 0 -37px;  cursor: default; }
#TB_ajaxContent .pf-num-2 { background-position: -37px 0; } 
#TB_ajaxContent .pf-num-2.selected { background-position: -37px -37px; }
#TB_ajaxContent .pf-num-3 { background-position: -74px 0; }
#TB_ajaxContent .pf-num-3.selected { background-position: -74px -37px; }
#TB_ajaxContent .pf-num-4 { background-position: -111px 0; }
#TB_ajaxContent .pf-num-4.selected { background-position: -111px -37px; }
#TB_ajaxContent .pf-num-5 { background-position: -148px 0; }
#TB_ajaxContent .pf-num-5.selected { background-position: -148px -37px; }
#TB_ajaxContent .pf-num-6 { background-position: -185px 0; }
#TB_ajaxContent .pf-num-6.selected { background-position: -185px -37px; }
#TB_ajaxContent .pf-num-7 { background-position: -222px 0; }
#TB_ajaxContent .pf-num-7.selected { background-position: -222px -37px; }
#TB_ajaxContent .pf-num-8 { background-position: -259px 0; }
#TB_ajaxContent .pf-num-8.selected { background-position: -259px -37px; }
#TB_ajaxContent .pf-num-9 { background-position: -296px 0; }
#TB_ajaxContent .pf-num-9.selected { background-position: -296px -37px; }
#TB_ajaxContent .pf-num-10 { background-position: -333px 0; }
#TB_ajaxContent .pf-num-10.selected { background-position: -333px -37px; }
#TB_ajaxContent .pf-num-11 { background-position: -370px 0; }
#TB_ajaxContent .pf-num-11.selected { background-position: -370px -37px; }
#TB_ajaxContent .pf-num-12 { background-position: -407px 0; }
#TB_ajaxContent .pf-num-12.selected { background-position: -407px -37px; }
#TB_ajaxContent .pf-num-13 { background-position: -444px 0; }
#TB_ajaxContent .pf-num-13.selected { background-position: -444px -37px; }
#TB_ajaxContent .pf-num-14 { background-position: -481px 0; }
#TB_ajaxContent .pf-num-14.selected { background-position: -481px -37px; }
#TB_ajaxContent .pf-num-15 { background-position: -518px 0; }
#TB_ajaxContent .pf-num-15.selected { background-position: -518px -37px; }

/* #07 - OTHER ****************************************************************/

.center { text-align: center; }
.center-margins { margin-left: auto;  margin-right: auto; }
.float-left { float: left; }
.float-right { float: right; }

.no-break { margin-bottom: 0; }
.break { margin-bottom: 36px; }
.break-after { margin-top: 36px; }