@import "reset.css";
/* Page Elements */
html{
	height:100%;
}

body{
	height:100%;
	overflow-y:scroll;
	font-family:arial, helvetica, sans-serif;
	color:#414141;
	font-size:12px;
	line-height:1.5em;
	background:#f2f2f1;
}

a,img{border:0;}

a:focus {outline:2px solid #a0879c;}
a:link{color:#414141; text-decoration:underline;}
a:visited{color:#414141; text-decoration:underline;}
a:hover{color:#7598b6; text-decoration:none;}
a:active{color:#7598b6; text-decoration:none;}

p{
	line-height:19px;
	font-size:13px;
}
.p_alt{
	font-family:arial,verdana,serif;
	font-size:12px;
	color:#ffffff;
}

h1,h2,h3,h4{
	font-weight:bold;
	display:inline;
	line-height:1.6em;}

h1{font-size:18px; color:#414141;}
h2{font-size:16px; color:#ffffff;}
h3{font-size:14px; color:#000000;}
h4{font-size:12px; color:#737171; line-height:18px;}
h4:hover{color:#ffffff;}

.txtBold{font-weight:bold;}
.txtSmall{font-size:11px;}
.txtCenter{text-align:center;}
.ClearBoth{clear:both;}
.FloatLeft{float:left;}
.FloatRight{float:right;}

/* Special Page Effects */
.Shadow{border:1px solid #202020; /* Drop Shadow Effect */-moz-box-shadow: 1px 1px 3px #202020;
	-webkit-box-shadow: 1px 1px 3px #202020; box-shadow: 1px 1px 3px #202020;	
	/* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength=3, Direction=135, Color='#202020')";
	/* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#202020');	
}
.truncate{width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* Start Image Sprites */
.displace {position:absolute;left:-5000px;}

/* Navigation */
a.img_Nav_Home,a.img_Nav_Services,a.img_Nav_Portfolio,a.img_Nav_AboutUs,a.img_Nav_Blog,a.img_Nav_ContactUs{display:block;text-decoration:none;height:35px;}
a.img_Nav_Home{background: url("http://www.euphonydesigns.com/5/img/header/home.png"); width:50px;}
a.img_Nav_Services{background: url("http://www.euphonydesigns.com/5/img/header/services.png"); width:80px;}
a.img_Nav_Portfolio{background: url("http://www.euphonydesigns.com/5/img/header/portfolio.png"); width:78px;}
a.img_Nav_AboutUs{background: url("http://www.euphonydesigns.com/5/img/header/about_us.png"); width:86px;}
a.img_Nav_Blog{background: url("http://www.euphonydesigns.com/5/img/header/blog.png"); width:53px;}
a.img_Nav_ContactUs{background: url("http://www.euphonydesigns.com/5/img/header/contact_us.png"); width:98px;}
a.img_Nav_Home:hover, a.img_Nav_Services:hover, a.img_Nav_Portfolio:hover,
a.img_Nav_AboutUs:hover, a.img_Nav_Blog:hover, a.img_Nav_ContactUs:hover{background-position:0 -35px;}

/* Social Networking Buttons */
a.img_sn_fb,a.img_sn_twit,a.img_sn_rss{display:block;text-decoration:none;height:30px;width:28px;}
a.img_sn_fb{background: url("http://www.euphonydesigns.com/5/img/header/sn_fb.png");}
a.img_sn_twit{background: url("http://www.euphonydesigns.com/5/img/header/sn_twit.png");}
a.img_sn_rss{background: url("http://www.euphonydesigns.com/5/img/header/sn_rss.png");}
a.img_sn_fb:hover, a.img_sn_twit:hover, a.img_sn_rss:hover{background-position:0 -30px;}

/* Home Page Services */
a.img_Service_WebDesign,a.img_Service_SEO,a.img_Service_Ecommerce{display:block;text-decoration:none;width:230px;}
a.img_Service_WebDesign{background:url('http://www.euphonydesigns.com/5/img/web_design.gif');height:73px;}
a.img_Service_SEO{background:url('http://www.euphonydesigns.com/5/img/seo.gif');height:84px;}
a.img_Service_Ecommerce{background:url('http://www.euphonydesigns.com/5/img/ecommerce.gif');height:84px;}
a.img_Service_WebDesign:hover{background-position:0 -73px;}
a.img_Service_SEO:hover,a.img_Service_Ecommerce:hover{background-position:0 -84px;}
/* End Image Sprites */

/* Structure and Layout */

hr{background:#c1c1c1; color:#c1c1c1; border:1px #c1c1c1; width:100%; height:1px; margin:10px 0px 10px 0px;}

/* FOOTER */
.h2_img{margin:7px 0px 0px 0px;}
.ul_footer{line-height:18px;}
 
a.a_foot:link{color:#6b9eca; text-decoration:none;}
a.a_foot:visited{color:#6b9eca; text-decoration:none;}
a.a_foot:hover{color:#ffffff; text-decoration:none;}
a.a_foot:active{color:#ffffff; text-decoration:none;}

a.a_foot_key:link{color:#737171; text-decoration:none;}
a.a_foot_key:visited{color:#737171; text-decoration:none;}
a.a_foot_key:hover{color:#ffffff; text-decoration:none;}
a.a_foot_key:active{color:#ffffff; text-decoration:none;}

#div_Footer_Keywords{
	clear:both;
	width:960px; 
	color:#737171;
}

/* NAVIGATION */
.ul_Nav{}
.li_Nav{
	display:inline;
	float:left;
	margin:0px;
}

/* Quote */
.frm_Quote_Input{width:203px; margin:0px 0px 5px 8px; padding:4px; border:1px solid #556674; background:#dae2e8;}
.frm_Quote_Input:focus{border:1px solid #556674; background:#ffffff;}
.frm_Quote_InputError{border:1px solid #D8000C;color:#D8000C;background-color:#FFBABA;}
.frm_Quote_Comments{width:203px;height:114px;padding:4px;background:#dae2e8;border:1px solid #556674;margin:0px 0px 0px 8px; font-family:arial,verdana;}
.frm_Quote_Comments:focus{background:#ffffff;}
.frm_Quote_CommentsError{font-weight:bold;border:1px solid #D8000C;color:#D8000C;background-color:#FFBABA;}
.frm_Quote_Submit{margin-left:8px;margin-top:0px;cursor:pointer}

/* Contact */
.lbl_Contact{float:left;width:120px;font-weight:bold;margin-top:8px;}
.frm_Contact_Input{width:180px;margin:5px;padding:5px;font-weight:bold;letter-spacing:1px;font-size:16px;}
.frm_Contact_InputError{width:180px;margin:5px;padding:5px;font-weight:bold;letter-spacing:1px;font-size:16px;border:1px solid #D8000C;color:#D8000C;background-color:#FFBABA;}
.frm_Contact_Comments{width:250px;height:150px;font-family:arial;margin:5px;padding:5px;font-weight:bold;letter-spacing:1px;font-size:16px;}
.frm_Contact_CommentsError{width:250px;height:150px;font-family:arial;margin:5px;padding:5px;font-weight:bold;letter-spacing:1px;font-size:16px;border:1px solid #D8000C;color:#D8000C;background-color:#FFBABA;}
.frm_Contact_Submit{margin-left:140px;margin-top:5px;width:90px;}

/* Portfolio */
ul.hover_block li{
	list-style:none;
	float:left;
	background: #e3e3e3;
	padding: 5px;
	width:330px; 
	position: relative;
	margin: 0px 20px 20px 0px;
}

ul.hover_block li a {
	display: block;
	position: relative;
	overflow: hidden;
	height: 138px;
	width: 310px;
	padding: 10px;
	color: #414141;
	
	font-size:12px;
	text-align:center;
}

ul.hover_block li a { text-decoration: none; }
ul.hover_block li img {
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}

/* MISC */
a.BlueBg:link{color:#ffffff; font-size:12px; text-decoration:none;}
a.BlueBg:visited{color:#ffffff; font-size:12px; text-decoration:none;}
a.BlueBg:hover{color:#ffffff; font-size:12px; text-decoration:underline;}
a.BlueBg:active{color:#ffffff; font-size:12px; text-decoration:underline;}