/* CSS Document */

/* BLOCKS */
#container{position:relative; margin-top:0px; margin-left:auto; margin-right:auto; width:930px;}
#mainContent{position:absolute; top:0px; z-index:30;  width:930px;}
#col930 {width:930px; margin-right: auto; margin-left: auto; clear: both; margin-top: 0px; margin-bottom: 0px;}
#portfolioContainer{position:relative; margin-top:206px; margin-left:auto; margin-right:auto; width:930px;}


#header{position:fixed; width:100%; height:137px; top:0px; padding:0px 0px 0px 0px; z-index:30; background-color:#000000; border-top:10px solid #222222; opacity:0.95; -moz-opacity:0.95; filter:alpha(opacity=95); z-index:2000; }
	#ICE9DigitalLogo{float:left; width:275px; height:41px; margin:48px 0px 0px 0px; z-index:30;}
	#phoneNumber{float:right; width:450px; height:30px; margin:10px 0px 0px 0px; z-index:30;}
	#mainMenu{float:right; width:565px; height:30px; margin:20px 0px 0px 0px; z-index:30;}
	#socialMedia{float:right; width:900px; height:17px; margin:8px 20px 0px 0px; z-index:30;}
	#Twitter{float:right; width:16px; height:16px; background:#00acee;  margin-right:5px; transition-property:width,height; transition-duration:0.5s; -webkit-transition-property:width,height; -webkit-transition-duration:0.5s;}
	#Twitter:hover{float:right; width:32px; height:32px; background-image:url(images/twitter.png); background-position:top; background-repeat:no-repeat;}
	#Facebook{float:right; width:16px; height:16px; background:#3b5998; margin-right:5px; transition-property:width,height; transition-duration:0.5s; -webkit-transition-property:width,height; -webkit-transition-duration:0.5s;}
	#Facebook:hover{float:right; width:32px; height:32px; background-image:url(images/facebook.png); background-position:top; background-repeat:no-repeat;}
	#Google{float:right; width:16px; height:16px; background:#da4937; transition-property:width,height; transition-duration:0.5s; -webkit-transition-property:width,height; -webkit-transition-duration:0.5s;}
	#Google:hover{float:right; width:32px; height:32px; background-image:url(images/Google.png); background-position:top; background-repeat:no-repeat;}
	#subMenu{position:fixed; width:100%; height:30px; top:147px; padding:0px 0px 0px 0px; z-index:200; background-color:#aaaaaa; opacity:0.95; -moz-opacity:0.95; filter:alpha(opacity=95);}

#slideshow{float:left; width:100%; height:515px;z-index:10; background-color:#818181; margin-top:147px; }
#slideshowPortfolio{float:left; width:100%; height:auto; margin-top:147px; margin-bottom:25px; z-index:10; background-image:url(images/slideshow-bg.png); background-repeat:repeat-x; }
#slideshowContainer{position:relative; height: margin-top:0px; margin-left:auto; margin-right:auto; width:980px;}
#slideshowLogoContainer{position:relative; height: margin-top:0px; margin-left:auto; margin-right:auto; width:980px; background-image:url(images/portfolio/logos/Blank.png); background-position:top center; background-repeat:no-repeat;}


#aboutUs{float:left; width:100%; padding:50px 0px 80px 0px; z-index:10; background-color:#e0e0e0; border-bottom:solid 1px #cccccc; background-image:url(images/Client-Glow.png); background-position:top center; background-repeat:no-repeat;}
#aboutUsPage{float:left; width:100%; padding:50px 0px 80px 0px; margin-top:147px; z-index:10; background-color:#e0e0e0; border-bottom:solid 1px #cccccc; background-image:url(images/Client-Glow.png); background-position:top center; background-repeat:no-repeat;}
#websiteDesign{float:left; width:100%; padding:60px 0px 90px 0px; z-index:17; z-index:10; background-color:#f1f1f1; border-bottom:solid 1px #ffffff; border-top:solid 1px #ffffff; }
#graphicDesign{float:left; width:100%; padding:60px 0px 90px 0px; z-index:17; z-index:10; background-color:#fafafa; border-bottom:solid 1px #ffffff;}
#logoDesign{float:left; width:100%; height:100%; padding:60px 0px 90px 0px; z-index:17; z-index:10; background-color:#f6f6f6; border-bottom:solid 1px #ffffff;}
#Clients{float:left; width:100%;margin-top:147px;  padding:60px 0px 90px 0px; z-index:17; z-index:10; background-color:#f1f1f1; border-bottom:solid 1px #ffffff; border-top:solid 1px #ffffff; }
#contactUs{float:left; width:100%; height:100%;   padding:30px 0px 0px 0px;  z-index:17; z-index:10; background-color:#fff;}
#col930Contact {width:930px; height:540px; padding:20px 0px 0px 0px; margin-right:auto; margin-left:auto; clear:both;}

#websitePortfolio{float:left; width:100%; margin-top:147px; z-index:10; background-color:#818181;}

#footerIndex{float:left; width:100%; padding:20px 0px 70px 0px; z-index:10; margin-top:0px; background-color:#000000;}
#footer{float:left; width:100%; bottom:0px; padding:20px 0px 80px 0px; z-index:10; margin-top:60px; background-color:#000000;}
#footerLinks{float:left; width:100%; z-index:10; background-color:#000000; visibility:hidden;}

/* STYLES */

body{
	margin-top:0px;
	font:15pt/140% myextltregular, Verdana, Arial, Helvetica, sans-serif;
	color:#4c4c4c;
	background-color:#f6f6f6;
}

body, html{
  margin:0;
  padding:0;
}

html { overflow-y: scroll; }

h1 {
	margin-top:0px;
	font:28pt/160% allerbold, Verdana, Arial, Helvetica, sans-serif;;
	color:#000000;
	letter-spacing:-0.06em;
}

h2 {
	margin-top:0px;
	font-size:20pt;
	font-family: allerbold, Verdana, Arial, Helvetica, sans-serif;
	color:#4c4c4c;
	line-height:160%;
	letter-spacing:-0.06em;
}


h3 {
	margin-top:0px;
	font-size:13pt;
	font-family: allerbold, Verdana, Arial, Helvetica, sans-serif;
	color:#4c4c4c;
	line-height:160%;
	letter-spacing:-0.06em;
	text-align:right;
}

h4 {
	margin-top:5px;
	font-size:10pt;
	font-family: allerbold, Verdana, Arial, Helvetica, sans-serif;
	color:#4c4c4c;
	line-height:160%;
	letter-spacing:-0.06em;
	text-align:right;
}

h5 {
	margin-bottom:245px;
	font-size:20pt;
	font-family: allerbold, Verdana, Arial, Helvetica, sans-serif;
	color:#4c4c4c;
	line-height:140%;
	letter-spacing:-0.06em;
}

.webPortfolioClient {
	font-family:allerbold; 
	font-size:11pt; 
	color:#4c4c4c; 
	line-height:160%; 
	letter-spacing:-0.06em; 
	background-color:#f1f1f1; 
	padding:0px 10px 0px 5px;
}

.graphicPortfolioClient {
	font-family:allerbold; 
	font-size:11pt; 
	color:#4c4c4c; 
	line-height:160%; 
	letter-spacing:-0.06em; 
	background-color:#fafafa; 
	padding:0px 10px 0px 5px;
}

.logoPortfolioClient {
	font-family:allerbold; 
	font-size:11pt; 
	color:#4c4c4c; 
	line-height:160%; 
	letter-spacing:-0.06em; 
	background-color:#f6f6f6; 
	padding:0px 10px 0px 5px;
}

.portfolioClient {
	font-size:13pt;
	font-family: allerbold, Verdana, Arial, Helvetica, sans-serif;
	color:#4c4c4c;
	line-height:160%;
	letter-spacing:-0.06em;
	text-align:right;
	background-color:#f6f6f6; 
	padding:0px 10px 0px 10px;
}

.footerText{
	margin-top:0px;
	font: 9pt Verdana, Arial, Helvetica, sans-serif;
	color:#4c4c4c;
	line-height:140%;
}

.col {
	float: left;
	width:32%;
	margin:2% 2% 4% 0;
	height:auto;
	overflow:hidden;
	padding-left:0px;
}

.colRight {
	float: left;
	width:32%;
	margin:2% 0 4% 0;
	height:auto;
	overflow:hidden;
}

.smallHash {
	margin-right:10px;
	font-size:13pt;
	font-family: Arial, Helvetica, sans-serif;
	color:#dedede;
	line-height:160%;
	text-align:right;
}

.phoneNumber {
	font-size:20pt;
	font-family: Arial, Helvetica, sans-serif;
	color:#7f7f7f;
	line-height:160%;
}

.mainMenu A {
	font-size:10pt;
	font-family: allerbold, Arial, Helvetica, sans-serif;
	color:#ffffff;
	letter-spacing:-0.06em;
	line-height:160%;
	text-align:right;
}

.mainMenu A:visited {
	font-family: allerbold, Arial, Helvetica, sans-serif;
	color:#ffffff;
	letter-spacing:-0.06em;
	line-height:160%;
	text-align:right;
}

.mainMenu A:HOVER {
	font-family: allerbold, Arial, Helvetica, sans-serif;
	color:#7f7f7f;
	letter-spacing:-0.06em;
	line-height:160%;
	text-align:right;
}

.subMenu A {
	font-size:9pt;
	font-family: allerbold, Arial, Helvetica, sans-serif;
	color:#fff;
	letter-spacing:-0.06em;
	line-height:160%;
	text-align:right;
}

.subMenu A:visited {
	font-family: allerbold, Arial, Helvetica, sans-serif;
	color:#fff;
	letter-spacing:-0.06em;
	line-height:160%;
	text-align:right;
}

.subMenu A:HOVER {
	font-family: allerbold, Arial, Helvetica, sans-serif;
	color:#4c4c4c;
	letter-spacing:-0.06em;
	line-height:160%;
	text-align:right;
}

.clearfloat{
	font-size: 1px;
	line-height: 0px; 
	height: 0px;
	clear:both; 
	margin: 0px;
}

.heading{
	color:#990000;
	font-family: Arial, sans-serif;
	font-size:18px; 
	line-height:180%;
	font-stretch: extra-condensed;
}

.subheading{
	color:#4c436e;
	font-size:14px;
	font-weight:600;
}

.emphasis{
	color:#4c436e;
	font-weight:bold;
	font-style:italic;
}
.moreEmphasis{
	color:#999999;
	font-weight:bold;
}

img{
	border:0px;
}

A{
	color:#4c4c4c;
	text-decoration:none;
	outline:none;
}

A:visited{
color:#4c4c4c;
}

A:HOVER{
color:#333333;
}
