@charset "utf-8";
/* CSS Document */

body,td,th {
color:#000000;
	font: normal .8em Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
body {
background:url(../images/illustrationdan_landing.jpg);
background-repeat:no-repeat;
background-color:#000;
	background-position: center top;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#infocontainer {
margin:0 auto;
height:800px;
width:800px;
padding-top:800px;
}

#infocontainer h1, #infocontainer h2, a {
color:#000000;
}

#container2 {
margin: 0 auto;
width:799px;
background:url(../img/mainbg.gif);
background-repeat:repeat-y;
}

#container2 img {
border:none;
}

#container2 p {
margin:0px;
}

#top {
height:65px;
width:798px;
float:left;
background:url(../img/top_bg.jpg);
}

#nav {
background:url(../img/navbg.jpg);
background-repeat:repeat-y;
float:left;
width:799px;
height:42px;
}

#nav1 {
float:left;
width:400px;
height:42px;
}

#nav2 {
float:left;
width:200px;
height:42px;
padding-left:199px;
}

#flash {
float:left;
width:579px;
height:348px;
}

#flash_sub {
float:left;
width:579px;
height:132px;
}

#main_content {
float:left;
width:795px;
padding-left:4px;
}

#main_left {
border-top: thin solid #042D31;
background:url(../img/mainleft_bg.jpg);
background-repeat:repeat-x;
float:left;
width:581px;
xborder-right: thin solid #042D31;
padding:0px 0px 40px 0px;
}

#header_buttons {
background:#021116;
float:left;
width:576px;
height:84px;
padding:4px 0px 0px 3px;
}

#header_buttons ul {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

#header_buttons li {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

#header_buttons a:focus {
    outline: none;
}

#services {
color:#75A9B6;
float:left;
height:78px;
width:258px;
padding-left:27px;
padding-bottom:9px;
padding-top:5px;
line-height:16px;
font-size:10px;
letter-spacing:-.5px;
}

#services p {
margin:0px;
}

#services h2 {
margin:0px;
color:#0D989B;
text-decoration:none;
}

#services a {
color:#0D989B;
text-decoration:none;
}

#services a:hover {
text-decoration:underline;
}

.services_a {
color:#0D989B;
font-family:Geneva, Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:13px;
letter-spacing:0px;
font-weight:bold;
}

#services_img {
float:left;
height:78px;
width:28px;
padding-right:10px;
}

#recent_design {
color:#75A9B6;
float:left;
width:543px;
padding-left:27px;
padding-bottom:9px;
padding-top:5px;
line-height:16px;
font-size:10px;
letter-spacing:-.5px;
}

#recent_design_img {
padding:22px 0px 0px 23px;
float:left;
width:195px;
height:143px;
}

#recent_design_img img {
border:  medium solid #136D85;
}

#recent_design_copy {
padding-top:25px;
float:left;
width:301px;
height:96px;
}

#recent_design_copy a {
color:#0D989B;
text-decoration:none;
}

#recent_design_copy h3 {
margin:0px;
padding:0px;
color:#0D989B;
text-decoration:none;
}

#recent_design_copy a:hover {
text-decoration:underline;
}

#recent_design_work {
border-top: thin solid #08514C;
background:url(../img/performed_bg.jpg);
background-repeat:repeat-x;
float:left;
width:295px;
height:32px;
padding:4px 0px 0px 6px;
color:#03586D;
}

#recent_design_work a {
color:#0D989B;
text-decoration:none;
}

#recent_design_work_sub {
border-top: thin solid #08514C;
background:url(../img/performed_bg.jpg);
background-repeat:repeat-x;
float:left;
width:520px;
height:32px;
padding:4px 0px 0px 6px;
color:#03586D;
line-height:16px;
font-size:10px;
letter-spacing:-.5px;
}

#recent_design_work_sub a {
color:#0D989B;
text-decoration:none;
}


#left_header {
background:url(../img/homeheader_bg.jpg);
background-repeat:no-repeat;
float:left;
height:28px;
width:552px;
padding-left:27px;
padding-top:23px;
border-top: thin solid #042D31;
}

#left_header_cont {
float:left;
height:28px;
width:552px;
padding-left:27px;
padding-top:23px;
}

#left_header_cont_sub {
float:left;
height:28px;
width:552px;
padding-left:27px;
padding-top:43px;
}

#left_header_cont_recent {
float:left;
height:28px;
width:552px;
padding-left:27px;
padding-top:8px;
}

#site_content {
float:left;
width:525px;
padding:0px 27px 0px 27px;
}

#site_content img {
border:  medium solid #136D85;
margin:0px 0px 15px 20px;
}

#site_content_featured {
float:left;
width:525px;
padding:0px 27px 0px 27px;
}

#site_content_featured img {
margin:0px 0px 0px 0px;
}

#site_content a {
color:#0D989B;
text-decoration:none;
font-weight:bold;
}

#site_content p {
color:#75A9B6;
float:left;
line-height:20px;
font-size:12px;
letter-spacing:0px;
margin:13px 0px 0px 0px;
}

.INPUT { 
	border: 3px solid #085068;
	xfont-weight: bold;
	background-color: #085068;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 8pt;
}

.INPUT:hover { 
	border: 3px solid #1A677B;
	xfont-weight: bold;
	background-color: #1A677B;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 8pt;
}

.content_line {
margin:0px 10px 0px 27px;
float:left; 
}

#site_content_left {
margin-top:5px;
background:url(../img/mainleft_bg.jpg);
background-repeat:repeat-x;
float:left;
width:579px;
padding-bottom:38px;
}

#site_content_left h1 {
margin-bottom:10px;
}

#space {
float:left;
width:3px;
height:4px;
}

#main_right {
background:url(../img/mainright_bg.jpg);
background-repeat:repeat-x;
float:left;
width:208px;
xpadding-bottom:20px;
xborder-left: 1px solid #042D31;
}

#right_news {
float:left;
width:165px;
padding:0px 0px 0px 22px;
}

#right_news a {
text-decoration:none;
}

#right_news_head {
float:left;
width:165px;
padding:0px 0px 0px 0px;
xborder-bottom: thin solid #042D31;
}

#right_news_cont {
float:left;
width:165px;
padding:0px 0px 0px 0px;
}

#right_news p {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
float:left;
}

#right_header2 h3 {
color:#FFFFFF;
font-size:17px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:100;
margin:0px;
}

#right_news ul, #right_news li {
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 0px;
color:#75A9B6;
line-height:12px;
font-size:10px;
letter-spacing:-.5px;
}

#right_news a {
text-decoration:none;
color:#0C8A89;
font-weight:bold;
}

#right_news li {
xcolor: #909090;
xbackground:url(../images/news.gif);
xbackground-repeat: no-repeat; background-position: 0 .4em;
border-bottom: thin solid #042D31;
}

#main_right img {
float:left;
}

#main_right_content {
padding-left:22px;
}

#right_header {
xbackground:url(../img/homeheader_bg.jpg);
xbackground-repeat:no-repeat;
float:left;
height:23px;
width:187px;
padding-left:22px;
padding-top:23px;
}

#right_header2 {
background:url(../img/right_header2bg.jpg);
background-repeat:repeat-y;
float:left;
height:23px;
width:187px;
padding-left:22px;
padding-top:10px;
margin:22px 0px 0px 0px;
}


#footer{
float:left;
width:799px;
height:47px;
background:url(../img/footer_bg.jpg);
background-repeat:no-repeat;
}

#copyright{
margin: 0 auto;
width:799px;
height:30px;
color:#365F63;
line-height:16px;
font-size:10px;
letter-spacing:-.5px;
}

#copyright a {
color:#365F63;
text-decoration:none;
}

#copyright a:hover {
color:#0D989B;
text-decoration:none;
}

h1 {
color:#FFFFFF;
font-size:17px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:100;
margin:0px;
}

h2 {
color:#FFFFFF;
font-size:15px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:bold;
margin:0px;
}

.green_highlight {
color:#12BEBE;
}

/* SERVICES */
#cat_img {
width:150px;
float:left;
padding-right:20px;
padding-bottom:20px;
}

#cat_desc {
width:300px;
float:left;
}



#stylebox_header {
width:448px;
height:36px;
background:url(../img/stylebox_headerbg.jpg);
background-repeat:no-repeat;
margin:20px 0px 0px 0px;
padding:0px 0px 0px 10px;
}

.stylebox {
color:#FFFFFF;
font-size:17px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:100;
margin:0px;
text-align:left;
	display: block;
	line-height:36px;
}

.stylebox2 {
color:#FFFFFF;
font-size:17px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:100;
margin:0px;
}


.stylebox_body_bg {
background:#032531;
border-left: 1px solid #042D31;
border-right: 1px solid #042D31;
border-bottom: 1px solid #042D31;
text-align:left;
}

.styleboxul ul, .styleboxul li {
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 5px 0px;
color:#FFFFFF;
font-size:15px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:100;

}

.styleboxul li {
background:url(../img/stylebox_li.gif);
background-repeat: no-repeat; background-position: 0 .1em;
padding-left: 20px; 
}

.process ul, .process li {
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 14px 0px;
color:#75A9B6;
font-size:15px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:100;
}

.process li {
background:url(../img/process_ul.gif);
background-repeat: no-repeat; background-position: 0 .1em;
padding-left: 20px; 
}

.subh2 {
color:#FFFFFF;
font-size:17px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:100;
margin:0px;
}

.featured_img {
margin:0px;
padding:0px;
float:left;
border:none;
}

.INPUT_featured { 
	border: 3px solid #085068;
	xfont-weight: bold;
	background-color: #085068;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 8pt;
		height:30px;
}

.INPUT_featured:hover { 
	border: 3px solid #1A677B;
	xfont-weight: bold;
	background-color: #1A677B;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 8pt;
}

.featured_work {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 10px;
}

.featured_work ul, .featured_work li {
display: inline;
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color:#FFFFFF;
font-size:13px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:100;
}

.featured_work li {
background:url(../img/stylebox_li.gif);
background-repeat: no-repeat; background-position: 0 .1em;
padding-left: 15px; 
padding-right: 5px; 
}

#stylebox_header_featured {
width:448px;
height:36px;
background:url(../img/stylebox_headerbg.jpg);
background-repeat:no-repeat;
margin:30px 0px 0px 0px;
padding:0px 0px 0px 10px;
}

.featured_backtotop {
padding: 0px 0px 0px 35px;
color:#0D989B;
text-decoration:none;
font-weight:bold; 
}


/* HOMEAPGE SCROLLER */

#navigation {
  list-style: none;
  float:left;
}

#navigation ul {
  float: left;
  margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}

#navigation li {
  float: left;
    margin:0px 0px 0px px;
    padding:0px 10px 0px 0px;
}

#navigation a * {
  display: none;
}

#navigation a,
#navigation a .hover {
  height: 77px;
        position: relative;
        display: block;
        background: url(../img/home_sprites.jpg) 0 0 no-repeat;
		outline: none;
}

/* individual navigation2 items */
#navigation a.webdesign {
  background-position: 0 0;
  width:182px;
}

#navigation .highlight a.webdesign:hover,
#navigation a.webdesign .hover {
  background-position: 0 -77px;
  width:182px;
}

#navigation a.webdesign.selected {
  background-position: 0px -77px;
  width:182px;
}


#navigation a.cms {
  background-position: -182px -0px;
  width:182px;
}

#navigation .highlight a.cms:hover,
#navigation a.cms .hover {
  background-position: -182px -77px;
}

#navigation a.cms.selected {
  background-position: -182px -77px;
  width:182px;
}


#navigation a.creative {
  background-position: -364px 0;
  width:182px;
}

#navigation .highlight a.creative:hover,
#navigation a.creative .hover {
  background-position: -364px -77px;
}

#navigation a.creative.selected {
  background-position: -364px -77px;
  width:182px;
}


/* END navigation2 */