/* CSS Document Global SYSTER

Published by Dom Mcloughlin 19/01/10
*************************************************************************/


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {


	margin-top: 0;

	margin-right: 0;

	margin-bottom: 0;

	margin-left: 0;

	padding-top: 0;

	padding-right: 0;

	padding-bottom: 0;

	padding-left: 0;

	border-top-width: 0;

	border-right-width: 0;

	border-bottom-width: 0;

	border-left-width: 0;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	outline-style: none;

	outline-width: 0;

	font-size: 100%;

	vertical-align: baseline;

	background-color: transparent;

	background-image: none;

	background-repeat: repeat;

	background-attachment: scroll;

	background-position: 0px 0px;
}


body {

	background: #fff;

	font-size: 62.5%;

	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

	color: #404040;

}


.outerwrapper_link { 

	background: url(images/bkg.jpg) top left no-repeat;

	width: 1000px;

	height: 1000px;
	
	margin: 0px auto;

	border: 0px solid green;

}



/* Masthead
*************************************************************************/


#mastehead {


	width: 1000px;

	height: 180px;

	margin: 0px 0px 0px 0px;

	border: 0px solid red;

}


h1 {
	font-size: .75em;

	text-indent: -9000px;
}


h2.masthead {

	float: right; 

	font-size: 1.5em;

	font-weight: lighter;

	color: #fff;

	margin: 72px 50px 0px 0px; 

	padding: 0px;

	text-align: right;
}


.logo {

	background: url(images/logo.png) no-repeat top left;

	float: left;

	height: 95px;

	width: 225px;

	margin: 84px 0px 0px 99px;
}

.firstletter {

	font-family: baskerville,'palatino linotype',georgia,serif;

	font-style: normal;

	font-size: 1.6em;
}


/* Nav
*************************************************************************/


#Navigation {

	background: url(images/nav5.gif) top right no-repeat;

	width: 397px; 

	height: 68px;

	padding: 0px;

	margin: 0px 127px 0px 0px; 

	float: right; 

	position: relative;

}


#Navigation li {

	margin: 0px; 

	padding: 0px; 

	list-style: none;

	position: absolute; top: 0px;

	text-indent: -5000px;

}

#Navigation li, #Navigation a {

   	height: 68px; 

	display: block;
}


#link1 {
	left: 0; width: 80px;

}


#link2 {

	left: 90px; width: 100px; 

}


#link3 {

	left: 205px; width: 83px; 
}


#link4 {

	left: 294px; width: 110px;
}



#link1 a:hover {

	background: transparent url(images/nav5.gif) 0 -68px no-repeat;
}


#link2 a:hover {

	background: transparent url(images/nav5.gif) -90px -68px no-repeat;
}


#link3 a:hover {

	background: transparent url(images/nav5.gif) -205px -68px no-repeat;
}


#link4 a:hover {

	background: transparent url(images/nav5.gif) -294px -68px no-repeat;

}

/************************* End Nav ************************************/



/* Typography
*************************************************************************/

h1.featured {

	background: url(images/featured_work.png) no-repeat top left;

	font-size: 0.1em;

	text-indent: -9000px;

	width: 356px;

	height: 74px;

	margin: 0px 0px 0px 49px;

	padding: 0px 0px 0px 0px;
}


h2.featured {

	font-size: 1.8em;

	font-weight: bold;

	letter-spacing: -1px;

	color: #848484;

	margin: 0px 0px 0px 33px;

	padding: 18px 15px 0px 0px;
}

h3.featured {


	font-size: 1.4em;

	font-weight: 200;

	color: #999;

	margin: 0px 0px 0px 33px;

	padding: 0px 15px 0px 0px;
}

h1.portfolio_websites {

	background: url(images/portfolio_websites.gif) no-repeat top left;

	float: left;

	font-size: 0.1em;

	text-indent: -9000px;

	width: 143px;

	height: 37px;

	margin: 0px 0px 0px 35px;

	padding: 0px 0px 0px 0px;
}



h1.links {

	background: url(images/links_header.gif) no-repeat top left;

	float: left;

	font-size: 0.1em;

	text-indent: -9000px;

	width: 159px;

	height: 37px;

	margin: 0px 0px 0px 35px;

	padding: 0px 0px 0px 0px;
}

h1.why {

	background: url(images/why_header.gif) no-repeat top left;

	float: left;

	font-size: 0.1em;

	text-indent: -9000px;

	width: 185px;

	height: 37px;

	margin: 6px 0px 0px 35px;

	padding: 0px 0px 0px 0px;
}

h1.getintouch {

	background: url(images/get_in_touch.gif) no-repeat top left;

	float: left;

	font-size: 0.1em;

	text-indent: -9000px;

	width: 152px;

	height: 37px;

	margin: 6px 0px 0px 35px;

	padding: 0px 0px 0px 0px;
}


h2.logos {

	background: url(images/portfolio_logos.gif) no-repeat top left;

	float: left;

	font-size: 0.1em;

	text-indent: -9000px;

	width: 116px;

	height: 37px;

	margin: 3px 0px 0px 35px;

	padding: 0px 0px 0px 0px;
}




p.featured {

	background: url(images/feature_line.gif) -3px 0px no-repeat;

	font-size: 1.15em;

	color: #999;

	line-height: 154%;

	margin: 15px 0px 10px 31px;

	padding: 19px 15px 30px 3px;

	/*text-shadow: #fff 0.05em 0.05em 0.1em;*/

}


.portfolio_copy_wrap h3 {

	font-family: Georgia, serif;

	color: #cf3f74;

	font-size: 1.8em;

	letter-spacing: -0.04em;

	line-height: 1.56em;

	font-weight: lighter;

	margin: 0px 0px 0px 9px;

	padding: 0px 0px 0px 0px;

}

.portfolio_copy_wrap p {

	background: none;

	color: #666;

	font-size: 1em;

	line-height: 154%;

	padding: 0px 0px 5px 9px;

	letter-spacing: 0.003em;

}


h1.benefits {

	background: url(images/staple.png) 0px 8px no-repeat;

	font-family: Georgia, serif;

	text-indent: 0px;

	color: #8d8d8d;

	font-size: 3.1em;

	letter-spacing: -2px;

	margin: 0px 0px 0px 0px;

	padding: 35px 0px 0px 50px;
}


h2.benefits_sub {

	background: url(images/shorterversion.gif) 0px 0px no-repeat;

	text-indent: -9000px;

	width: 281px;

	height: 36px;

	font-size: 0.1em;

	margin: 4px 0px 0px 52px;

	padding: 0px 0px 0px 0px;

	border: 0px solid blue;

}


h1.about {

	background: none;

	font-family: Georgia, serif;

	text-indent: 0px;

	display: block;

	color: #8d8d8d;

	font-size: 4.1em;

	letter-spacing: -2px;

	margin: 45px 0px 0px 41px;

	padding: 0px 0px 0px 0px;
}


h2.aboutlong {

	background: url(images/longversion.png) 0px 0px no-repeat;

	text-indent: -9000px;

	width: 666px;

	height: 34px;

	font-size: 0.1em;

	margin: 10px 0px 0px 40px;

	padding: 0px;

}


p.about_intro {

	background: none;

	font-size: 1.3em;

	color: #999;

	line-height: 150%;

	margin: 0px 10px 11px 40px;

	padding: 0px 0px 0px 0px;
}


p.about_intro:first-line {


	color: #666;

	font-weight: bold;
}


p.about_intro:first-letter {


	font-family: baskerville,'palatino linotype', georgia, serif;

	text-transform: uppercase;

	font-weight: normal;

	font-size: 2.972em;

	color: #666;

	float: left;

	margin: 0 0.2em 0 0;


}



p.about_intro_small {

	background: none;

	font-size: 1.485em;

	color: #999;

	line-height: 160%;

	margin: 7px 20px 40px 40px;

	padding: 0px 0px 0px 0px;
}


p.about {

	background: none;

	font-size: 1.3em;

	color: #999;

	line-height: 160%;

	margin: 0px 20px 11px 40px;

	padding: 0px 0px 0px 0px;
}



ul.benefits {

	background: url(images/tape_benefits_slice.gif) 128px bottom no-repeat;

	list-style-position: outside;

	list-style: none;

	width: 100%;

	min-height: 220px;

	margin: 25px 0px 0px 20px;

	padding: 0px 0px 20px 0px;
}


li.benefits {

	background: url(images/aboutbullit.gif) 0px 2px no-repeat;

	font-size: 1.3em;

	color: #b6b6b6;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 8px 36px;
}




h1.places {

	background: none;

	text-indent: 0px;

	font-family: Georgia, serif;

	color: #8d8d8d;

	font-size: 4.2em;

	letter-spacing: -3px;

	font-weight: lighter;

	margin: 28px 0px 0px 30px;

	padding: 0px;

	/*text-shadow: #ececec 0.05em 0.05em 0.05em;*/


}


#links_col_1 h2.places {

	background: url(images/places_header.gif) top left no-repeat;

	height: 56px;

	width: 152px;

	text-indent: -9000px;

	font-size: 0.01em;

	color: #666;

	margin: 3px 0px 0px 30px;

	padding: 0px 0px 0px 0px;
}


h1.books {


	text-indent: 0px;

	font-family: Georgia, serif;

	color: #8d8d8d;

	font-size: 4.2em;

	letter-spacing: -3px;

	font-weight: lighter;

	margin: 28px 0px 0px 28px;

	padding: 0px;

	/*text-shadow: #ececec 0.05em 0.05em 0.05em;*/


}

#links_col_2 h2.books {

	background: url(images/books_header.gif) top left no-repeat;

	height: 56px;

	width: 137px;

	text-indent: -9000px;

	font-size: 0.01em;

	color: #666;

	margin: 3px 0px 0px 33px;

	padding: 0px 0px 0px 0px;
}

#links_col_1 p {

 	font-size: 1.1em;

	color: #666;

	line-height: 154%;

	margin: 0px 20px 0px 30px;

	padding: 0px 0px 0px 0px;
}

#links_col_2 p {

 	font-size: 1.2em;

	color: #666;

	line-height: 160%;

	margin: 0px 0px 0px 20px;

	padding: 0px 0px 0px 0px;
}

#links_col_2 p.author {

 	font-size: 1em;

	color: #999;

	line-height: 160%;

	margin: 0px 25px 0px 15px;

	padding: 0px 0px 0px 0px;
}


h1.links_1 {

	font-family: Georgia, serif;

 	font-size: 2em;

	color: #88a359;

	text-indent: 0px;

	margin: 0px 0px 0px 0px;

}

#links_col_1 h3 {


	font-family: Georgia, serif;

 	font-size: 1.4em;

	font-weight: normal;

	text-indent: 0px;

	padding: 0px 0px 0px 0px;

	margin: 20px 10px 4px 30px;
}

#links_col_2 h2 {


	font-family: Georgia, serif;

 	font-size: 1.5em;

	text-indent: 0px;

	padding: 0px 0px 0px 20px;

	margin: 20px 25px 4px 0px;
}


#links_col_2 ul.books li.title {


	font-family: Georgia, serif;

 	font-size: 1.4em;

	padding-bottom: 3px;

	margin: 0px;
}



a.links, a:visited.links {

	text-decoration: none;

	color: #d96590;

	border-bottom: 1px dotted #d96590;

	padding: 0px 0px 0px 0px;
}

a:hover.links {

	text-decoration: none;

	color: #cf3f74;

	border-bottom: 1px solid #cf3f74;

	padding: 0px 0px 0px 0px;
}


h1.twitter {

	background: none;

	text-indent: 0px;

	font-family: Georgia, serif;

	color: #8d8d8d;

	font-size: 4.2em;

	letter-spacing: -3px;

	font-weight: lighter;

	margin: 28px 0px 0px 10px;

	padding: 0px;

	/*text-shadow: #ececec 0.05em 0.05em 0.05em;*/
}


h2.twitter {

	background: url(images/twitter_subhead.png) top left no-repeat;

	height: 92px;

	width: 183px;

	text-indent: -9000px;

	font-size: 0.01em;

	margin: -30px 0px 20px 15px;

	padding: 0px 0px 0px 0px;
}



.italic {

	font-style: italic;
}


.featurestrong {


	font-weight: bold;

	color: #7b7b7b;
}

.dropcap {

	font-family: baskerville,'palatino linotype', georgia, serif;

	line-height: 0.85em;

	text-transform: uppercase;

	font-size: 3.5em;

	color: #666;

	float: left;

	margin-right: 5px;
}


.aboutsmall {

	font-family: baskerville,'palatino linotype', georgia, serif;

	font-style: italic;

	font-weight: 200;

	font-size: 1.7em;

	color: #8d8d8d;

	padding-right: 4px;

	letter-spacing: -4px;

}


.mastheadamp {

	font-family: baskerville,'palatino linotype',georgia,serif;

	font-style: italic;

	font-size: 1.4em;

	line-height: 0.95em;

	font-weight: 300;

	color: #fff;

	position: relative;

	bottom: -0.1em;

	padding-right: 0.1em;
}



.amp {

	font-family: baskerville,'palatino linotype',"Book Antiqua",georgia,serif;

	font-style: italic;

	font-size: 1.5em;

	line-height: 0.95em;

	font-weight: 300;

	color: #999;

	position: relative;

	bottom: -0.1em;
}

.mobile {

	font-family: georgia,serif;

	font-size: 2em;

	letter-spacing: -1px;

	color: #ff3f86;

	display: block;

	padding: 0px 0px 20px 0px;
}


h1.address {

	background: #ebebeb url(images/address_top_curve.gif) top left no-repeat;

	font-family: georgia, serif;

	text-indent: 0px;

	font-size: 3.5em;

	letter-spacing: -2px;
	
	text-align: center;

	width: 331px;

	color: #aaa;

	padding: 51px 0px 0px 0px;

	margin: 0px 0px 0px 0px;

	/*text-shadow: #f3f3f3 0.05em 0.05em;*/
}


#footer ul {

	font-family: georgia, serif;

	float: left;
	
	text-decoration: none;

	border-bottom: 0px solid #ccc;

	padding: 25px 0px 0px 0px;

	margin: 0px 0px 0px 35px;

}

#footer li {

	background: none;

	float: left;

	display: block;

	font-size: 1.1em;

	list-style: none;
	
	text-transform: none;

	color: #999;

	padding: 0px 8px 0px 0px;

	margin: 0px 0px 0px 0px;

}

#footer li a, #footer li a:visited{

	color: #999;

	text-decoration: none;

	border-bottom: 1px solid #dadada;
}


#footer li a:hover{

	
	text-decoration: none;

	border-bottom: 1px solid #dadada;

	color: #666;

}





/************************* Typography End ************************************/



/* links
*************************************************************************/

a.tooltip {

	position: relative;

	color: #999;

	text-decoration: none;

	border-bottom: 1px dotted #dadada;
}


a.tooltip span {

	display: none;
}


a.tooltip:hover {

	z-index: 25;
}


a.tooltip:hover span {

	font-family: baskerville,'palatino linotype', georgia, serif;

	display: block;

	width: 190px;

	position: absolute;

	font-size: 0.9em;

	top: 1em;

	right: 3em;

	padding: 12px;

	border: 1px solid #999;

	background-color: #fff;

	color: #666;

}


a.otherways {

	background: none;

	font-family: georgia, serif;

	font-size: 0.9em;

	text-transform: uppercase;

	color: #ccc;

	text-decoration: none;

	border-bottom: 1px dotted #dadada;

	margin: 0px 0px 0px 40px;

}

a:hover.otherways {

	background: none;

	text-transform: uppercase;

	color: #999;

	text-decoration: none;

	border-bottom: 1px solid #dadada;

	margin: 0px 0px 0px 40px;

}






/* content
*************************************************************************/


#contentwrapper {


	background: url(images/page.png) top left no-repeat;

	width: 900px;
	
	margin: 145px auto 0px auto;

	border: 0px solid blue;

}


#featurewrapper {


	background: none;

	width: 800px;

	height: 355px;

	margin: 0px auto;

	border-bottom: 103px solid #ffff7f;

}


#feature_content_left {


	background: #fff url(images/feature_paperclip_slice.gif) top right no-repeat;

	float: left;

	width: 503px;

	margin: 0px;

	padding: 0px 0px 59px 29px;

}


#feature_wrapper_right {


	background: #f4f0e4 url(images/feature_shadow.png) top left no-repeat;

	float: left;

	clear: right;

	height: 398px;

	width: 246px;

	margin: 2px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	border: 0px solid blue;

}

#feature_content_right {


	background: url(images/feature_content_alpha.png) top left repeat;

	margin: 30px -4px 0px 0px;

	padding: 8px 0px 0px 0px;

	border: 0px solid blue;

}


img.feature {

	background: #fff;

	margin: 22px 0px 0px 0px;
}

#subcontentwrapper {

	background: url(images/bkg_repeat.jpg) top center repeat-y;

	width: 900px;

	margin: 0px auto;

	padding-top: 0px;

}


#subcontentwrapper img.gallery {

	padding: 0px;

	margin: 6px 6px 12px 7px;
	
	border: 6px solid #fff;
}


#subcontentwrapper a:hover img.gallery {

	border: 6px solid #e1e1e1;
}


.header {

	background: url(images/headerbar_portfolio.png) top left repeat;

	width: 800px;

	height: 59px;

	margin: 30px 0px 0px 50px;

	clear: both;
}


#footer {

	background: url(images/headerbar_portfolio.png) top left no-repeat;

	width: 800px;

	height: 59px;

	margin: 30px 0px 25px 50px;

	clear: both;
}


#copy_container {

	background: none;

	padding: 0px 0px 0px 5px;

	margin: 0px 0px 0px 50px;

	width: 800px;

	overflow: hidden;
}


.portfolio_copy_wrap {

	margin: 0px 0px 30px 39px;

	padding: 0px;

	float: left;

	width: 212px;

	border: 0px solid red;	
}


a.btt, a:visited.btt {

	background: url(images/tt_mountains.gif) bottom left no-repeat;

	font-size: .75em;

	text-indent: -9000px;

	float: right;

	width: 111px;

	height: 32px;

	margin: 4px 25px 0px 0px;

	padding: 0px;
}

a:hover.btt {

	background: url(images/tt_mountains.gif) top left no-repeat;

	float: right;

	width: 111px;

	height: 32px;

	margin: 4px 25px 0px 0px;

	border: 0px;
}


a.featureviewsite, a:visited.featureviewsite {

	background: url(images/viewsitebutton2.gif) bottom left repeat;

	display: block;

	font-size: .75em;

	text-indent: -9000px;

	text-decoration: none;

	width: 85px;

	height: 27px;

	margin: 0px 0px 0px 28px;

	border: 0px;
}

a:hover.featureviewsite {

	background: url(images/viewsitebutton2.gif) top left repeat;

	display: block;

	width: 85px;

	height: 27px;

	margin: 0px 0px 0px 28px;

	border: 0px;
}


.portfolio_copy_wrap a.viewsite, a:visited.viewsite { 

	background: none;

	font-family: georgia, serif;

	font-size: 0.9em;

	text-transform: uppercase;

	color: #999;

	text-decoration: none;

	border-bottom: 1px solid #dadada;

	margin: 0px 0px 0px 9px;

	padding-bottom: 1px;
}

.portfolio_copy_wrap a:hover.viewsite {

	background: none;

	text-transform: uppercase;

	color: #666;

	text-decoration: none;

	border-bottom: 1px solid #ccc;

	margin: 0px 0px 0px 9px;

	padding-bottom: 1px;
}

.linkswrap {

	background: none;

	float: left;

	margin: 30px 0px 30px 70px;

	padding: 0px 0px 0px 0px;

	width: 760px;
}


#links_col_1 {


	float: left;

	overflow: hidden;

	width: 260px;

	margin: 0px 0px 15px 0px;

	padding: 0px;

}

#links_col_2 {

	float: left;

	overflow: hidden;

	width: 270px;

	margin: 0px 0px 15px 0px;

	padding: 0px;

}

#bookbox {

	width: 100%;

	overflow: hidden;

	margin: 20px 0px 0px 28px;

	border: 0px solid red;

}

#links_col_2 ul.books {

	background: none;

	width: 160px;

	float: left;

	margin-bottom: 10px;

	padding: 0px;
}


#links_col_2 ul.books li {

	list-style: none;

 	font-size: 1.1em;

	color: #666;

	line-height: 154%;

	margin: 0px;

	padding-bottom: 5px;
}


.bookcoverframe {

	background: url(images/book_frame.png) top left no-repeat;

	float: left;

	clear: left;

	height: 71px;

	width: 60px;

	margin: 0px 0px 10px 0px;

	padding: 4px 8px 0px 4px;
}

#aboutwrap {

	background: #f4f0e4 url(images/aboutwraptop.gif) top left no-repeat;

	margin: 20px auto;

	clear: left;

	padding: 0px 0px 0px 0px;

	width: 760px;

	height: 100%;

}

#aboutinnerwrap {

	background: url(images/aboutwrapbottom.gif) bottom left no-repeat;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 10px 0px;

	width: 760px;

	overflow: hidden;

}

#aboutcontentleft {

	background: #fffdf7 url(images/portrait_overlap.jpg) right 221px no-repeat;

	float: left;

	border: 0px solid #e6dcc3;

	margin: 50px 0px 0px 40px;

	padding: 0px 0px 0px 0px;

	width: 360px;

}

#about_longversion_wrap {

	background: #fff url(images/staple_water.gif) left top no-repeat;

	float: left;

	width: 720px;

	border: 0px solid #e6dcc3;

	margin: 0px 0px 30px 20px;

	padding: 0px 0px 0px 0px;

	min-height: 300px;
}

#about_longversion_left {

	background: none;

	float: left;

	margin: 20px 0px 30px 10px;

	padding: 0px 10px 0px 0px;

	min-height: 300px;

	width: 340px;

}

#about_longversion_right {

	background: none;

	float: left;

	clear: right;

	margin: 20px 0px 0px 0px;

	padding: 0px 10px 0px 0px;

	width: 340px;

	min-height: 300px;
}


#portaitwrap {

	background: url(images/portrait2.jpg) top left no-repeat;

	float: left;

	clear: right;

	border-top: 0px solid #e6dcc3;

	border-bottom: 0px solid #e6dcc3;

	margin: 31px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	height: 388px;

	width: 312px;

}

img.portait {

	background: url(images/aboutwrapbottom.gif) bottom left no-repeat;

	margin: 41px 0px 0px 42px;

	padding: 0px 0px 0px 0px;

	height: 265px;

	width: 201px;
}

#contactwrap {

	background: none;

	margin: 20px auto;

	padding: 0px 0px 0px 0px;

	width: 780px;

	height: 100%;

}

#mapwrap {

	background: url(images/scissors.gif) bottom left no-repeat;

	margin: 20px 0px 30px 10px;

	padding: 0px 0px 0px 0px;

	height: 341px;

	width: 362px;

}

#mapcontainer {

	background: none;

	float: left;

	margin: 20px 0px 0px 33px;

	padding: 0px 0px 0px 0px;

	height: 310px;

	width: 310px;

}


#addresswrap {

	background: none;

	float: right;

	margin: 45px 28px 30px 0px;

	padding: 0px 0px 0px 0px;

	height: 100%;

	width: 396px;

	border: 0px solid red;

}

#address_top {

	background: none;

	margin: 0px 0px 0px 64px;

	padding: 0px 0px 0px 0px;

}


address {

	background: url(images/address.png) 0 0 no-repeat;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	height: 182px;

	width: 396px;

	text-indent: -9000px;

}




/* Social-icons
*************************************************************************/


#social {

	background: url(images/social.gif) top right no-repeat;

	width: 271px; 

	height: 54px;

	padding: 0px;

	margin: 20px 0px 30px 110px; 

	float: left; 

	position: relative;

}


#social li {

	margin: 0px; 

	padding: 0px; 

	list-style: none;

	position: absolute; top: 0px;

	text-indent: -5000px;

}

#social li, #social a {

   	height: 54px; 

	display: block;
}


#facebook {
	left: 0; width: 50px; 
}


#twitter {

	left: 67px; width: 50px; 
}


#linkdin {

	left: 138px; width: 50px; 
}


#mail {

	left: 217px; width: 55px; 
}



#facebook a:hover {

	background: transparent url(images/social.gif) 0 -54px no-repeat;
}


#twitter a:hover {

	background: transparent url(images/social.gif) -67px -54px no-repeat;
}


#linkdin a:hover {

	background: transparent url(images/social.gif) -138px -54px no-repeat;
}


#mail a:hover {

	background: transparent url(images/social.gif) -217px -52px no-repeat;

}

/************************* End Social ************************************/




/******************* twitter ********************/


#twitter_div {

	background: none;

	float: left;

	clear: right;

	width: 230px;

	margin: 0px 0px 0px 0px;

	padding: 0px;
}
 
#twitter_div ul li {


	list-style: none;

	font-size: 1.1em;

	line-height: 154%;

	color: #44acd2;

	border: 0px;

	padding: 8px 10px 18px 14px;

	margin: 0px 0px 10px 0px;

}

 
#twitter_div ul li a {

	text-decoration: none;

	font-weight: bold;

	font-size: 0.9em;

	color: #dadada;

	display: block;	
}
 
#twitter_div ul li a:hover {

	text-decoration: none;

	font-size: 0.9em;

	color: #ccc;
}

 
#twitter_div a.follow {

	color: #ccc;

	float: right;

	text-decoration: none;

	margin: 0px;

	padding-right: 10px;

}

#twitter_div a:hover.follow {

	font-size: 1em;

	color: #dadada;

	float: right;

	text-decoration: none;

	margin: 0px;

	padding-right: 10px;

}

/******************* testimonial ********************/

			
#testimonialwrap {

	background: url(images/testimonial_bg.gif) no-repeat 0 0;
	
	margin: 0px 0px 40px 60px;

	position: relative;

	text-align: left;

	width: 640px;

	height: 206px;

	clear: both;
	
	border: 0px solid red;

}

	
#testimonial_content {

	position: relative;

}			



#slider ul, #slider li, #slider2 ul, #slider2 li {

	margin: 0;

	padding: 0;

	list-style: none;
}


#slider2 {

	margin-top: 0em;

} 

#slider li, #slider2 li { 

	width: 640px;

	height: 170px;

	margin-top: 36px;

	overflow: hidden; 

}

	
#prevBtn, #nextBtn, #slider1next, #slider1prev { 

	display: block;

	width: 60px;

	height: 206px;

	position: absolute;

	left: -60px;

	top: 0px;

	z-index: 1000;

        text-indent: -8000px;

}	


#nextBtn, #slider1next { 

	left: 640px;
}

														
#prevBtn a, #nextBtn a, #slider1next a, #slider1prev a {  

	display: block;

	position: relative;

	width: 60px;

	height: 206px;

	background: url(images/btn_prev.gif) no-repeat bottom left;	
}	


#nextBtn a, #slider1next a { 

	background: url(images/btn_next.gif) no-repeat bottom right;	
}