@charset "utf-8";
body { margin:0; padding:0; background:url(images/website-designer-devon-bg.png) repeat-x;width:100%; }
html { padding:0; margin:0; border:0;}

.clr { clear:both;}

/* main */
.main {width:100%; padding:0; margin:0 auto;  }

/* top */
.top_right {width:65px; margin:0 auto; float:right; height:35px; padding: 20px 0 0 80px; background:url(images/1_home_04.gif) no-repeat left bottom; }
.top_left {width:830px; padding-top:35px; margin:0 auto; float:left; height:20px; font: normal 11px Arial, Helvetica, sans-serif; color:#151B1E;}

/* header */
.header { width:982px; margin:0 auto; padding:0; height:163px;  }
.logo { width:982px; height:120px; margin:0; padding-top:20px; margin-bottom:0px; float:left; background-image:url(images/website-designer-devon.png); background-repeat:no-repeat; background-position:top left;   }
.logo div { width:982px; height:61px; margin:0; padding:0; }
.text_logo { float:left; font:bold italic 13px Arial, Helvetica, sans-serif; color:#7c878b; padding-top:20px; }

/* menu */
.menu { float:right; width:350px;  padding:0; margin-right:10px; font:  13px Arial, Helvetica, sans-serif;}
.menu ul {
	float:right;
	margin:5px 30px 0 1px;
	padding-top:43px;
	list-style:none;
}
.menu li { margin:0; padding:0; font:bold 13px Arial, Helvetica, sans-serif; color:#fff; float:left; }
.menu a { float:left; font:normal 13px Arial, Helvetica, sans-serif; color:#ffffff; margin:0 2px 0 0; padding:12px 0 10px 0; text-decoration:none; }
.menu .current { color: #7f98a5; }

.menu a:hover { float:left; font:normal 13px Arial, Helvetica, sans-serif; color:#7f98a5; margin:0 2px 0 0; padding:12px 0 10px 0; text-decoration:none; }
.menu a span { padding:12px 15px 10px 15px;}

/* scroller */
.scroller { width:982px; margin:0 auto; padding:0; height:342px; float:left; float:left; font:12px Arial, Helvetica, sans-serif; color:#fff;}
.img_left { width:650px; height:342px; margin:0 auto; float:left;}
.img_left .link { width:625px; float:left; list-style:none; padding:20px;}

.img_left .link ul.tabs-nav { float:left; margin:0; padding:0; list-style:none; width:535px;}
.img_left .link ul.tabs-nav li { float:left; margin:0 1px; padding:0;}
.img_left .link ul.tabs-nav li a { float:left; display:block; padding:12px 0; color:#ffffff; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none;}
.img_left .link ul.tabs-nav li a span { padding:12px 20px;}
.img_left .link ul.tabs-nav li a:hover { background:url(images/sub_menu_r.png) no-repeat right top;}
.img_left .link ul.tabs-nav li a:hover span { background:url(images/sub_menu_l.png) no-repeat left top;}
.img_left .link ul.tabs-nav li.tabs-selected a { background:url(images/sub_menu_r.png) no-repeat right top;}
.img_left .link ul.tabs-nav li.tabs-selected a span { background:url(images/sub_menu_l.png) no-repeat left top;}

.text_right h1 { font:normal 20px Arial, Helvetica, sans-serif; color:#e5e5e5; padding:0; margin:0;}
.text_right p { font:normal 14px Arial, Helvetica, sans-serif; color:#cccccc; padding:10px 0 0 2px; margin:0; line-height:1.8em;}
.text_right img { }

.text_right { width:950px; margin:0 auto; float:left; padding:50px 25px 10px 0px; height:276px; overflow:hidden; border-top:1px solid #394654;}

/* white*/
.white { width:982px; margin:0 auto; padding:0; background:#fff;  margin-top:10px; font: 14px Arial, Helvetica, sans-serif; color:#6f6f6f; line-height:1.6em;}
.white img {}
.white p { padding:10px 5px; margin:0; color:#6f6f6f;}
.white h1 {color:#6f6f6f;padding:10px 0; margin:0; font-weight:normal;}
.white h2 {font: bold 18px Arial, Helvetica, sans-serif; color:#6f6f6f;}
.white h3 {font: bold 18px Arial, Helvetica, sans-serif; color:#6f6f6f;  padding:10px 0; margin:0;}
.white a { color:#6f6f6f; text-decoration:none; }
.white a:hover { color:#333333; text-decoration:none;}
.white .left {float:left; width:280px; margin:20px 0; padding:0 20px; border-right:1px solid #edeeee;}
.white .left p.b_bottom {
	background-image:url(images/divider_sm.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	margin-bottom:0px;
	padding-bottom: 25px;
}
.white .right {float:right; width:620px; margin:20px !important; margin:20px 10px 20px 20px; color:#2F2F2F;}
.white .right_r {float:right; width:305px; padding:15px 0;}
.white .right_l {float:left; width:570px; padding-top:20px;}
.white ul { list-style:none; margin:0; padding:10px; color:#6f6f6f;}
.white li { padding:8px;  color:#6f6f6f;}
.white li a { text-decoration:none;  }
.white li a:hover { text-decoration:none;   color:#333333; }
.white .author {font: 11px Arial, Helvetica, sans-serif; color:#6f6f6f; padding:5px 0;}
.white .content {}
.white .content  ul { }
.white .content  li { background:url(images/li_03.jpg) no-repeat center left; border:none; padding-left:25px;}

/* button */
.button {
	float:left;
	width:110px;
	margin-right:2px;
	height:20px;
	background:#718e9f url(images/top_right.gif) top right no-repeat;
	color: #FFFFFF;
}
.button div { height:20px; background: url(images/top_left.gif) top left no-repeat;}
.button div div { height:20px; background: url(images/bottom_left.gif) bottom left no-repeat;}
.button div div div { height:20px; background: url(images/bottom_right.gif) bottom right no-repeat; }
.buttonnav a { color:#FFFFFF; text-decoration:none;    }
.button a { font:12px Arial, Helvetica, sans-serif; color:#fff; line-height:1.6em; text-decoration:none; }
.button a:hover { text-decoration:none; color:#333333;}


p.response { text-align:center; color:#F00;}

/* footer*/
.footer { width:982px; margin:0 auto; padding:0; background-color:#333333; font: 13px Arial, Helvetica, sans-serif;}
.footer .l {width:450px; float:left; margin:0 auto; padding-top:20px; padding-left:17px; color:#6f6f6f;}
.footer .l a { padding:0 5px; text-decoration:none; color:#6f6f6f;}
.footer .l a:hover { text-decoration:underline;}


.footerwrapper { width:100%; height:130px;  margin:0 auto; padding:0; background-color:#333333  ; font: 13px Arial, Helvetica, sans-serif; background-image:url(images/footer_top.png); background-repeat:repeat-x; background-position:top left;}

.sitemapwrapper { width:100%;  margin:0 auto; padding:0; background-color:#4b5f69;  font: 13px Arial, Helvetica, sans-serif; border-top:2px solid #666666;  }
/* footer*/
.sitemap { width:972px; margin:0 auto; padding:0; padding-top:6px; padding-left:30px;  font: 13px Arial, Helvetica, sans-serif; background-color:#4b5f69; display:none;}
.sitemap  a { text-decoration:none; color:#ffffff;}
.sitemap a:hover { text-decoration:underline;}
 
.showhide  {
	padding: 0 !Important;
	margin: 0 !Important;
	background-color:#4b5f69;
	height:300px;
}

.showhide ul li{
padding-left:0px;
margin:0px;
color:#ffffff;
line-height:18px;
}

.showhide h1{
padding-left:37px;
color:#ffffff;
}

.sitemapleft{
	float:left;
	width:300px;
	margin-right:20px;
	padding-top: 0px;
	background-color:#50646e;
	min-height:250px;
			margin-top:10px;
}

.sitemapmiddle{

	float:left;
	width:300px;
	margin-right:20px;
	padding-top: 0px;
	background-color:#50646e;
		min-height:250px;
		margin-top:10px;
}

.sitemapright{
	float:left;
	width:300px;
	margin-right:20px;
	padding-top: 0px;
	background-color:#50646e;
		min-height:250px;
				margin-top:10px;
}

#opennav a.open {background: url(images/bt_open.png) no-repeat left 0;  padding-left:25px; padding-bottom:5px; }
#opennav a:hover.open {background: url(images/bt_open.png) no-repeat left -19px; padding-left:25px; padding-bottom:5px; }
#opennav a.close {background: url(images/bt_close.png) no-repeat left 0;  padding-left:25px; padding-bottom:5px; }
#opennav a:hover.close {background: url(images/bt_close.png) no-repeat left -19px; padding-left:25px; padding-bottom:5px; }

#opennav a {
    -moz-user-focus: none;
    user-focus: none;
    outline: none;
}

.white .left .whitetext{
color:#666666;
}

.galleryimage {float:left; width:65px; background:#dddddd; height:65px; margin:5px; padding:0px; border:2px solid #dddddd;}

.ecardstylemissing { background-color:#ecd3d3; }
.erroralert { background: url(images/alert.jpg) no-repeat left 0;  padding-left:20px; }