html, body
{
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	background-color: #131313;
	background-image: url(../images/page_repeat.gif);
    -webkit-text-size-adjust: none;
}

* html .container { height: 100%; }

a:link, a:visited, a:focus
{
	outline: none;
	color: #0fbed9;
	text-decoration: none;
}

a:hover
{
	color: #CDF7FC;
}

a:active
{
	color: #ffffff;
}

a.highlight
{
	background-color: #1C393D;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	padding: 1px 3px 3px 3px;
	display: inline !important;
	cursor: pointer !important;
}

a.highlight:hover
{
	background-color: #1FBFD8;
}

h1, h2, h3, h4
{
	font-family: Arial;
	font-weight: 100;
	padding: 0px;
	margin: 0px;
	display: inline;
}
 /* A font by Jos Buivenga (exljbris) -> www.exljbris.com */
h1
{
	font-family: Diavlo;
	font-weight: normal;
	font-size: 29px;
	line-height: 29px;
	letter-spacing:0.35px;
	color: #ffffff;
}

h2
{
	font-family: Diavlo;
	font-weight: normal;
	font-size: 25px;
	line-height: 25px;
	color: #ffffff;
}

h3
{
	font-size: 20px;
	line-height: 20px;
	color: #0fbed9;
}

h4
{
	font-size: 15px;
	line-height: 15px;
	color: #0fbed9;
}

h1 span
{
	/* for typeface selection */
	font-size: 28px !important;
	line-height: 28px !important;	
}

h2 span
{
	/* for typeface selection */
	font-size: 25px !important;
	line-height: 25px !important;
}

p, span
{
	display: block;
	line-height: 1.5;
	position: relative;
	font-family: Georgia;
	font-size: 16px;	
	color: #CFCFCF;
	padding: 0px;
	margin: 0px;
}

em
{
	font-style: normal;
	color: #ffffff; 
}

span
{
	display: inline;
}

img
{
	margin: 0px;
	padding: 0px;
	border: none;
	display: block;	
	position: relative;
}

.ruletop, .rulebottom, .rulecolour, .pagerule
{
	z-index: 100;
	padding: 0px;
	margin: 0px;
	border: none;
	height: 1px;
	width: 100%;
	display: block;
	background-image: url(../images/border_dotted.gif);
	background-repeat: repeat-x;
}

.rulevert
{
	padding: 0px;
	margin: 0px;
	border: none;
	width: 1px;
	height: 100%;
	display: block;
	background-image: url(../images/border_dotted.gif);
	background-repeat: repeat-y;
	position: relative;
	float: left;
}

.rulecolour
{
	position: absolute;	
	top: 0px;
	left: 0px;
	height: 2px;	
	background-image: url(../images/border_colour.jpg);
	background-repeat: no-repeat;
}

.ruletop
{
	position: absolute;
	top: 0px;
	left: 0px;
}

.rulebottom
{
	position: absolute;
	bottom: 0px;
	left: 0px;
}

.pagerule
{
	position: relative;
	top: 0px;
	left: 0px;
}

/* Header menu styles */

.header
{
	position: relative;
	width: 100%;
	height: 86px;
	background-color: #1b1b1b;	
	background-image: url(../images/header_repeat.gif);
	background-repeat: repeat-x;	
}

.banner
{
	position: relative;
	width: 1000px;
	height: 86px;
	margin: 0 auto;
}

.navi
{
	position: relative;
	float: left;
	width: 1000px;
	height: 86px;	
}

.navi .links
{
	position: relative;
	float: left;
}

.navi .links ul
{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.navi .links ul li
{
	display: inline-block;
	position: relative;
	float: left;
}

.navi .links ul li a, .navi .links ul li span
{
	height: 86px;
	display: inline-block;	
	background-repeat: no-repeat;
	background-color: transparent;
}

/* Submenu links */
.navi .submenu
{
	position: relative;
	float: right;
	width: 330px;
}

.navi .submenu #separator-top
{
	width: 58px;
	background: url(../images/buttons_top.png) -457px 0px;
}

.navi .submenu #separator-bottom
{
	width: 58px;
	background: url(../images/buttons_bottom.png) -457px 0px;
}

/* Buttons */
.header .navi .links ul li a, .header .navi .links ul li a:hover, .header .navi .links ul li span
{
	background-image: url(../images/buttons_top.png);
}

.footer .navi .links ul li a, .footer .navi .links ul li a:hover, .footer .navi .links ul li span
{
	background-image: url(../images/buttons_bottom.png);
}

/* Home */
.header .link_home { width: 127px; background-position: 0px 0px; }
.header .link_home:hover, .header .link_home.hover { background-position: 0px -86px; }
.header .link_home_active {	width: 127px; background-position: 0px -86px; }
.footer .link_home { width: 127px; background-position: 0px 0px; }
.footer .link_home:hover, .footer .link_home.hover { background-position: 0px -86px; }
.footer .link_home_active {	width: 127px; background-position: 0px -86px; }

/* Services */
.header .link_services { width: 115px; background-position: -127px 0px; }
.header .link_services:hover, .header .link_services.hover { background-position: -127px -86px; }
.header .link_services_active {	width: 115px; background-position: -127px -86px; }
.footer .link_services { width: 115px; background-position: -127px 0px; }
.footer .link_services:hover, .footer .link_services.hover { background-position: -127px -86px; }
.footer .link_services_active {	width: 115px; background-position: -127px -86px; }

/* Work */
.header .link_work { width: 107px; background-position: -242px 0px; }
.header .link_work:hover, .header .link_work.hover { background-position: -242px -86px; }
.header .link_work_active { width: 107px; background-position: -242px -86px; }
.footer .link_work { width: 107px; background-position: -242px 0px; }
.footer .link_work:hover, .footer .link_work.hover { background-position: -242px -86px; }
.footer .link_work_active { width: 107px; background-position: -242px -86px; }

/* Contact */
.header .link_contact { width: 107px; background-position: -349px 0px; }
.header .link_contact:hover, .header .link_contact.hover { background-position: -349px -86px; }
.header .link_contact_active { width: 107px; background-position: -349px -86px; }
.footer .link_contact { width: 107px; background-position: -349px 0px; }
.footer .link_contact:hover, .footer .link_contact.hover { background-position: -349px -86px; }
.footer .link_contact_active { width: 107px; background-position: -349px -86px; }

/* Web */
.header .link_web { width: 87px; background-position: -513px 0px; }
.header .link_web:hover, .header .link_web.hover { background-position: -513px -86px; }
.header .link_web_active { width: 87px; background-position: -513px -86px; }
.footer .link_web { width: 87px; background-position: -513px 0px; }
.footer .link_web:hover, .footer .link_web.hover { background-position: -513px -86px; }
.footer .link_web_active { width: 87px; background-position: -513px -86px; }

/* Print */
.header .link_print { width: 87px; background-position: -601px 0px; }
.header .link_print:hover, .header .link_print.hover { background-position: -601px -86px; }
.header .link_print_active { width: 87px; background-position: -601px -86px; }
.footer .link_print { width: 87px; background-position: -601px 0px; }
.footer .link_print:hover, .footer .link_print.hover { background-position: -601px -86px; }
.footer .link_print_active { width: 87px; background-position: -601px -86px; }

/* Logo */
.header .link_logo { width: 87px; background-position: -692px 0px; }
.header .link_logo:hover, .header .link_logo.hover { background-position: -692px -86px; }
.header .link_logo_active { width: 87px; background-position: -692px -86px; }
.footer .link_logo { width: 87px; background-position: -692px 0px; }
.footer .link_logo:hover, .footer .link_logo.hover { background-position: -692px -86px; }
.footer .link_logo_active { width: 87px; background-position: -692px -86px; }

/* Tel No */

.header .right, .footer .right
{
	float: right;
}

.header .right .tel, .footer .right .tel
{
	width: 213px;
	background-position: -787px 0px;
}

/* Main document background */

.main
{
	width: 100%;
	margin: 0 auto;
	min-height: 100%;
	min-width: 1000px;
	color: #d2d2d2;
	font-size: 13px;
	font-family: Arial;
	text-align: left;
	position: relative;
	overflow: hidden;
}

/* Main document container */
.container
{
	position: relative;
	margin: 0 auto;
	height: 100%;
	padding: 0px 0px 86px 0px;	
}

.welcome, .index-content, .slideshow, .work-description, .services-content
{
	position: relative;
	margin: 0 auto;
	padding: 0px;
	width: 1000px;
	background-color: #1b1b1b;
}

/* Main page content */

.welcome
{
	position: relative;
	margin: 20px auto 20px auto;
	padding: 34px 30px 30px 32px;
	width: 938px;
}

.welcome h1
{
	padding: 0px 0px 0px 0px;
}

.welcome p
{
	padding: 20px 0px 0px 30px;
}

.index-content
{
	position: relative;
	margin: 20px auto 20px auto;
	padding: 0px 40px;
	width: 920px;
}

.index-content .pagerule
{
	clear: both;
	width: 960px;
	margin: 0px -20px 0px -20px;
}

.index-content #why-choose-us
{
	width: 920px;
	position: relative;
	padding: 30px 0px 0px 0px;
}

.index-content #why-choose-us ul
{
	position: relative;
	list-style: none;
	padding: 13px 0px 30px 10px;
	margin: 0px;
	width: 400px;
}

.index-content #why-choose-us ul li
{
	line-height: 0px;
	display: inline-block;
	padding: 7px 0px 0px 0px;
	margin: 0px;
}

.index-content #why-choose-us ul li a
{
	display: inline-block;
	height: 40px;
	cursor: help;
}

.index-content #why-choose-us #reputation { width: 351px; background: url(../images/hover_overs.png) 0px 0px; }
.index-content #why-choose-us #reputation:hover { width: 351px; background: url(../images/hover_overs.png) 0px -160px; }

.index-content #why-choose-us #what-we-do { width: 257px; background: url(../images/hover_overs.png) 0px -40px; }
.index-content #why-choose-us #what-we-do:hover { width: 257px; background: url(../images/hover_overs.png) 0px -200px; }

.index-content #why-choose-us #future { width: 318px; background: url(../images/hover_overs.png) 0px -80px; }
.index-content #why-choose-us #future:hover { width: 318px; background: url(../images/hover_overs.png) 0px -240px; }

.index-content #why-choose-us #quick { width: 345px; background: url(../images/hover_overs.png) 0px -120px; }
.index-content #why-choose-us #quick:hover { width: 345px; background: url(../images/hover_overs.png) 0px -280px; }

.index-content #why-choose-us .rulevert
{
	height: 173px;
	position: absolute;
	top: 85px;
	left: 410px;
}

.index-content #why-choose-us #tooltips
{
	bottom: 9px;
	right: 0px;
	position: absolute;	
	width: 480px;
	height: 250px;
}

.index-content #why-choose-us #tooltips img
{
	position: absolute;
}

.index-content #services-glance
{
	clear: both;
	position: relative;
	padding: 30px 0px 75px 0px;
	width: 920px;
}

.index-content #services-glance .slideshow, .index-content #services-glance .slideshow div
{
	width: 920px;
	margin: 0px;
	padding: 0px;
}

.index-content #services-glance div img
{
	clear: both;
	display: block;
	position: relative;	
	margin: 25px 0px 10px 0px;
	left: 6px;
}

.index-content #services-glance div p
{
	position: relative;
	font-size: 16px;	
	width: 908px;
	display: block;
	text-align: justify;
	float: left;
	left: 6px;
}

.index-content #whats-new
{
	position: relative;
	padding: 20px 0px 70px 0px;
	width: 960px;
}

.index-content #whats-new #article-slider
{
	height: 330px;
	width: 960px;
	overflow: hidden;
}

.index-content #whats-new #articles
{
	position: relative;
	height: 380px;
	width: 1904px;
	/*border: 1px solid #ff0000;*/	
}

.index-content #whats-new #view-more
{
	z-index: 10;
	position: absolute;
	bottom: -25px;
	right: -5px;
	display: inline-block;
	width: 176px;
	height: 60px;
	background: url(../images/hover_overs.png) -246px -410px;
}

.index-content #whats-new #view-more:hover
{
	background: url(../images/hover_overs.png) -246px -470px;
}

/* Index page news articles */

.index-content .news-article
{
	float: left;
	z-index: 99;
	position: relative;
	display: block;
	width: 434px;
	margin: 28px 32px 0px 10px;
	padding: 18px 0px 0px 0px;	
}

.index-content .news-article .ruletop
{
	width: 434px;
}

.index-content .news-article h2
{
	position: relative;
	float: left;
	width: 315px;	
}

.index-content .news-article h2 a
{
	color: #ffffff;
}

.index-content .news-article .date
{
	float: right;
	font-family: Diavlo;
	font-weight: normal;
	font-size: 18px;
	width: 110px;
	color: #666666;
}

.index-content .news-article .domain
{
	float: left;
	color: #999999;
}

.index-content .news-article p
{
	padding: 0px 0px 20px 0px;
	text-align: justify;
}

.index-content .news-article img
{
	width: 431px;
	height: 123px;
	margin: 40px auto 14px auto;
	clear: both;
	padding: 0px;
}

.index-content .news-article .rulevert
{
	margin: 0px 35px 0px 0px;
	height: 25px;
}

.index-content #what-next
{
	padding: 0px 0px 40px 0px;
}

.index-content #what-next div
{
	margin: 0px;
	padding: 20px 0px 0px 13px;
}

.index-content #what-next a, .index-content #what-next #or
{
	display: inline-block;
}

.index-content #what-next div #contact-us { width: 145px; height: 40px; background: url(../images/hover_overs.png) -357px -247px; }
.index-content #what-next div #contact-us:hover { width: 145px; height: 40px; background: url(../images/hover_overs.png) -357px -288px; }

.index-content #what-next div #or {	width: 33px; height: 40px; background: url(../images/hover_overs.png) -502px -247px; }

.index-content #what-next div #learn-more { width: 260px; height: 40px; background: url(../images/hover_overs.png) -535px -247px; }
.index-content #what-next div #learn-more:hover { width: 260px; height: 40px; background: url(../images/hover_overs.png) -535px -288px; }

/* Services page content */

.services-content
{
	position: relative;
	margin: 20px auto 20px auto;
	padding: 0px;
	width: 1000px;
}

.services-content .pagerule
{
	width: 960px;
	margin: 0px 20px 0px 20px;
}

.services-content #service-principles
{
	padding: 34px 0px 22px 0px;
}

.services-content #service-principles a
{
	cursor:help;
}

.services-content #service-principles #service-tooltips
{
	height: 269px;
	overflow: hidden;
}

.services-content #service-principles #service-tooltips img
{
	position: absolute;
}

.services-content #service-principles .pagerule
{
	width: 907px;
	margin: 23px 45px 20px 45px;
}

.services-content #service-principles ul
{
	font-family: Georgia;
	font-size: 16px;
	line-height: 1.8;
	padding: 0px;
	margin: 0px;
}

.services-content #service-principles ul li
{
	list-style: none;
	display: block;
	margin: 0px;
	padding: 0px 0px 0px 48px;
}

.services-content #our-process h1, .services-content #service-principles h1
{
	padding: 0px 0px 0px 32px; 
}

.services-content #our-services
{
	width: 1000px;
	position: relative;
	margin: 0px;
	padding: 34px 0px 0px 0px;
	text-align: justify;	
}

.services-content #our-services h1
{
	padding: 0px 0px 30px 32px;
}

.services-content #our-services a
{
	display: inline-block;
}

.services-content #our-services p
{
	text-align: justify;
	padding: 0px 48px 20px 48px; 
}

.services-content #our-services ul
{
	position: relative;
	font-family: Georgia;
	font-size: 16px;
	line-height: 1.8;
	padding: 26px 0px 33px 0px;
	margin: 0px;
}

.services-content #our-services ul li
{
	list-style: none;
	display: inline-block;
	float: left;
	margin: 0px;
	padding: 0px 0px 20px 0px;
}

.services-content #our-services ul.left
{
	padding-left: 48px;
	position: relative;
	float: left;
	width: 440px;
}

.services-content #our-services ul.right
{
	padding-right: 48px;
	position: relative;
	float: right;
	width: 425px;
}

.services-content #our-services ul.wider
{
	padding-left: 48px;
	position: relative;
	float: left;
	width: 570px;
}

.services-content #our-services ul.factors a
{
	cursor: help;
}

.services-content #our-services ul.factors .rulevert
{
	height: 25px;
}

.services-content #our-services ul.factors #tooltip-simplicity { padding: 0px 65px 0px 48px; }
.services-content #our-services ul.factors #tooltip-colour { padding: 0px 70px 0px 70px; }
.services-content #our-services ul.factors #tooltip-photographic { padding: 0px 67px 0px 67px; }
.services-content #our-services ul.factors #tooltip-unity { padding: 0px 90px 0px 90px; }
.services-content #our-services ul.factors #tooltip-intuitive { padding: 0px 0px 0px 67px; }

.services-content #our-services #design-tooltips
{
	clear: both;
	position: relative;	
	height: 353px;
}

.services-content #our-services #design-tooltips img
{
	position: absolute;
}

.services-content #our-services #logos
{
	margin: 35px 20px 0px 0px;
	position: relative;
	float: right;
	width: 325px;
}

.services-content #our-services #logos img
{
	position: relative;
	float: left;
}

.services-content #our-services .pagerule
{
	width: 907px;
	margin: 0px 45px 0px 45px;
}

.services-content #our-services .slideshow
{
	height: auto;
	margin: 0 auto;
}

.services-content #our-services .slideshow #controls
{
	height: 0px;
}

.services-content #our-services .slideshow #controls #start
{
	top: -20px;
	width: 279px;
}

.services-content #our-process
{
	clear: both;
	margin: 0px;
	padding: 34px 0px 65px 0px;
}

.services-content #our-process img
{
	margin: 0 auto;
	padding: 40px 0px 0px 0px;
}

.services-content #view-work
{
	width: 960px;
	padding: 0px 0px 40px 40px;
}

.services-content #view-work div
{
	margin: 0px;
	padding: 20px 0px 0px 13px;
}

.services-content #view-work a
{
	display: inline-block;
}

.services-content #view-work div #previous-work { width: 283px; height: 40px; background: url(../images/hover_overs.png) -562px -329px; }
.services-content #view-work div #previous-work:hover { width: 283px; height: 40px; background: url(../images/hover_overs.png) -562px -369px; }

/* Work Portfolio page */

#work-slideshow img
{
	width: 100%;
	height: 329px;
}

.work-description
{
	position: relative;
	/*margin: 20px auto 20px auto;*/
	padding: 30px;
	width: 940px;	
}

.work-description h1
{
	position: absolute;
	display: inline-block;
	width: 618px;
}

.work-description h2
{
	display: block;
}

.work-description .date
{
	position: absolute;
	font-family: Diavlo;
	font-weight: normal;
	font-size: 25px;
	color: #666666;
	right: 122px;
	width: 200px;
	top: 25px;
}

.work-description p
{
	margin: 0px;
	position: relative;
	display: inline-block;
	padding: 48px 0px 40px 10px;
	text-align: justify;
}

.work-description ul
{
	font-family: Georgia;
	font-size: 16px;
	line-height: 1.8;
	padding: 0px;
	margin: 20px 0px 0px 0px;
}

.work-description ul li
{
	list-style: none;
	display: inline-block;
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	min-width: 210px;
}

.work-description ul.left
{
	position: relative;
	float: left;
	width: 600px;
}

.work-description ul.right
{
	position: relative;
	float: right;
	width: 300px;
}

.work-description .rulevert.top
{
	position: absolute;
	height: 31px;
	top: 28px;
	right: 356px;
}

.work-description .rulevert.bottom
{
	position: absolute;
	height: 47px;
	bottom: 35px;
	right: 356px;
}

/* Slideshow, Index and Work pages */

.slideshow
{
	display: block;
	position: relative;
	height: 329px;
	margin-top: 20px;
	background-color: transparent;
}

.slideshow-desc
{
	position: relative;
	margin: 20px auto 20px auto;
	width: 1000px;
}

.slideshow #controls
{
	position: absolute;
	z-index: 100;
	width: 100%;
	height: 100%;
	/*display: none;*/
}

.slideshow #controls a
{
	top: 70px;
	width: 25px;
	height: 200px;
	color: #1b1b1b;
	font-size: 40px;
	line-height: 200px;
	position: relative;
	background-color: #0fbed9;	
}

.slideshow #controls a:hover
{
	background-color: #ffffff;
}

.slideshow #controls #prev
{
	float: left;	
}

.slideshow #controls #next
{
	float: right;
}

.slideshow #controls #start
{
	position: absolute;
	top: 14px;
	right: -5px;
	z-index: 100;
	width: 245px;
	height: 60px;
	background: url(../images/hover_overs.png) 0px -410px;
}

.slideshow #controls #start:hover
{
	background: url(../images/hover_overs.png) 0px -470px;
}

.slideshow #slides div /* Fixes weird IE8 slideshow image sizing bug */
{
	position: relative;
	margin: 0 auto;
	display: none;
	width: 100%;
}

/* Main site footer */ 

.footer
{
	clear: both;
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 86px;
	background-color: transparent;	
	background-image: url(../images/footer_repeat.png);
	background-repeat: repeat-x;
}

/* Contact form */

.contact
{
	z-index: 100;
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 383px;
	background-color: #1b1b1b;
	border-top: 1px solid #3a3a3a;
}

.contact .inner_container
{
	position: relative;
	margin: 0 auto;
	padding: 0px 0px 0px 6px;
	width: 960px;
}

.contact #discuss
{
	position: relative;
	display: inline-block;
	width: 430px;
	height: 95px;
	float: left;
	margin: 0px;
	padding: 35px 0px 25px 0px;
	margin: 0px 0px 30px 0px;
}

.contact #details
{
	position: relative;
	display: inline-block;
	width: 485px;
	height: 89px;
	float: right;
	margin: 0px;
	padding: 45px 0px 21px 0px;
	margin: 0px 0px 30px 0px;
}

.contact #details a
{
	display: inline-block;
	position: absolute;
	width: 253px;
	height: 40px;
	bottom: 21px;
	left: 117px;
	background: url(../images/hover_overs.png) -572px -165px;
}

.contact #details a:hover { background: url(../images/hover_overs.png) -572px -206px; }

.contact p
{
	text-align: justify;
	font-size: 18px;
	line-height: 1.8;
}

.contact form
{
	position: relative;
	clear: both;
	margin: 0px;
	padding: 0px;
}

.contact table
{
	width: 100%;
	padding: 0px;
	margin: 0px;
	position: relative;
}

.contact table td
{
	margin: 0px;
	line-height: 30px;	
	padding: 0px 0px 12px 0px;
}

.contact textarea
{
	float: right;
	width: 475px;
	height: 104px;
	margin: 0px;
	padding: 4px;
	color: #f0f0f0;
	position: relative;
	font-family: Georgia;
	font-size: 17px;
	border: 1px solid #4b4b4b;
	background-color: #0d0d0d;
	/* Disable Chrome & Safari resizing */
	resize: none; 
}

.contact .textbox
{
	float: left;
	width: 415px;
	height: 20px;
	margin: 0px;
	padding: 4px;
	color: #f0f0f0;
	position: relative;
	font-size: 17px;
	font-family: Georgia;
	border: 1px solid #4b4b4b;
	background-color: #0d0d0d;
}

.contact .button
{
	margin-top: 9px;
	position: relative;
	float: right;
	border: none;
	width: 83px;
	height: 40px;
	cursor: pointer;
	background-color: transparent;
	background-image: url(../images/hover_overs.png);
	background-position: -1px -341px;
}

.contact .button:hover
{
	background-position: -85px -341px;
}

/* Clear div */

.clearfix
{
	line-height: 0px;
	position: relative;
	height: 0px !important;
	width: 100% !important;
	clear: both;
}

/* Text highlight selection style */

::selection
{
	background: #0FBED9;
	color: #FFFFFF;
}

::-moz-selection
{
	background: #0FBED9;
	color: #FFFFFF;
}

.typeface-js-selected-text::selection
{
	background: #0FBED9 !important;
	color: transparent !important;
}

.typeface-js-selected-text::-moz-selection
{
	background: #0FBED9 !important;
	color: transparent !important;
}


/*********************** Services Revamp*****************************/
#new_services_navigation_container
{
	position:relative;
	background-position:center 176px;
	background-repeat:no-repeat;
	margin: 0 auto;
	width:1000px;
	height:90px;
	top: 0px;
}

#new_services_navigationwebdesign
{
	padding-left:0px;
	margin: 0 auto;
	position:relative;
	float:left;
}

#new_services_navigationwebdesign a { display: block; }
#new_services_navigationwebdesign a { width: 371px; height: 90px; background: url(../images/new_servicessprite_xti.jpg) 0px -0px; }
#new_services_navigationwebdesign a:hover, #new_services_navigationwebdesign a.selected { background: url(../images/new_servicessprite_xti.jpg) -0px -101px; }

#new_services_navigationphotography
{
	padding-left:0px;
	margin: 0 auto;
	position:relative;
	float:left;
}

#new_services_navigationphotography a { display: block; }
#new_services_navigationphotography a { width: 213px; height: 90px; background: url(../images/new_servicessprite_xti.jpg) -371px -0px; }
#new_services_navigationphotography a:hover, #new_services_navigationphotography a.selected { background: url(../images/new_servicessprite_xti.jpg) -371px -101px; }

#new_services_navigationvideo
{
	padding-left:0px;
	margin: 0 auto;
	position:relative;
	float:left;
}

#new_services_navigationvideo a { display: block; }
#new_services_navigationvideo a { width: 137px; height: 90px; background: url(../images/new_servicessprite_xti.jpg) -584px -0px; }
#new_services_navigationvideo a:hover, #new_services_navigationvideo a.selected { background: url(../images/new_servicessprite_xti.jpg) -584px -101px; }

#new_services_navigationlogo
{
	padding-left:0px;
	margin: 0 auto;
	position:relative;
	float:left;
}

#new_services_navigationlogo a { display: block; }
#new_services_navigationlogo a { width: 127px; height: 90px; background: url(../images/new_servicessprite_xti.jpg) -721px -0px; }
#new_services_navigationlogo a:hover, #new_services_navigationlogo a.selected { background: url(../images/new_servicessprite_xti.jpg) -721px -101px; }

#new_services_navigationprint
{
	padding-left:0px;
	margin: 0 auto;
	position:relative;
	float:left;
}

#new_services_navigationprint a { display: block; }
#new_services_navigationprint a { width: 152px; height: 90px; background: url(../images/new_servicessprite_xti.jpg) -848px -0px; }
#new_services_navigationprint a:hover, #new_services_navigationprint a.selected { background: url(../images/new_servicessprite_xti.jpg) -848px -101px; }

#new_services_webdesign_weprovide_container
{
	position:relative;
	background-repeat:no-repeat;
	margin: 0 auto;
	width:1020px;
	height:212px;
}

#new_services_webdesign_packageintro
{
	position:relative;
	background-repeat:no-repeat;
	margin: 0 auto;
	width:900px;
	height:117px;
}

#new_services_webdesign_packageintro p
{
	text-align: justify;
	color: #FFFFFF;	
}

#new_services_webdesign_ourcustomers
{
	position:relative;
	background-repeat:no-repeat;
	margin: 0 auto;
	width:1000px;
	height:134px;
	text-align: justify;
}

#new_services_webdesign_ourcustomers_image_container
{
	position:relative;
	background-repeat:no-repeat;
	margin: 0 auto;
	width:932px;
	height:463px;
}

#new_services_webdesign_ourcustomers_image1
{
	position:relative;
	background-repeat:no-repeat;
	margin: 0 auto;
	width:278px;
	height:180px;
	float: left;
}

.new_services_webdesign_ourcustomers_vertical_divider
{
	position:relative;
	margin: 0 auto;
	padding-left:24px;
	padding-right:24px;
	width:1px;
	height:407px;
	float: left;
}

#new_services_webdesign_ourcustomers_image2
{
	position:relative;
	background-repeat:no-repeat;
	margin: 0 auto;
	width:278px;
	height:180px;
	float: left;	
}

#new_services_webdesign_ourcustomers_image3
{
	position:relative;
	background-repeat:no-repeat;
	margin: 0 auto;
	width:278px;
	height:180px;
	float: left;	
}

.web_design_services_divider
{
	float:none;
	margin: 0 auto;
	text-align: center;
	padding-top: 24px;
	padding-bottom:	19px;
}

#new_services_webdesign_webdesignpackages
{
	position:relative;
	background-repeat:no-repeat;
	margin: 0 auto;
	width:1000px;
	height:128px;
}

#new_services_webdesign_webdesignpackagestext
{
	position:relative;
	margin: 0 auto;
	width:932px;
	height:111px;	
}

#new_services_webdesign_webdesignpackagestext p
{
	text-align: justify;
}

#new_services_webdesign_webdesignpackages_container
{
	position:relative;
	background-repeat:no-repeat;
	margin: 0 auto;
	width:932px;
	height:563px;	
}

#new_services_webdesign_webdesignpackages_container p
{
	text-align: justify;
}

#new_services_webdesign_webdesignpackages_essentials
{
	position:relative;
	background-repeat:no-repeat;
	margin: 0 auto;
	width:278px;
	height:180px;
	float: left;	
}

#new_services_webdesign_webdesignpackages_essentials li
{
	text-align: justify;
	display: block;
	line-height: 1.5;
	position: relative;
	font-family: Georgia;
	font-size: 15px;	
	color: #CFCFCF;
	padding: 0px;
	margin: 0px;
}

#new_services_webdesign_webdesignpackages_basic
{
	position:relative;
	background-repeat:no-repeat;
	margin: 0 auto;
	width:278px;
	height:180px;
	float: left;	
}

#new_services_webdesign_webdesignpackages_basic li
{
	text-align: justify;
	display: block;
	line-height: 1.5;
	position: relative;
	font-family: Georgia;
	font-size: 15px;	
	color: #CFCFCF;
	padding: 0px;
	margin: 0px;
}

#new_services_webdesign_webdesignpackages_advanced
{
	position:relative;
	background-repeat:no-repeat;
	margin: 0 auto;
	width:278px;
	height:180px;
	float: left;	
}

#new_services_webdesign_webdesignpackages_advanced li
{
	text-align: justify;
	display: block;
	line-height: 1.5;
	position: relative;
	font-family: Georgia;
	font-size: 15px;	
	color: #CFCFCF;
	padding: 0px;
	margin: 0px;
	list-style-type:circle;
}

.webpackage_types
{
	height:28px;
	position: relative;
	padding-bottom: 35px;
}

/* 
	Author: Clive Elliott
	Email: clive108 at hotmail dot com
	Main stylesheet for layout of XTi Design website.
*/