@charset "utf-8";
/*
Copyright is held by original owners.
CSS Document: PureTek
Version: 1.11
*/

/*
ATTRIBUTES
**********
Font Primary: #3b3b3b, Arial, 12px
Page Heading: #e32b00, Horatio, 40px eq.
Content Headings: #e32b00, Arial, 14px
__________

DIMENSIONS
**********
Main site width: 960px
Content Main: 960px
Gutter width: 36px
__________

CSS INDEX:
**********
+ Global Styles
  - Text
  - Links
  - Forms
+ Page Layout
  - Content (Containers)
+ Header
+ Footer
+ Navigation
  - Primary
  - Secondary
  - Breadcrumbs
+ Contact
+ Banners
+ Page Tools
+ Columns
+ Our Service Quick Launch
+ Content (Body)
  - Headings
  - Lists
  - Follow On Codes
  - Poll Boxes
  - Service button
+ Quicklinks
+ SiteFinity
__________

*/

@import "../sifr/sIFR-screen.css"; /* import the sIFR styles */

/*
=================================
GLOBAL STYLES
*/

* {
	margin:0em;
	padding:0em;
	border:none;
}

#puretek {
	font-family:Arial, Helvetica, sans-serif;
	color:#3b3b3b;
	font-size:75%;
}	
	
.accessible {
	display:block;
	position:absolute;
	left:-9999em;
	z-index:0;
	height:0px;
	width:0px;
	line-height:0px;
	font-size:0px;
	float:left;
	clear:none;
	visibility:collapse;
}

.invisible {
	display:none;
}	


#content img.center, #content img {
	display:block;
	margin:0em auto 1em auto;
}

#content .right {
	float:right;
}

#content .left {
	float:left;
}

#content img.right {
	margin:0em 0em 2em 2em;
}

#content img.left {
	margin:0em 2em 2em 0em;
}

#content .clear {
	display:block;
	clear:both;
}



	/* LINKS */
	a:link {
		color:#e32b00;
		text-decoration:underline;
	}
	a:visited {
		color:#f26838;
	}
	a:hover {
		color:#5ca200;
	}
	a:active {
		color:#5ca200;
	}
	
	/* LISTS */
	ul, ol {
		list-style-type:none;
	}




	/* HOVERBOX */
	.hover_box {
		background:url(../images/bg_hover.png) left 4px no-repeat;
		width:260px;
		overflow:auto;
		position:absolute;
		left:-9999em;
		padding:34px 20px 4px 20px;
		color:#000;
		border-bottom:2px solid #8cc63f;
	}
	
	.hover_box p {
		margin-bottom:1.2em;
	}
	
/*
=================================
PAGE LAYOUT
*/

html {
	background:url(../images/bg_page.jpg) center 32px repeat-x;
}

body {
	background:url(../images/rings.png) center -25px no-repeat;
	min-width:960px;
}

body.home {
	background-position:center 0px;
}


#content_container {
	width:960px;
	margin:0px auto;
}


/*
=================================
HEADER
*/

#header {
	height:245px;
	margin:0px auto 0px auto;
	width:960px;
	position:relative;
	top:32px;
	z-index:16;
}

.home  #header{
	height:153px;
}

#header #company span {
	position:absolute;
	left:-9999em;
}

#header #company a {
	width:206px;
	height:142px;
	background:url(../images/logo_puretek.png) left top no-repeat;
	display:block;
	position:absolute;
	left:-7px;
	top:32px;
}


/*
=================================
FOOTER
*/

#footer {
	background:#171919 url(../images/bg_footer.gif) repeat;
	padding-bottom:10px;
	clear:both;
	position:relative;
	margin-top:40px;
}

#footer #creed {
	background:url(../images/bg_footer_byline.jpg) center top repeat-x;
	height:118px;
	text-align:center;
}

#footer #creed strong {
	margin:0px auto 0px auto;
	padding-top:78px;
	display:block;
	background:url(../images/bg_footer_creed.png) center bottom no-repeat;
	width:357px;
	height:32px;
}

#footer #creed strong span {
	position:absolute;
	left:-9999em;
}

#footer #creed img {
	margin-top:78px;
}
    #footer #w3c
    {
	text-align:center;
	font-size:.8em;
	color:#b2b5b7;
	margin-top:15px;
	
        
    }

	/* Web Optimised */
	#footer #two_point_o {
		position:relative;
		width:960px;
		margin:0px auto;
			}
	
	#footer #two_point_o a {
		display:block;
		width:113px;
		height:37px;
		background:url(../images/logo_web_2-0.gif) top left no-repeat;
		position:absolute;
		top:-20px;
		left:45px;
	}
	
	#footer #two_point_o a span {
		position:absolute;
		left:-9999em;
	}
	

#footer #puretek_development {
	width:960px;
	position:relative;
	margin:0px auto;
	text-align:right;
}

#footer #puretek_development a {
	display:block;
	background:url(../images/logo_puretek_development.gif) top left no-repeat;
	width:166px;
	height:64px;
	position:absolute;
	right:30px;
	top:-32px;
}

#footer #puretek_development a span {
	position:absolute;
	left:-9999em;
}

#footer #disclaimer {
	text-align:center;
	font-size:.8em;
	color:#b2b5b7;
	margin-top:12px;
}

#footer #site_links {
	width:960px;
	margin:60px auto 0px auto;
	padding-bottom:45px;
	background:url(../images/bg_footer_links.gif) center top repeat-y;
	overflow:auto;
}

#footer #site_links .item {
	float:left;
	width:176px;
	padding:0px 22px 0px 42px;
}

#footer #site_links .item li {
	background:url(../images/bullet_A.gif) left .4em no-repeat;
	padding-left:8px;
	margin-left:12px;
	margin-bottom:.1em;
}

#footer #site_links h5 {
	color:#fff;
	text-transform:uppercase;
	font-weight:normal;
	font-size:1.2em;
}

#footer #site_links a {
	text-decoration:none;
	color:#8cc63f;
}
#footer #site_links a:hover {
	color:#fff;
	text-decoration:underline;
}

/*
=================================
NAVIGATION
*/

	/* PRIMARY */
	#nav_primary {
		position:absolute;
		top:0px;
		left:0px;
		background:#171919;
		width:100%;
		min-width:960px;
		height:32px;
		z-index:20;
	}
	
	#nav_primary #nav {
		width:960px;
		margin:0px auto;
		padding-top:2px;
	}
	
	#nav_primary #nav li {
		display:inline-block;
		position:relative;
		float:left;
	}
	
	#nav_primary #nav li a {
		float:left;
		padding:5px 10px 5px 11px;
		background:url(../images/divider_A.gif) left 5px no-repeat;
		text-decoration:none;
		color:#a5b2a4;
	}
	
	#nav_primary #nav li a:hover {
		color:#fff;
	}
	
	#nav_primary #nav .first-child a {
		background:none;
		padding-left:0px;
	}
		
		/* NAV MENU : SECOND - THIRD TIER DROP-DOWN MENU */
		#nav_primary #nav ul {
			border:2px solid #63ac01;
			border-top:0px;
			background:#84df0c url(../images/bg_nav_menu_full.jpg) top left repeat;
		}
		#nav_primary #nav ul li {
			clear:left;			
		}		
		#nav_primary #nav ul a {
			background:none;
			border-bottom:1px solid #adf054;
			border-top:1px solid #7dd904;
			color:#2c3c2f;
			height:auto;
			line-height:160%;;
			padding:2px 10px;
			width:200px;
		} 
		
		#nav_primary #nav ul a:hover {
			color:#fff;
			background:#66c80b url(../images/bg_nav_menu.jpg) top left repeat-x;
		} 
		
		#nav_primary ul ul li a { /* first level  */
		}
		#nav_primary #nav ul ul li a { /* second level */
		}
		#nav_primary #nav ul ul ul li a { /* third level  */
		}
		
		#nav_primary #nav ul {
			position:absolute;
			left:-9999em; /* Hide UL from screen */
		}
		
		#nav_primary #nav .sfhover ul, #nav_primary #nav li:hover ul {
			position:absolute;
			left:0px; /* Hover or JS action */
			top:25px;
			z-index:30;
		}
		
			#nav_primary #nav .sfhover ul ul, #nav_primary #nav li:hover ul ul {
				position:absolute;
				left:-9999em; /* Hide 2nd level UL from screen */	
			}
			
			#nav_primary #nav ul .sfhover ul , #nav_primary #nav ul li:hover ul {
				position:absolute;
				left:200px; /* Hover or JS action to see 2nd level */
				top:0px;
				z-index:13;
			}
			
				#nav_primary #nav .sfhover ul ul ul, #nav_primary #nav li:hover ul ul ul {
					left:-9999em; /* Hide 3rd level UL from screen */	
				}
				
				#nav_primary #nav ul ul .sfhover ul , #nav_primary #nav ul ul li:hover ul {
					left:200px; /* Hover or JS action to see 3rd level */
					top:0px;
					z-index:16;
				}		
	

	/* BREADCRUMBS */
	#puretek .breadcrumb {
		display:block;
		position:absolute;
		top:0px;
		left:0px;
		width:936px;
		margin-left:36px;
		text-transform:uppercase;
		font-size:.8em;
		font-weight:bold;
		letter-spacing:.01em;
	}
	#puretek .breadcrumb a:link {
		color:#565656;
	}
	#puretek .breadcrumb a:visited {
		color:#565656;
	}
	#puretek .breadcrumb a:hover {
		color:#5ca200;
	}
	#puretek .breadcrumb a:active {
		color:#5ca200;
	}


/*
=================================
CONTACT
*/

#contact_container {
	margin:0px 50%;
	width:0px;
	height:1px;
	overflow:visible;
	position:absolute;
	top:0px;
	z-index:30;
}

#contact {
	background:url(../images/bg_contact_bar.gif) left top no-repeat;
	position:relative;
	top:-1px;
	left:310px;
	z-index:30;
	width:170px;
	height:68px;
	margin:0px;
}

#contact h4 span {
	position:absolute;
	left:-9999em;
}

#contact h4 a {
	display:block;
	width:60px;
	height:20px;
	margin:8px 10px;
	float:right;
	clear:both;
}

#contact #rss_feed span {
	position:absolute;
	left:-9999em;
}

#contact #rss_feed a {
	background:url(../images/icon_rss_feed.gif) left top no-repeat;
	display:block;
	width:63px;
	height:18px;
	position:absolute;
	top:7px;
	left:18px;
}

#contact #rss_feed a:hover {
	background-position:left -100px;
}

#contact #contact_items {
	padding:0px;	
	margin-left:18px;
	margin-top:2px;
	clear:both;
}

#contact #contact_items li span {
	position:absolute;
	left:-9999em;
}

#contact #contact_items li {
	position:relative;
	display:inline;
	float:left;
}

#contact #contact_items li a {
	display:inline-block;
	float:left;
	background-repeat:no-repeat;
	background-position:center top;
	height:22px;
	margin-right:9px;
}

#contact #contact_items li a:hover {
	background-position:center -100px;
}

	#contact #contact_items .contact_1 a {
		background-image:url(../images/icon_contact_email.gif);
		width:24px;
	}
	#contact #contact_items .contact_2 a {
		background-image:url(../images/icon_contact_call.gif);
		width:21px;
	}
	#contact #contact_items .contact_3 a {
		background-image:url(../images/icon_contact_post.gif);
		width:21px;
	}
	#contact #contact_items .contact_4 a {
		background-image:url(../images/icon_contact_chat.gif);
		width:21px;
	}
	#contact #contact_items .contact_5 a {
		background-image:url(../images/icon_contact_im.gif);
		width:13px;
	}
	
	/* Hidden icons for contact us */
	#contact #contact_items .contact_4 {
		display:none;
	}
	
	#contact #contact_items li a {
		margin-right:18px;
	}
	

/* Hover INFO boxes for the contact methods */

	
#contact #contact_items li:hover .hover_box {
	position:absolute;
	top:18px;
	left:-285px;
}	

#contact #contact_items .hover_box a {
	background:none;
	width:auto;
	display:inline-block;
	float:none;
	margin:0em;
	padding:0em;
	line-height:180%;
}

/*
=================================
COLUMNS
*/

#content .columns {
/* main column container
minus the gutter width so that it can be 
easily aligned without first or last childs */
	position:relative;
	left:-36px;
	overflow:auto;
	clear:both;
	display:inline-block;
	padding-top:36px;
	margin-top:-12px;
	margin-right:-36px;
}

.home #content .columns {
	margin-top:0em;
	padding-top:0em;
}

/* general column characteristics
overall size:960px gutter:36*/
#content .col2, #content .col3, #content .col3_2,
#content .col4 {
	float:left;
	margin-left:36px;
	overflow:auto;
	display:inline-block;
	overflow:auto;
}

#content .col2 {
	width:462px;
}

#content .col3 {
	width:296px;
}

#content .col3_2 {
	width:628px;
}

#content .col4 {
	width:213px;
}


/*
=================================
OUR SERVICES
*/

#our_services {
	width:960px;
	margin:0em;
	border:none;
	margin-bottom:4px;
	position:relative;
	z-index:8;
}
#our_services h2 {
	position:absolute;
	z-index:7;
	background:url(../images/bg_our_services.gif) left top no-repeat;
	top:45px;
	left:-45px;
	height:158px;
	width:1033px;
	display:block;
	border:none;
	margin:0em;
	padding:0em;
}
#our_services h2 span {
	position:absolute;
	left:-9999em;
}
#our_services .item {
	position:relative;
	background:url(../images/bg_box_services.gif) left 33px no-repeat;
	margin:0em;
	margin-right:36px;
	width:213px;
	height:200px;
	float:left;
	z-index:9;
	padding:0em;
}
#our_services .item.service4 {
	margin-right:0em;
}
#our_services .item h3 span {
	position:absolute;
	left:-9999em;
}
#our_services .item h3 {
	background-position:left top;
	background-repeat:no-repeat;
	height:33px;
	margin:0em;
	padding:0em;
	display:block;
}
	#our_services .service1 h3 {
		background-image:url(../images/tab_website_design.gif);
		width:143px;
	}
	#our_services .service2 h3 {
		background-image:url(../images/tab_software_development.gif);
		width:200px;
	}
	#our_services .service3 h3 {
		background-image:url(../images/tab_business_consulting.gif);
		width:171px;
	}
	#our_services .service4 h3 {
		background-image:url(../images/tab_internet_hosting.gif);
		width:146px;
	}	
#our_services .item a {
	color:#fff;
	text-decoration:none;
	font-size:1.2em;
	margin:0em;
	padding:0em;
}
#our_services .item a strong {
	border-bottom:1px solid #fff;
}
#our_services .item a:hover {
	color:#ffb900;
	border-bottom:1px solid #ffb900;
}
#our_services .item a:hover strong {
	border:none;
}

#our_services .item span {
	height:20px;
	color:#8cc63f;
	display:block;
	font-size:.8em;
	margin-top:2px;
}
#our_services .item ul {
	margin:4px 0em 0em 12px;
	padding:0em;
}
#our_services .item li {
	list-style:none;
	margin:0em 0em 8px 0em;
	padding:0em 0em 0em 12px;
	background:url(../images/bullet_C.gif) left 3px no-repeat;
}
	
	
/*
=================================
CONTENT
*/

	/* HEADINGS */
	h1 { /* further styling can be obtained via swifr css */
		font-size:3em;
		font-weight:normal;
		color:#e32b00;
		margin-bottom:20px;
		
	}
	h2 {
		font-size:1.6em;
		color:#67b500;
		border-bottom:1px dotted;
		margin-bottom:.3em;
		padding-bottom:.2em;
	}
	h3 {
		font-size:1.3em;
		color:#e32b00;
		margin:.6em 0em .1em 0em;
		
	}
	h4 {
		font-size:1.2em;
		color:#e32b00;
	}
	
	h5, h6 {
		font-size:1em;
		color:#e32b00;;
	}
	
	#content hr {
		border-width:1px;
		border-color:auto;
	}
	
	/* LISTS */
	#content ul, #content ol {
		margin-bottom:24px;
		margin-left:1.4em;
	}
	
	#content li ul, #content li ol {
		margin-bottom:0em;
	}
	
	#content ol li {
		list-style-type:decimal;
		margin-left:2em;
		margin-top:.4em;
	}
	
	#content ul li {
		list-style:none;
		margin-left:.5em;
		background: url(../images/bullet_B.gif) left 5px no-repeat;
		padding-left:16px;
		margin-top:.4em;
	}		
	
#content p {
	margin-bottom:20px;
	line-height:1.6em;
}

#content .top {
	display:block;
	clear:both;
	text-align:right;
	text-transform:uppercase;
	font-size:.8em;
	margin-bottom:12px;
}

#content .top a {
	color:#ff9000;
	background:#fff;
	font-weight:bold;
	padding:3px 12px;
	background:#fff4d6;
	border:1px solid #ffb900;
	text-decoration:none;
}

#content .top a:hover {
	color:#fff;
	background:#ffb900;
}

	/* FOLLOW ON CODES */
	#content_container p + ul {
		margin-top:-16px;
	}
	
	#content_container p + h2 {
		margin-top:36px;
	}
	
	#content_container .breadcrumb + p {
		margin-top:6px;
	}


#content_container .oomph {
	display:block;
	color:#fff;
	background:#e32b00;
	text-align:center;
	padding:.6em .3em;
	font-size:1.3em;
	margin:1em 0em;
	letter-spacing:.01em;
	line-height:140%;
}



	/* BANNER */
	#banner_main {
		margin-bottom:40px;
	}
	

	/* POLL BOXES */
	#content_container .PollBox li {
		list-style:none;
		background-image:none;
		padding-left:0em;
	}
	
	#content_container .PollBox li label {
		margin-left:6px;
	}	
	
	#content_container .PollBox .sf_pollCommands input {
		background:url(../images/bg_button_A.png) left top repeat;
		margin-right:12px;
		cursor:pointer;
		padding:.3em .9em;
		border:1px solid #afc1ab;
		color:#262c21;
	}
	
	#content_container .PollBox .sf_pollCommands input:hover {
		background:url(../images/bg_button_B.png) left top repeat;
		border:1px solid #6f7b6b;
	}
	
	
	/* SERVICE BUTTON */
	#your_needs {
		text-align:center;
		margin-bottom:24px;
	}
	#your_needs p {
		padding:8px 0px;
		margin:0em;
	}
	#your_needs a span {
		position:absolute;
		left:-9999em;
	}
	#your_needs img {
		margin:0em auto;
		padding:0em;
	}
	
	
/*
=================================
QUICKLINKS
*/
#quicklinks {
	width:960px;
	margin:40px auto;
	height:129px;
	background:url(../images/bg_quicklinks.gif) top center no-repeat;
	margin-bottom:40px;
	position:relative;
}
	
	
	/* page tools */
	#quicklinks #page_tools {
		position:absolute;
		top:80px;
		left:226px;
		background:url(../images/bg_page_tools.gif) left top no-repeat;
		width:128px;
		padding-left:6px;
		height:24px;
		padding-top:3px;
	}
	
	#quicklinks #page_tools span {
		position:absolute;
		left:-9999em;
	}
	
	#quicklinks #page_tools li {
		display:inline;
	}
	
	#quicklinks #page_tools li a {
		display:block;
		background-position:center top;
		background-repeat:no-repeat;
		float:left;
		height:22px;
		margin-left:11px;
		outline:none;
	}
	
	#quicklinks #page_tools li a:hover {
		background-position:center -100px;
	}
		/* individual links */
		#quicklinks #page_tools .page_tools_1 a {
			background-image:url(../images/icon_tools_print.gif);
			width:25px;
		}
		#quicklinks #page_tools .page_tools_2 a {
			background-image:url(../images/icon_tools_large.gif);
			width:26px;
		}
		#quicklinks #page_tools .page_tools_3 a {
			background-image:url(../images/icon_tools_small.gif);
			width:27px;
		}	
		
	/* social bookmarks */	
	#quicklinks #social_bookmarks {
		position:absolute;
		bottom:10px;
		right:14px;
		width:582px;
		padding-left:138px;
		background:url(../images/bg_social_bookmarks.gif) left bottom no-repeat;
	}
	
	#quicklinks #social_bookmarks span {
		position:absolute;
		left:-9999em;
	}
	
	#quicklinks #social_bookmarks li {
		display:inline;
	}
	
	#quicklinks #social_bookmarks li a {
		display:block;
		background-position:center top;
		background-repeat:no-repeat;
		float:left;
		height:43px;
		margin-left:12px;
		outline:none;
	}	
	
	#quicklinks #social_bookmarks li a:hover {
		background-position:center -100px;
	}	
		/* individual links */
		#quicklinks #social_bookmarks .sb_stumbleupon a {
			background-image:url(../images/icon_sb_stumbleupon.gif);
			width:70px;
		}
		#quicklinks #social_bookmarks .sb_delicious a {
			background-image:url(../images/icon_sb_delicious.gif);
			width:48px;
		}
		#quicklinks #social_bookmarks .sb_digg a {
			background-image:url(../images/icon_sb_digg.gif);
			width:23px;
		}
		#quicklinks #social_bookmarks .sb_twitter a {
			background-image:url(../images/icon_sb_twitter.gif);
			width:35px;
		}
		#quicklinks #social_bookmarks .sb_facebook a {
			background-image:url(../images/icon_sb_facebook.gif);
			width:49px;
		}
		#quicklinks #social_bookmarks .sb_email a {
			background-image:url(../images/icon_sb_email.gif);
			width:30px;
		}
		#quicklinks #social_bookmarks .sb_reddit a {
			background-image:url(../images/icon_sb_reddit.gif);
			width:32px;
		}
		#quicklinks #social_bookmarks .sb_pownce a {
			background-image:url(../images/icon_sb_pownce.gif);
			width:40px;
		}
		#quicklinks #social_bookmarks .sb_technorati a {
			background-image:url(../images/icon_sb_technorati.gif);
			width:59px;
		}
		#quicklinks #social_bookmarks .sb_design_float a {
			background-image:url(../images/icon_sb_design_float.gif);
			width:68px;
		}
		
	/* core links */	
	#quicklinks #site_pages {
		position:absolute;
		top:14px;
		right:14px;
		width:650px;
		padding-left:74px;
		background:url(../images/nav_local_site_pages.gif) left center no-repeat;
	}
	
	#quicklinks #site_pages span {
		position:absolute;
		left:-9999em;
	}
	
	#quicklinks #site_pages li {
		display:inline;
	}
	
	#quicklinks #site_pages li a {
		display:block;
		background-position:center top;
		background-repeat:no-repeat;
		float:left;
		height:47px;
		margin-left:22px;
		outline:none;
	}	
	#quicklinks #site_pages li a:hover {
		background-position:center -100px;
	}	
	
		/* individual links */
		#quicklinks #site_pages .core_link_1 a {
			background-image:url(../images/icon_core_web_design.gif);
			width:131px;
		}
		#quicklinks #site_pages .core_link_2 a {
			background-image:url(../images/icon_core_development.gif);
			width:136px;
		}
		#quicklinks #site_pages .core_link_3 a {
			background-image:url(../images/icon_core_portfolio.gif);
			width:138px;
		}
		#quicklinks #site_pages .core_link_4 a {
			background-image:url(../images/icon_core_contact.gif);
			width:149px;
		}

	
/* SITEFINITY */

p.poweredBySitefinityLogo {
	margin:10px auto;
	width:auto;
}

p.poweredBySitefinityLogo a {
	position:absolute !important;
	left:-450px !important;
	top:-450px !important;
}

	
	
	
	
	
	
/* ELEMENTS THAT REMAIN IN DEVELOPMENT */


#puretek #nav_local {
	display:none !important;
}