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

* {margin:0; padding:0; border:0;}
img {border:0;}
input {vertical-align:middle;}
.clear:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}

body {
	font-size: 62.5%;
	font-family: "Lucida Grande", Verdana, sans-serif;
	background: #666666;
}

/* MAC FONT SIZES ----------------------*/
.mac body {
	/*font-size: 71.5%;*/
	font-size: 10px !important;
	font-family: "Lucida Grande", Verdana, sans-serif;
	background: #666666;
}

a:link		{color:#223351; text-decoration:none;}
a:visited	{color:#223351; text-decoration:none;}
a:hover		{color:#008080; text-decoration:none;}
a:active	{color:#008080; text-decoration:none;}

.wrap		{width: 960px; height: 100%; margin:20px auto;position: relative;}
.content	{width: 960px; height:100%; background-color:#ffffff;  float:left; margin:0px 0px 0px 0px; padding: 0px 0px 10px 0px;}
.header		{width: 960px; height: 200px;}		
.banner		{width: 920px; height: 370px; padding: 20px 20px 20px 20px; background:#ffffff;}
.nav		{width: 960px; height: 90px; background:#ffffff; padding:10px 0px 0px 0px;}	
.rotator	{width:590px; height: 240px; float:left;}	

.splash		{text-align:center;}


.column		{height: 100%; float:left;}
.ad			{margin: 20px 0px 0px 5px; width:185px;}
.text-left-home	{margin: 0px 20px 0px 20px; width: 370px;}
.text-right-home	{margin: 20px 20px 0px 0px; width: 294px;}
.text-left	{margin: 0px 20px 0px 20px; width: 294px;}
.text-left2	{margin: 0px 0px 0px 20px; width: 510px;}
.text-left-portfolio	{margin: 0px 20px 0px 20px; width: 321px;}

.text-right	{margin: 0px 0px 0px 0px; width: 294px;}
.image-home		{float:right; margin: 0px 20px 0px 0px; width: 530px; background:#999999;}
.image	{float:right; margin: 0px 18px 20px 0px; width: 294px; background:#999999;}
.image h3	{cursor:pointer;}
body#about .image h3 {cursor:default;}

.image-portfolio	{float:left; margin: 0px 5px 5px 0px; width: 190px; background:#999999;}
.image-portfolio h3	{cursor:pointer;}

.image2	{margin: 0px 0px 20px 20px; width: 394px; background:#999999;}
.main-text	{margin: 0px 0px 0px 20px; width: 408px; height:25px;}
.footer		{width: 920px; height: 25px; float:left; margin:0px 0px 0px 20px;}
.footer p	{text-align:center; font-size:1em; color:#223351; margin:5px 0px 0px 0px;}

.profile1	{margin: 0px 20px 0px 20px; padding: 0px 0px 0px 0px; text-align:left; border-bottom: 1px solid #cccccc; width:725px;}
.profile1 img {position:relative; bottom:-11px;}
.profile2	{margin: 0px 20px 0px 20px; padding: 0px 0px 0px 0px; text-align:right; height:180px; border-bottom: 1px solid #cccccc;}


.profile-overlap2 { border-bottom: 1px solid #cccccc; margin: 0px 20px 0px 20px; width:725px; float:right;}
.profile-overlap2 img	{margin: -30px 0px 0px 20px; float:right;}
.profile-overlap2 p	{margin: 20px 20px 15px 0px; text-align:right;}
.profile-overlap2 h1	{margin: 0px 20px 0px 0px; text-align:right;}

.profile-overlap1 { border-bottom: 1px solid #cccccc;margin: 0px 20px 0px 20px; width:725px; float:left;}
.profile-overlap1 img	{margin: -30px 20px 0px 0px; float:left;}
.profile-overlap1 p	{margin: 20px 20px 15px 0px; text-align:left;}
.profile-overlap1 h1	{margin: 0px 20px 0px 0px; text-align:left;}

.profile1 h1	{margin:0px 0px 0px 20px;}
.profile2 h1	{margin: 0px 20px 0px 0px;}

.profile1 p	{margin: 0px 0px 15px 20px;}
.profile2 p	{margin: 0px 20px 15px 0px;}

.profile1 img	{float:left; margin: 0px 20px 0px 0px;}
.profile2 img	{float:right; margin: 0px 0px 0px 20px;}

.gallery		{margin: 0px 0px 20px 20px; width: 394px;}
.gallery img	{ background-image: url(/img/page/gallery-frame.gif); padding:9px;}
.gallery h3		{padding: 10px 0px 10px 10px; font-size:1.3em; font-weight:bold; line-height: 1.5em; color:#ffffff; display:block; width:95%; height:100%; background:#999999;}


p			{margin: 0px 0px 15px 0px; font-size:1.2em; line-height: 1.4em; color:#666666;}
h1			{margin: 0px 0px 15px 0px; font-size:1.8em; font-weight:bold; line-height: 1.5em; color:#000000;}
h2			{margin: 0px 0px 15px 0px; font-size:1.8em; font-weight:bold; line-height: 1.5em; color:#666666;}

.main-text h1	{margin: 0px 0px 0px 0px; font-size:1.8em; font-weight:bold; line-height: 1.5em; color:#000000; float:left;}
.main-text h2	{margin: 0px 0px 0px 0px; font-size:1.8em; font-weight:bold; line-height: 1.5em; color:#666666;}

h3			{padding: 10px 0px 10px 10px; font-size:1.3em; font-weight:bold; line-height: 1.5em; color:#ffffff; display:block; width:95%; height:100%;}
h4			{margin: 0px 20px 0px 0px; font-size:1.6em; font-weight:bold; line-height: 1.5em; color:#000000;}
ul			{margin:0px 0px 0px 15px;}
li			{margin: 0px 0px 15px 0px; font-size:1.2em; line-height: 1.4em; color:#666666;}

.nav	img			{float:left; margin: 0px 0px 0px 18px;}
/*.nav	a:link		{color:#ffffff; text-decoration:none; font-weight:bold;}
.nav	a:visited	{color:#ffffff; text-decoration:none; font-weight:bold;}
.nav	a:hover		{color:#ffffff; text-decoration:none; font-weight:bold;}
.nav	a:active	{color:#ffffff; text-decoration:none; font-weight:bold;}

.dropdown {float: left;padding-right:0px; z-index:200; text-align:right; margin: 0px 0px 0px 0px; }
dl.dropdown  {float: left;}
.dropdown dd {position:absolute; margin:76px 0px 0px 0px; overflow:hidden; width:180px; display:none; z-index:200; background:#cccccc;float: left}
.dropdown ul {list-style:none; border-top:none; margin:0px 0px 0px 0px; z-index:200; text-align:left;float: left}


.dropdown dt {font-size:12px; cursor:pointer; height:34px; display:block; float:right; margin:40px 0px 0px 0px; padding:0px 0px 0px 0px; z-index:200; background:#cccccc;}
.dropdown dt a {height:24px; display:block; margin:0px 0px 0px 0px; padding: 10px 30px 0px 30px; }
.dropdown dt:hover	{height: 34px; display:block; float:left; padding:0px 0px 0px 0px; margin: 40px 0px 0px 0px; font-size:12px; background:#859fc3;}

.dropdown li {list-style:none; display:block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; z-index:200; height:34px; font-size:12px; }
.dropdown li a {height:24px; display:block; margin:0px 0px 0px 0px; padding: 10px 0px 0px 10px;  z-index:200; font-size:12px;}
.dropdown li:hover {margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; display:block; height:34px; background:#859fc3; font-size:12px;}*/

#services-installation {height:50px; display:block;}
#services-installation a {height:50px; display:block;}
#services-installation li:hover {height:50px; display:block;}

/*						#home-nav	{margin: 40px 2px 0px 0px;}
body#home				#home-nav	{color:#223351; text-decoration:none; background:#859fc3;}
						#one-ddheader	{margin: 40px 2px 0px 0px;}
body#about				#one-ddheader	{color:#223351; text-decoration:none; background:#859fc3;}
						#two-ddheader	{margin: 40px 2px 0px 0px;}
body#services			#two-ddheader	{color:#223351; text-decoration:none; background:#859fc3;}
						#portfolio-nav	{margin: 40px 2px 0px 0px;}
body#portfolio			#portfolio-nav	{color:#223351; text-decoration:none; background:#859fc3;}
						#contact-nav	{margin: 40px 2px 0px 0px;}
body#contact			#contact-nav	{color:#223351; text-decoration:none; background:#859fc3;}*/

#one-ddcontent	{width:117px;}
#two-ddcontent	{width:116px;}



.bread-crumb	{margin:11px 0px 15px 0px;}

/* IE HACKS ----------------------------------------------------- */


/*.ie .text-left-home	{margin: 0px 20px 0px 20px; width: 340px;}
.ie .text-left-home h1 {font-size:1.6em;}

.ie .dropdown #one-ddcontent {position:absolute; margin:76px 0px 0px -119px; overflow:hidden; width:117px; display:none; z-index:200; background:#cccccc;}
.ie .dropdown #two-ddcontent {position:absolute; margin:76px 0px 0px -118px; overflow:hidden; width:116px; display:none; z-index:200; background:#cccccc;}


.ie .profile1 img {position:relative; bottom:-15px;}
.ie .profile-overlap1 img {position:relative; bottom:-15px;}
.ie .profile-overlap2 img {position:relative; bottom:-15px;}

.ie #home-nav	{margin: 40px 2px 0px 270px;}*/

/*.gecko .text-left-home	{margin: 20px 20px 0px -206px; width: 294px;}*/


/*.gecko body#portfolio .text-left	{margin: 0px 20px 0px 20px; width: 273px;}
.safari body#portfolio .text-left	{margin: 0px 20px 0px 20px; width: 273px; height:300px;}*/

.safari #one-ddcontent {position:absolute; margin:76px 0px 0px 0px; overflow:hidden; width:113px; display:none; z-index:200; background:#cccccc;}
.safari #two-ddcontent {position:absolute; margin:76px 0px 0px 0px; overflow:hidden; width:107px; display:none; z-index:200; background:#cccccc;}