/*
	Eintouch Styles

	Table of Contents:
		layout
		typography
		components (such as the calendar, forms)
		containers
		template containers
*/

/* layout
----------------------------------------------- */

html, body, div, h1, h2, h3, ul, ol, li, form, fieldset,
input, textarea {margin: 0;padding: 0;font-size: 100%;}
ul {list-style: none;}
img, fieldset {border: 0;}
h1, h2, h3 {font-weight: normal;}
em {font-style: italic;}
strong {font-weight: bold;}
a{cursor:pointer}

body {
	background:#086182 url('/App_Themes/eintouch/images/background.jpg') top center repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	color: #444042;
}
body.LTR, body.RTL
{
	background:#086182 url('/App_Themes/eintouch/images/background.jpg') top center repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	color: #444042;
}

a,img {border: 0;}
p{margin: 0 0 .8em 0;}
a{color:#066081; text-decoration:none;}
a:hover{text-decoration:underline}
/* typography
----------------------------------------------- */

h1,
h2, 
h3, 
h4, 
h5, 
h6 { font-family:Arial, Helvetica, sans-serif;	color: #553c2a; font-weight:normal}

h1{ font-size:1.25em; margin:0 0 5px 0; color:#98320C;}
			h1 a { color:#98320c; text-decoration:none;}
			h1 a:hover {text-decoration: underline;}

h2{	}

h3{font-weight:bold; font-size:18px; color:#363636; padding:.5em 0 0 0; margin:0 0 .7em;}

h4{ font-size:13px; color:white; float:left; width:200px; margin:0 0 5px 0; padding:0;}
h4 strong{font-size:14px;}

h5{font-weight:bold; font-size:14px; color:#363636; padding:.5em 0 0 0; margin:0 0 .7em}
/* components
----------------------------------------------- */

img.fancybox {border: 1px solid #CCC; padding:2px; margin:10px 5px 10px 0;}

.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
.clearfix {display:block;}


/* sprites
----------------------------------------------- */

a.FB, a.TW{margin:5px 0 0 0; line-height:10px;}
a.FB{background:url('/app_themes/eintouch/images/FB.gif'); display:inline-block; width:35px; height:23px;}
a.TW{background:url('/app_themes/eintouch/images/TW.gif'); display:inline-block; width:34px; height:24px;}

/* forms
----------------------------------------------- */
#fForm{font-size:13px; margin:30px 0 15px}
#fForm label{margin:0 0 0 0; font-weight:bold; font-size:12px;}
#fForm span{background:none; color:#4C8EB0; padding:0 0 10px;}
#fForm input{height:20px; width:250px; background:white url('/App_Themes/Eintouch/images/inputbg2.gif') repeat-x bottom; border: 1px solid #E9E9E9; margin:6px 0; padding:2px}
	#fForm input:focus{border: 1px solid #1A6491;}
#fForm textarea{}
#fForm .TextAreaField {font-size:13px;font-family:Arial, Helvetica, sans-serif;height:175px; width:560px !important; background:white url('/App_Themes/Eintouch/images/inputbg2.gif') repeat-x bottom; border: 1px solid #E9E9E9; margin:8px 0; padding:2px}
	#fForm .TextAreaField:focus{border: 1px solid #1A6491;}
#fForm .business{float:left; margin:10px 0 15px 0; }
#fForm .submit input{margin:18px 0 15px 57px; width:128px; height:39px; float:left}

#fForm2{font-size:13px; margin:30px 0 15px}
#fForm2 label{margin:0 0 0 0; font-weight:bold; font-size:12px;}
#fForm2 span{background:none; color:#4C8EB0; padding:0 0 10px;}
#fForm2 input{height:20px; width:250px; background:white url('/App_Themes/Eintouch/images/inputbg2.gif') repeat-x bottom; border: 1px solid #E9E9E9; margin:6px 0; padding:2px}
	#fForm2 input:focus{border: 1px solid #1A6491;}
#fForm2 textarea{}
#fForm2 .TextAreaField {font-size:13px;font-family:Arial, Helvetica, sans-serif;height:175px; width:535px !important; background:white url('/App_Themes/Eintouch/images/inputbg2.gif') repeat-x bottom; border: 1px solid #E9E9E9; margin:8px 0; padding:2px}
	#fForm2 .TextAreaField:focus{border: 1px solid #1A6491;}
#fForm2 .business{float:left; margin:10px 0 15px 0; }
#fForm2 .submit input{margin:18px 0 15px 57px; width:128px; height:39px; float:left}
#fForm2 .formDiv{width: 285px; float: left; min-height:70px;}
#fForm2 .la .EditingFormLabel{color:#444042; font-weight:bold; font-size:12px;}
#fForm2 .la .CheckBoxListField td{height:50px;}
#fForm2 .la .CheckBoxListField input{width:15px; vertical-align:middle}
#fForm2 .la .CheckBoxListField label{margin:0 24px 0 8px; font-weight:normal}

/* Master Containters
----------------------------------------------- */

#wrapper{width:950px;margin:0 auto;}

#header{text-indent:-9999em; margin:20px 0 0 16px; padding:0 0 20px;}
	div#logo{float:left;  display:block;}
	#header a.logo{ background:url('/app_themes/eintouch/images/eintouchLogo.png'); width:217px; height:82px; 
		cursor:pointer; display:block; outline:0 none; }

#navigation{float:left; width:700px; height:26px; margin:38px 0 0;}
	#navigation ul{margin:0px 0 0 60px; }
	#navigation li{float:left; margin:0 0 0 40px;}
	#navigation a{display:block; text-decoration:none; outline:0 none; height:26px;}

.whyEintouch, .companyInfo, .clientProfiles, .theBlog, .getInContact, .ourServices{background:url('/app_themes/eintouch/images/navigationSprite.png'); 
	height:26px; display:block; cursor:pointer; overflow:hidden; outline:0 none;}

.whyEintouch{width:95px; background-position:0 0 }
.companyInfo{width:94px; background-position:0 -26px}
.clientProfiles{width:92px; background-position:0 -52px}
.theBlog{width:59px; background-position:0 -78px}
.getInContact{width:95px; background-position:0 -104px}
.ourServices{width:90px; background-position:0 -130px}

.whyEintouch:hover{background-position:-130px 0;}
.companyInfo:hover{background-position:-130px -26px;}
.clientProfiles:hover{background-position:-130px -52px;}
.theBlog:hover{background-position:-130px -78px;}
.getInContact:hover{background-position:-130px -104px;}
.ourServices:hover{background-position:-130px -130px;}

#contentAccent{margin:10px 0 0 0; background:url('/app_themes/eintouch/images/whiteaccent.png'); padding:1px 0 0 0; clear:both;}
	#contentArea{width:924px; margin:12px 13px 13px; background:white; clear:both;}


#footer{clear:both; margin:15px 13px 25px; color:white; font-family:Times New Roman, Times, serif; font-size:14px;}
	#footer a {color:white;}
	#footer	#copyright{float:right; width:300px; text-align:right; line-height:17px;}
	#footer #partners ul{width:300px; float:right; clear:right; margin:10px 0 0 0}
		#footer #partners li{float:right; margin:0 0 0 6px;}
		#footer a:hover {}
	#footer .industries{width:200px; float:left; margin:0 0 15px 0}
		#footer .industries li{ list-style-type:none; margin:4px 0 0 0;}
		#footer .industries li a{font-size:13px; text-decoration:none}
		#footer .industries li a:hover{text-decoration:underline}

/* home template
--------------------------------------------- */
.clearH{clear:both;}

#home{padding:25px 0 0 20px; font-family:Georgia, "Times New Roman", Times, serif; color:#505050}
	#home h1{ font-size:29px; font-family:Georgia, "Times New Roman", Times, serif; color:#505050; margin:0 0 20px 0; padding:0 }
	#home #contentIntro{width:415px; float:left; line-height:41px;}
	#home #contentIntro p{font-size:14px; line-height:24px; margin:0 0 0 0}
	#home #learnMore{width:336px; height:70px; background:url('/app_themes/eintouch/images/learnMorev2.jpg'); cursor:pointer; margin:20px 0 0 15px;}
	#home #homeFocus{width:469px; height:285px; background:url('/app_themes/eintouch/images/focusBg.jpg'); float:right; margin:-8px 10px 0 0px;}
		#home #homeFocus #homeFocusItem{width:428px; height:224px; margin:19px 0 0 19px;}
		
	#home #panelRange{clear:both; padding:50px 0;}
		#home #panelRange .panelItem{width:195px; height:100px; float:left; margin:0 26px 0 4px;}
		#home #panelRange .panelItem h2{font-size:17px; font-family:Georgia, "Times New Roman", Times, serif; color:#505050; font-weight:normal;
			text-transform:none; float:right; width:130px; margin:0 0 10px;}
		#home #panelRange .panelItem p{font-size:13px; line-height:19px; clear:both;}
		
	#emailIcon, #checkIcon, #facebIcon, #reportIcon{background:url('/app_themes/eintouch/images/iconsprite.jpg'); float:left;}
	#emailIcon{width:57px; height:36px; background-position:0 0;}
	#checkIcon{width:48px; height:47px; background-position:0 -36px; margin:-10px 0 0 0 }
	#facebIcon{width:60px; height:46px; background-position:0 -83px;}
	#reportIcon{width:41px; height:43px; background-position:0 -129px}
	
	#home #separator{clear:both; margin:20px 0; border-top:1px solid #d3d4d4; height:1px; width:885px;}
	#home #homeBottom{}
	
	#fromBlog, #fewClients, #connectWith{background:url('/app_themes/eintouch/images/headerSprite.gif'); width:400px;}
	
	#fromBlog{height:17px; background-position:0 0; width:88px; margin:0 0 15px;}
	#fewClients{height:20px; background-position:0 -17px; width:178px; float:right;}
	#connectWith{height:14px; background-position:0 -37px; width:106px; float:right; margin:0 0 10px 0;}
	
	#fromTheBlog{width:450px;}
	#fromTheBlog .homeBlogFeed{width:450px;}
	#fromTheBlog p{font-size:12px; line-height:22px; margin:0 0 0 0;}
	#fromTheBlog .commentsHome{margin:7px 0 15px 10px; color:#818181}
	#fromTheBlog .homeBlogFeed h3{ margin:10px 0 5px 0; width:450px;}
	#fromTheBlog .homeBlogFeed h3 a{font-size:16px; color:#086183; font-family:Georgia, "Times New Roman", Times, serif;}
	
	#rightBottom{float:right; width:400px; margin:0 20px 0 0}
		#clientsHome{}
		#clientsHome .clientSm{background:url('/app_Themes/eintouch/images/smClientsBg.gif'); width:115px; height:92px; float:right; margin:10px 0 0 7px;}
		#clientsHome .clientSm img{margin:7px 0 0 6px;}
	
		#connectHome{clear:both; padding:18px 0 10px 0;}
			#connectHome p{font-size:12px; text-align:right; clear:both; line-height:18px;}
		
			
/* content template
---------------------------------- */

#contentTemp{background:url('/app_themes/eintouch/images/contentBG.gif')}
	
#content-left{float:left;}
	#content-left-top{width:219px; height:71px; background:white url('/app_themes/eintouch/images/contentTopLeft.gif')}
	#content-left-area{width:219px; background:url('/app_themes/eintouch/images/content-left-accent.gif') no-repeat; 
		border-top:1px solid #d6d6d6; min-height:500px;}
	#content-left-area h1{margin:33px 0 0 28px; font-size:12px; font-weight:bold; text-transform:uppercase;color :#076182;}
	#content-left-area p{margin:15px 0 0 28px; padding:0 0 25px 0; font-size:12px; line-height:19px; width:167px; border-bottom:1px solid #efefef}
	
	#content-left-area ul{list-style:none outside none; margin:0 0 0 28px; padding:25px 0 15px;}
	#content-left-area ul li {color:#8E8D8B; font-size:12px; line-height:14px; text-transform:uppercase}
	#content-left-area ul li a:hover,
	#content-left-area ul li a.active{background:url('/app_themes/eintouch/images/arrow.gif') no-repeat scroll right 8px transparent; color:#076182;}
	#content-left-area ul li a {color:#8E8D8B; display:block; padding:5px 0; text-decoration:none; width:176px; outline:0 none;}
	
	#content-left-area #left-area-call{margin:10px 0 30px 28px;}
	
#content-right{background:url('/app_Themes/eintouch/images/content-right-bg.jpg') no-repeat; width:664px; float:left; margin:0 0 50px 41px;}
	#content-right h2{font-size:32px; color:#257491; line-height:50px; margin:32px 0 0 0;}
	#content-right h2 span{font-size:64px; font-weight:bold; text-transform:uppercase;}
	#content-right p.intro{font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; line-height:27px; color:#076182; width:636px; margin:24px 0 .8em;}
	#content-right p{color:#444042; font-size:12px; line-height:22px; xwidth:636px; padding-right:28px}

	#content-image{margin:30px 0 0 0}
	#content-right ul{margin:0 0 12px;}
	#content-right li{font-size:13px; line-height:24px; list-style:disc inside; margin:0 0 0 20px;}
	
#content-footer{clear:both; background:white; border-top:1px solid #efefef; padding:15px 0 0 0;}
	#content-footer-left{float:left; background:white; width:500px; border-right:1px solid #efefef; margin:0 0 10px;}
	#content-footer-left p{margin:10px 0 0 20px; font-size:12px; line-height:18px; }
	#content-footer-left p.testBy{float:right; margin:5px 30px 0 0; font-size:12px; line-height:18px; padding:0 0 10px}
	#content-footer-right{float:right; margin:0 20px 0 0;}
	#content-footer-right p{font-size:12px; text-align:right; clear:both; line-height:16px;}
	
	#shortTestimonial{background:url('/app_themes/eintouch/images/shorttestimonial.gif'); width:134px; height:15px; margin: 0 0 0 20px;}
	

/* Client Profiles
------------------------------------------ */

#clientProfilesPage{}

#client-left{float:left; width:625px; padding:0 0 60px 0; }
	#client-left h1{font-size:32px; color:#257491; line-height:50px; margin:32px 0 0 0; padding:0 0 0 45px}
	#client-left h1 span{font-size:64px; font-weight:bold; text-transform:uppercase;}
	#client-left-content h2{font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#257491; margin:15px 0 15px;}
	#client-left-area{border-top:1px solid #efefef; margin:32px 0 0 0;}
	
	#client-left-content{padding:12px 0 0 45px; border-right:1px solid #efefef}
	#client-left-content p{color:#444042; font-size:12px; line-height:22px; xwidth:636px; padding-right:12px}
	
	#client-left-content .sampleArea{margin:20px 0 30px;}
	#client-left-content .sampleArea img{float:left; margin:0 10px 10px 0; padding:2px; border:1px solid #dadada;}

#client-right{float:left; width:299px; background:url('/app_themes/eintouch/images/restaurantclientbg.jpg') top right no-repeat;}
#client-right-retail{float:left; width:299px; background:url('/app_themes/eintouch/images/retailbg.jpg') top right no-repeat;}
#client-right-business{float:left; width:299px; background:url('/app_themes/eintouch/images/b2b.jpg') top right no-repeat;}
#client-right-contact{float:left; width:299px; background:url('/app_themes/eintouch/images/contactusbg.gif') top right no-repeat;}
#client-right-walkthrough{float:left; width:299px; background:url('/app_themes/eintouch/images/walkthroughtop.jpg') top right no-repeat;}

	#client-right-area{margin:128px 0 0 0; border-top:1px solid #efefef; border-left:1px solid #efefef;}
	#client-right-content{margin:18px 0 0 18px;}
	#client-right-content h2{font-family:Arial, Helvetica, sans-serif; font-size:23px; color:#257491;}
	#client-right-content p{color:#444042; font-size:12px; line-height:22px; xwidth:636px; padding:10px 0 0 0; padding-right:30px;}
	#client-right-content ul{list-style:none outside none; xmargin:0 0 0 28px; padding:15px 0 15px;}
	#client-right-content ul li {color:#8E8D8B; font-size:12px; line-height:14px; text-transform:uppercase}
	#client-right-content li a:hover,
	#client-right-content li a.active{background:url('/app_themes/eintouch/images/arrow.gif') no-repeat scroll right 8px transparent; color:#076182;}
	#client-right-content li a {color:#8E8D8B; display:block; padding:5px 0; text-decoration:none; width:210px; outline:0 none;}

	#client-right-content .sep{height:1px; background:#efefef; width:250px; margin:15px 0 25px;}

/* Blog Article List
------------------------------------------ */

#blogArticleList{}

#post-list{margin:25px 0 0 0;}
#article-list{margin:25px 0 0 0;}

#blog-left{float:left; width:625px; padding:0 0 60px 0; }
	#blog-left h1{font-size:32px; color:#257491; line-height:50px; margin:32px 0 0 0; padding:0 0 0 45px}
	#blog-left h1 span{font-size:64px; font-weight:bold; text-transform:uppercase;}
	#blog-left-content h2{font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#257491; margin:15px 0 3px;}
	#blog-left-area{border-top:1px solid #efefef; margin:32px 0 0 0;}
	
	#blog-left-content{padding:12px 0 0 45px; border-right:1px solid #efefef}
	#blog-left-content p{color:#444042; font-size:12px; line-height:22px; xwidth:636px; padding-right:12px}
	
	#blog-left-content .sampleArea{margin:20px 0 30px;}
	#blog-left-content .sampleArea img{float:left; margin:0 10px 10px 0; padding:2px; border:1px solid #dadada;}

#blog-right{float:left; width:299px; background:url('/app_themes/eintouch/images/blog.gif') top right no-repeat;}
#blog-right p.topBlog{font-size:12px;}
#blog-right-retail{float:left; width:299px; background:url('/app_themes/eintouch/images/retailbg.jpg') top right no-repeat;}
#blog-right-business{float:left; width:299px; background:url('/app_themes/eintouch/images/b2b.jpg') top right no-repeat;}
#blog-right-contact{float:left; width:299px; background:url('/app_themes/eintouch/images/contactusbg.gif') top right no-repeat;}

	#blog-right-area{margin:128px 0 0 0; border-top:1px solid #efefef; border-left:1px solid #efefef;}
	#blog-right-content{margin:18px 0 0 18px;}
	#blog-right-content h2{font-family:Arial, Helvetica, sans-serif; font-size:23px; color:#257491; padding:10px 0 0px 0}
	#blog-right-content p{color:#444042; font-size:12px; line-height:22px; xwidth:636px; padding:10px 0 0 0; padding-right:30px;}
	#blog-right-content ul{list-style:none outside none; xmargin:0 0 0 28px; padding:15px 0 15px;}
	#blog-right-content ul li {color:#8E8D8B; font-size:12px; line-height:14px; text-transform:uppercase}
	#blog-right-content li a:hover,
	#blog-right-content li a.active{background:url('/app_themes/eintouch/images/arrow.gif') no-repeat scroll right 8px transparent; color:#076182;}
	#blog-right-content li a {color:#8E8D8B; display:block; padding:5px 0; text-decoration:none; width:210px; outline:0 none;}

	#blog-right-content .sep{height:1px; background:#efefef; width:250px; margin:15px 0 25px;}

.post{padding:0 0 0 0; border-bottom:1px solid #efefef}
.post p.subInformation{font-size:12px; font-style:italic; margin:0; padding:0;}
.post p.subInformation a{font-style:normal}
.post span{background:url('/App_Themes/Eintouch/Images/Chatbubble.jpg'); width:20px; height:14px; margin:0 0 0 5px;}
.postPhoto{margin:10px 0 15px 0;}
.postPhoto img{padding:2px; border:1px solid #C6E4F0;}

.lastPost{border-bottom:0 none;}

.postFooter{background:#efefef; width:525px; margin:10px 0 45px 0;}
.postFooter .readMore{font-size:12px; line-height:18px; padding:3px 10px}
.postFooter .readMore a{}

.pagination{width:600px; margin:10px 0 10px;}
	.pagination ul{font-size:12px;}
	.pagination li{float:left; border:1px solid #efefef; padding:3px 6px}
	.pagination li.current{background:#efefef; font-weight:bold;}
	.pagination li:hover{background:#488AA2}


.article{padding:0 0 0 0;}
.article p.subInformation{font-size:12px; font-style:italic; margin:0 0 15px 0; padding:0;}
.article p.subInformation a{font-style:normal}

.lastPost{border-bottom:0 none;}

.postFooter{background:#efefef; width:525px; margin:10px 0 45px 0;}
.postFooter .readMore{font-size:12px; line-height:18px; padding:3px 10px}
.postFooter .readMore a{}

.pagination{width:600px; margin:10px 0 10px;}
	.pagination ul{font-size:12px;}
	.pagination li{float:left; border:1px solid #efefef; padding:3px 6px}
	.pagination li.current{background:#efefef; font-weight:bold;}
	.pagination li:hover{background:#488AA2}

#article-footer{width:530px; background:#F7F7F7; padding:6px 10px; margin:50px 0 0; border:1px solid #efefef;}
#article-footer .sharing{font-size:12px; padding:5px 0;}
#article-footer .sharing a{color:#555555; float:left; height:24px; line-height:24px; margin-right:15px; padding-left:22px; width:120px; float:left;}

	.sharing .delicious{background:transparent url('/App_themes/Eintouch/Images/Delicious.png') no-repeat scroll 0 50%}
	.sharing .fbicon{background:transparent url('/App_themes/Eintouch/Images/fbicon.png') no-repeat scroll 0 50%}
	.sharing .diggicon{background:transparent url('/App_themes/Eintouch/Images/diggicon.png') no-repeat scroll 0 50%}
	.sharing .emailicon{background:transparent url('/App_themes/Eintouch/Images/emailicon.png') no-repeat scroll 0 50%}
	.sharing .rssicon{background:transparent url('/App_themes/Eintouch/Images/rssicon.png') no-repeat scroll 0 50%}
	
.sized{width:240px; float:left; margin:10px 0 0 0;}
#comment-list{width:550px;}
#tweetMeme{float:right; margin:0 12px 0 10px;}

/* Extra Stuff
--------------------------------- */

#restaurantBlock{width:105px; height:33px; background:url('/app_themes/eintouch/images/intouchdining.jpg'); float:left; margin:4px 0 0 5px;}
xx#xrestaurantBlock2{width:439px; height:25px; background:url('/app_themes/eintouch/images/intouchdiningsmall.jpg') no-repeat; float:left; margin:0 10px 0px 0;}
h5.restaurantService{float:left; width:200px; height:33px; padding:.7em 0 0 0; margin:0 0 0}
p.restaurantService{clear:both;}

.socialStars{width:30px; height:25px; background:url('/app_themes/eintouch/images/emailfire.jpg'); float:left; margin:3px 0 0 2px;}
h5.socialServices{float:left; width:130px; height:33px; padding:.7em 0 0 0; margin:0 0 0}
p.socialServices{clear:both;}


.slidedeck h3{font-size:120%}
.slidedeck p{font-size:16px; line-height:24px;}