/* CSS Document */

body {
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size:10px;
	background:url(../images/bg_grad_full.jpg) repeat-x top;
	color:#979797;
	}
legend {
	color:#979797;
	}
	
body, h1, h2, h3, h4, h5, h6, p, ul, dl, dt, dd, fieldset, input {
	margin:0;
	padding:0;
	}
	
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	}
h2, h3 {
	margin-bottom:16px;
	}
h3 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:13px;
	color:#545454;
	}
h4 {
	font-size:10px;
	color:#727272;
	text-transform:uppercase;
	}
h5 { font-size:10px; color:#727272; }
.subcontent h5 { text-transform:uppercase; }
.subcontent h5.role { text-transform: none; }
.subcontent h5 a { color:#727272; }

h6 {	
	font-size:10px;
	margin-bottom:18px;
	}
img, table, fieldset {
	border:none;
	}
input, 
textarea	{
	background-color:#f8f8f8;
	}
textarea { overflow:auto; }

ul { list-style:none; }
	
p { margin-bottom:18px; }
strong {
	color:#727272;
	font-weight:normal;
	text-transform:uppercase;
	}

a:link, a:visited, a:active {
	text-decoration:none;
	color:#979797;
	outline:none;
	border:none;
	}
	
a:hover {
	text-decoration:none;
	color:#bbb;
	outline:none;
	border:none;
	}
/*img, div, a, input { behavior: url(resources/iepngfix.htc) } /*PNG Fix on IE6 currently throwing js error*/

	
.workstatus {
	font-style:italic;
	}
/* GENERAL LAYOUT
-----------------------------------------------------------
body contains gradient repeat-x bg at bottom of page
-> [wrapper] is 1008px wide and contains diasa background
-> -> [container] is 688px and has margin-left of 99px;
-> -> -> [topnav] margin-left of 15px, which is width of section watermark for content section
*/
#wrapper {
	width:1008px;
	background:url(../images/bg_main_top.jpg) no-repeat top right;
	position:relative;
	padding-top:41px;
	margin:auto;
	}	
#container {
	margin-left:99px;
	width:688px;
	padding-right:60px;/*allows rubik to show at right as it slides in*/
	overflow: hidden; 
	position:relative;
	}

#page_container {
	height:516px;
	overflow:hidden;
	width: 6370px;/*width:688px;*/
	position:relative;
	}
.content {
	height:516px;/*Should be fixed*/
	width:632px;/*688px total, but add 100px to move adjacent out of site.*/
	padding-top:33px;
	padding-left:56px;/*watermark is 15px, actual padding for its content 41px*/
	padding-right:100px;
	background-position:0 85px;
	background-repeat:no-repeat;
	float:left;
	position:relative;
	}
.col_b {
	width:154px;/*160px total*/
	padding-right:6px;
	float:right;
	}	
.col_a {
	width:420px;
	float:left;
	}
.subcontent {
	height:520px;
	position:relative;
	}
#subpage_container_a,
#subpage_container_a .subcontent {
	width:400px;/*426px total*/
	}
/*set heights so that scrolling piece ends above "more" button*/
#subpage_container_a,
#subpage_container_b,
#subpage_container_c,
#subpage_container_d {
	position:relative;
	overflow:hidden;
	height:430px;
	}

.rubik_drawer {
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
}


#masthead {
	float:right;
	margin-right:12px;
	margin-bottom:39px;/*43px minus 4px top padding on nav for rollover ease*/
	position:relative;
	/*z-index:1;*/
	border:1px red solid;
	visibility:hidden;
	}
	
#page_company .subcontent {
	padding-right:40px;
	}
	
#page_company #subpage_container_b {
	height:450px;
	}	
	
#page_portfolio .subcontent {	
	width:632px;
	}
/* TOPNAV
-----------------------------------------------------------*/
#topnav {
	clear:right;
	background:url(../images/topnav.gif) no-repeat 20px 4px;
	position:relative;
	height:16px;
	margin-left:15px;
	border-bottom:1px #d4d4d4 solid;
	}
#topnav li {
	position:absolute;
	}
#topnav li.home {
	left:385px;
	top:-65px;
	width:275px;
	height:50px;
	background:url(../images/logo.gif) no-repeat right top;
	}
#topnav li.home a {height:100%;background:none;}
#topnav li.company {left:20px;}
#topnav li.portfolio {left:130px;}
#topnav li.services {left:240px;}
#topnav li.quote {left:344px;}
#topnav li.contact {left:470px;}
#topnav li.login {left:560px;}

#topnav li a {
	display:block;
	text-indent:-5000em;
	overflow:hidden;
	padding-top:4px;
	width:100%;
	height:12px;
	background-image:url(../images/topnav.gif);
	background-repeat:no-repeat;
	}

#topnav li.company,
#topnav li.company a {
	width:68px;
	background-position:0 0;
	}
#topnav li.portfolio,
#topnav li.portfolio a {
	width:86px;
	background-position:-110px 0;
	}
#topnav li.services,
#topnav li.services a {
	width:82px;
	background-position:-220px 0;
	}
#topnav li.quote,
#topnav li.quote a {
	width:112px;
	background-position:-324px 0;
	}
#topnav li.contact,
#topnav li.contact a {
	width:80px;
	background-position:-450px 0;
	}
#topnav li.login,
#topnav li.login a {
	width:110px;
	background-position:-540px 0;
	}

#topnav li.company a {background-position:0 4px;}
#topnav li.portfolio a {background-position:-110px 4px;}
#topnav li.services a {background-position:-220px 4px;}
#topnav li.quote a {background-position:-324px 4px;}
#topnav li.contact a {background-position:-450px 4px;}
#topnav li.login a {background-position:-540px 4px;}

#topnav li.company a:hover {background-position:0 -10px;}
#topnav li.portfolio a:hover {background-position:-110px -10px;}
#topnav li.services a:hover {background-position:-220px -10px;}
#topnav li.quote a:hover {background-position:-324px -10px;}
#topnav li.contact a:hover {background-position:-450px -10px;}
#topnav li.login a:hover {background-position:-540px -10px;}

/* SERVICES NAV
-----------------------------------------------------------*/
#servicesnav {
	border-left:1px #dedede solid;
	width:174px;/*204px total*/
	padding:0 10px 0 20px;
	float:right;
	font-size:10px;
	color:#727272;
	text-transform:uppercase;
	position:relative;
	}
#servicesnav li {
	margin-bottom:6px;
	margin-left:10px;
	text-indent:-10px;
	}
#servicesnav li a:hover {
	color:#bbb;
	}
#servicesnav li.listheading {
	text-indent:0;
	margin:0;
	}
#servicesnav #hd_webservices a {
	display:block;
	width:100%;
	height:100%;
	}
/* PORTFOLIO NAV
-----------------------------------------------------------*/

#nav_webportfolio li {
	margin-bottom:6px;
	}
#nav_webportfolio li a {
	display:block;
	text-indent:-999em;
	overflow:hidden;
	border:1px #ddd solid;
	}
#nav_webportfolio li a:hover {
	border:1px #999 solid;
	}
#nav_webportfolio li,
#nav_webportfolio li a {
	width:64px;
	height:28px;
	}

#nav_webportfolio li.slide-a a, #highlightnav li.slide-a a {background-image:url(../images/port_w_ifcs.jpg)}
#nav_webportfolio li.slide-b a, #highlightnav li.slide-b a {background-image:url(../images/port_w_ras.jpg)}
#nav_webportfolio li.slide-c a, #highlightnav li.slide-c a {background-image:url(../images/port_w_nss.jpg)}
#nav_webportfolio li.slide-d a, #highlightnav li.slide-d a {background-image:url(../images/port_w_raams.jpg)}
#nav_webportfolio li.slide-e a, #highlightnav li.slide-e a {background-image:url(../images/port_w_las.jpg)}
#nav_webportfolio li.slide-f a, #highlightnav li.slide-f a {background-image:url(../images/port_w_abs.jpg)}
#nav_webportfolio li.slide-g a, #highlightnav li.slide-g a {background-image:url(../images/port_w_rudanskayas.jpg)}
#nav_webportfolio li.slide-h a, #highlightnav li.slide-h a {background-image:url(../images/port_w_cms.jpg)}
#nav_webportfolio li.slide-i a, #highlightnav li.slide-i a {background-image:url(../images/port_w_sraders.jpg)}



/* FOOTER
-----------------------------------------------------------*/
#footer {
	position:relative;
	clear:both;
	height:60px;
	}
#footnav {
	margin-bottom:33px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:9px;
	text-align:center;
	}
#footnav li {
	display:inline;
	}
#footnav li a{
	color: #999; padding: 0 5px;
	}
#footnav li a:hover{
	color: #bbb; 
	}
#copyright {
	position:absolute;
	left:288px;
	top:41px;
	/*z-index:1;*/
	}
/* MASKS
-----------------------------------------------------------*/
#mask_a,
#mask_b,
#mask_c {
	position:absolute;
	}
#mask_a {
	top:113px;
	right:0;
	width:232px;
	height:441px;
	background:url(../images/bg_mid_113pxtop.png) no-repeat;
	z-index:;
	}
#mask_b {
	top:554px;
	right:0;
	width:271px;
	height:84px;
	background:url(../images/bg_mid_554pxtop.png) no-repeat;
	z-index:;
	}
#mask_c {
	top:638px;
	right:0;
	width:315px;
	height:186px;
	background:url(../images/bg_bot_638pxtop.png) no-repeat;
	z-index:-1;
	}
/* HEADINGS 
-----------------------------------------------------------*/
#hd_dvptandmmdesign,
#hd_diasadesign,
#hd_ourphilosophy,
#hd_aboutdiasadesign,
#hd_employment,
#hd_privacypolicy,
#hd_ourservices,
#hd_ourportfolio,
#hd_webportfolio,
#hd_identityportfolio,
#hd_printportfolio, 
#hd_obtainaquote, 
#hd_contactus, 
#hd_accountlogin,
#hd_webdvpt,
#hd_siteanalysis,
#hd_programmingsvcs, 
#hd_ecommsvcs, 
#hd_cms,
#hd_blogdvpt,
#hd_socialmedia, 
#hd_hostingandemail,
#hd_marketingsvcs,
#hd_managementsvcs,
#hd_graphicdesignsvcs,
#hd_brandingsvcs,
#hd_logodesign,
#hd_identities,
#hd_printartpkgdesign,
#hd_webservices,
#hd_designprintservices,
#hd_websiteanalysis,
#hd_onlinestrategy,
#hd_hostinglogin,
#hd_clientlogin,
#hd_404 {
	text-indent:-5000em;
	overflow:hidden;
	height:7px;
	width:360px;
	background-repeat:no-repeat;
	}
#hd_dvptandmmdesign {background-image:url(../images/hd_dvptandmmdesign.gif);width:403px;}
#hd_diasadesign {background-image:url(../images/hd_diasadesign.gif);}
#hd_ourphilosophy {background-image:url(../images/hd_ourphilosophy.gif);}
#hd_aboutdiasadesign {background-image:url(../images/hd_aboutdiasadesign.gif);}
#hd_employment {background-image:url(../images/hd_employment.gif);}
#hd_privacypolicy {background-image:url(../images/hd_privacypolicy.gif);}
#hd_ourservices {background-image:url(../images/hd_ourservices.gif);}
#hd_ourportfolio {background-image:url(../images/hd_ourportfolio.gif);}
#hd_webportfolio {background-image:url(../images/hd_webportfolio.gif);}
#hd_identityportfolio {background-image:url(../images/hd_identityportfolio.gif);}
#hd_printportfolio {background-image:url(../images/hd_printportfolio.gif);}
#hd_obtainaquote {background-image:url(../images/hd_obtainaquote.gif);}
#hd_contactus {background-image:url(../images/hd_contactus.gif);}
#hd_accountlogin {background-image:url(../images/hd_accountlogin.gif);}
#hd_webdvpt {background-image:url(../images/hd_webdvpt.gif);}
#hd_siteanalysis {background-image:url(../images/hd_siteanalysis.gif);}
#hd_programmingsvcs {background-image:url(../images/hd_programmingsvcs.gif);}
#hd_ecommsvcs {background-image:url(../images/hd_ecommsvcs.gif);}
#hd_cms {background-image:url(../images/hd_cms.gif);}
#hd_blogdvpt {background-image:url(../images/hd_blogdvpt.gif);}
#hd_socialmedia {background-image:url(../images/hd_socialmedia.gif);}
#hd_hostingandemail {background-image:url(../images/hd_hosting.gif);}
#hd_marketingsvcs {background-image:url(../images/hd_marketingsvcs.gif);}
#hd_managementsvcs {background-image:url(../images/hd_managementsvcs.gif);}
#hd_graphicdesignsvcs {background-image:url(../images/hd_graphicdesignsvcs.gif);}
#hd_brandingsvcs {background-image:url(../images/hd_brandingsvcs.gif);}
#hd_logodesign {background-image:url(../images/hd_logodesign.gif);}
#hd_identities {background-image:url(../images/hd_identities.gif);}
#hd_printartpkgdesign {background-image:url(../images/hd_printartpkgdesign.gif);}
#hd_websiteanalysis {background-image:url(../images/hd_websiteanalysis.gif);}
#hd_onlinestrategy {background-image:url(../images/hd_onlinestrategy.gif);}
#hd_404 {background-image:url(../images/hd_404.gif);}
#hd_clientlogin {background-image:url(../images/hd_clientlogin.gif);}
#hd_hostinglogin {background-image:url(../images/hd_hostinglogin.gif);}

#hd_webservices {
	background-image:url(../images/hd_webservices.gif);
	width:170px;
	height:6px;
	margin-bottom:16px;
	}
#hd_designprintservices {
	background-image:url(../images/hd_designprintsvcs.gif);
	width:170px;
	height:6px;
	margin:22px 0 16px 0;
	}
.privacypolicyheading {
	margin-bottom:20px;
	}
	
	
#page_services h3 a { color:#666; }
#page_services h3 a:hover { color:#999; }
#page_services h5, #page_company h5 { margin-bottom: 4px; }
#page_company h4, #page_company h5 { margin-bottom: 3px; }

	
/* WATERMARK PLACEMENT
-----------------------------------------------------------*/
#page_home {background-image:url(../images/wm_diasadesign_vert.gif);}
#page_company {background-image:url(../images/wm_company_vert.gif);}
#page_services {background-image:url(../images/wm_ourservices_vert.gif);}
#page_services.404 {background-image:url(../images/wm_404_vert.gif);}
#page_portfolio {background-image:url(../images/wm_ourwork_vert.gif);}
#page_obtainaquote {background-image:url(../images/wm_projectinquiry_vert.gif);}
#page_contact {background-image:url(../images/wm_contactus_vert.gif);}
#page_clientlogin {background-image:url(../images/wm_clientarea_vert.gif);}


/* SERVICES
-----------------------------------------------------------*/
.serviceslist {
	color:#727272;
	margin-bottom:16px;
	}
	
/* FORMS 

.form_a
-----------------------------------------------------------*/

.form_a label {
	width:190px;
	margin-bottom:12px;
	float:left;
	display:inline;/*IE6 Float Bug Fix*/
	margin-right:12px;
	height:30px;
	}
.form_a label input,
.form_a textarea, select#sel_quote_budget, select#sel_quote_timeframe {
	font-size:11px;
	color:#333;
	font-family:Helvetica, Arial, sans-serif;
	padding:2px;
	}

.form_a select option{
	line-height:1.3em;
	}
.form_a label input,
.form_a textarea {
	border-top:1px #bbb solid;
	border-left:1px #ccc solid;
	border-bottom:1px #ddd solid;
	border-right:1px #ddd solid;
	width:188px;/*width of label, minus 2px for border*/
	}

/* EXCEPTIONS/ADDITIONS to general .form_a styling*/
#quote_prefcontact {
	width:190px;
	margin-bottom:12px;
	float:left;
	display:inline;/*IE6 Float Bug Fix*/
	margin-right:12px;
	height:30px;
	}

#quote_prefcontact label {
	display:inline;
	width:auto;
	height:auto;
	margin-bottom:0;
	}
#quote_prefcontact label input {
	border:none;
	width:auto;
	background:none;
	}
#lbl_quote_servicereq,
#lbl_quote_desc,
#lbl_contact_subject,
#lbl_contact_msg {
	width:392px;
	}
#lbl_quote_servicereq input,
#lbl_contact_subject input,
#lbl_quote_desc textarea,
#lbl_contact_msg textarea {
	width:390px;
	}
#lbl_quote_desc,
#lbl_contact_msg {
	height:auto;
	}
#frm_obtainaquote .btn_submit,
#frm_contact .btn_send {
	display:block;
	clear:left;
	}
#frm_obtainaquote .btn_submit {margin-left:320px;}
#frm_contact .btn_send {margin-left:330px;}

#lnk_fb {
	display:block;
	}
	
/* OBTAIN A QUOTE
*/

#page_obtainaquote .col_b h5 { margin: 10px 0 10px 0; }

/* CLIENT LOGIN
*/

#frm_projectlogin,
#frm_forgotpassword,
#frm_hostlogin {
	padding:14px;
	width:260px;
	}
#frm_forgotpassword { padding-top:0px; }

#project_login_forms, #hosting_login_forms  {
	float:left;
	border:1px #e3e3e3 solid;
	}
#project_login_forms, #hosting_login_forms  {
	margin-right:19px;
	padding-bottom:6px; 
	}

#frm_projectlogin h4,
#frm_hostlogin h4 {
	font-size:10px;
	text-transform:uppercase;
	color:#727272;
	margin-bottom: 6px;
	}

.form_a #submit_plogin,
.form_a #submit_hlogin {
	clear:left;
	display:block;
	margin:0 0 12px 130px;
	
	}
#frm_hostlogin .lbl_domain {
	width:250px;
	}
#i_hlogin_domainprefix {
	width:40px;
	float:left;
	margin-right:3px;
	}
#frm_projectlogin .lbl_email,
#frm_hostlogin .lbl_email {
	width:222px;
	margin-right:4px;
	}
#i_hlogin_email,
#i_plogin_email {
	width:220px;
	}
#submit_hlogin_forgot,
#submit_plogin_forgot {
	padding-top:14px;
	background-color:#fff;
	}
/* PORTFOLIO 
-----------------------------------------------------------*/
.portfolionav {
	float:right;
	width:88px;
	}
.portfolio_info .mainimg {
	margin-bottom:21px;
	}
.portfolio_info h2 {
	font-size:11px;
	color:#727272;
	margin-bottom:10px;
	}
#port_js_print .slideshow_captions { margin-top:-38px; }

.portfolio_info h2 a { color:#727272; }

.portfolio_info h2 span {
	font-size:10px;
	font-style:italic;
	color:#888;
	padding-left: 6px;
	
	}
.portfolio_info h2 span.norm { font-style: normal; }
	
.portfolio_info h2 span a { color:#888; }
.project_url,
.project_title,
.project_desc {
	display:block;
	}
/* MORE BUTTONS	
-----------------------------------------------------------*/
.btn_more {
	display:block;
	width:42px;
	height:15px;
	text-indent:-5000em;
	overflow:hidden;
	background:url(../images/btn_more.gif) no-repeat;
	position:absolute;
	top:458px;
	}
#btn_more_company { z-index: 5000; top: 252px;
	left:688px;
	}
#btn_more_svcs {
	left:449px;
	}
	

#lnk_printportfolio, 
#lnk_identityportfolio,
#lnk_webportfolio {
	display:block;
	text-indent:-999em;
	width:232px;
	height:15px;
	position:absolute;
	bottom:100px;
	right:50px;
	background-repeat:no-repeat;
	background-position:top right;
	}
#lnk_printportfolio {
	background-image:url(../images/lnk_printportfolio.gif);
	}
#lnk_identityportfolio {
	background-image:url(../images/lnk_idportfolio.gif);
	}
#lnk_webportfolio {
	background-image:url(../images/lnk_webportfolio.gif);
	}
	
/* HOME
-----------------------------------------------------------*/
#home_showcase {
	margin-bottom:12px;
	}
#page_home .col_a {
	width:445px;
	float:left;
	}
	
#utilitynav,
#highlightnav,
#homenav {
	position:relative;
	}
#highlightnav,
#homenav {
	clear:both;
	}


	
#utilitynav li a,
#highlightnav li a,
#homenav li a {
	display:block;
	text-indent:-5000em;
	overflow:hidden;
	}
/* UTILITY NAV */	
#utilitynav {
	width:122px;
	background:url(../images/utilitynav.gif) no-repeat 0 4px;
	width:110px;
	height:70px;/*image height=62px, add 4px vert padding*/
	margin-left:480px;
	}
#utilitynav li {
	height:16px;
	}

#utilitynav li.phone {
	text-indent:-5000em;
	overflow:hidden;
	height:22px;
	}
	
/* HIGHLIGHT NAV */
#highlightnav {
	margin-bottom:26px; margin-top: 30px;
	height:30px;
	}
#highlightnav li {
	float:left;
	margin-right:25px;
	}
#highlightnav li,
#highlightnav li a {
	width:64px;
	height:28px;
	}	
#highlightnav li a {
	border:1px #ddd solid;
	}
#highlightnav li a:hover {
	border:1px #aaa solid;
	}

#highlightnav li.slide-h,
#highlightnav li.slide-i {
	display:none;
	}
	
/* HOME NAV */	
#homenav {
	position:relative;
	background:url(../images/homenav.gif) no-repeat 0 6px;
	width:591px;
	height:17px;
	}
#homenav li {
	position:absolute;
	height:17px;
	}
#homenav li a {
	height:100%;
	width:100%;
	}
#homenav li.lnk_websites {left:0;width:70px;}
#homenav li.lnk_graphicdesign {left:100px;width:120px;}
#homenav li.lnk_hosting {left:246px;width:80px;}
#homenav li.lnk_onlinemktg {left:340px;width:150px;}
#homenav li.lnk_identities {left:510px;width:84px;}

#lnk_moreaboutcompany {
	line-height:6px;
	position:relative;
	top:3px;
	left:3px;
	}

#page_home .intro {
	text-align:justify;
	}
	
/* SITE LOADER */

.dyn_loader{background-color: #fff; position: absolute;top:300px;width:100%; height: 32px;text-align:center;}
.dyn_loader_txt{line-height: 32px;}

/* CONTACT PAGE */
#page_contact .col_b a {
	display:block;
	margin:4px 0 14px 0;
	}
	
#page_contact .col_b p { line-height: 1.5em; }

h5#lnk_bookmark { margin:23px 0 2px 0; font-size: 90%; }
h5#lnk_bookmark a { color: #777; }

#hd_hrs, #hd_tele,
#hd_employmentemail,
#hd_techsupportemail {
	margin-bottom: 3px;
	}
	
ul#social li { float: left; display: inline; margin-right: 18px; margin-top: 5px; }	
	
/*COMPANY SECTION*/
#page_company h4.name {
	float:left;
	margin-right:9px; color: #666;
	}
#page_company p {
	clear:both;
	}