/* main styles */
* {margin:0;padding:0;}

body {
	background:url(http://www.pinkpetrol.com/images/bg.jpg) repeat-x -300px 0px;	
	font-family:arial;
	font-size:80%;
	color:#333;
	line-height:180%;
	margin:0;
	padding:0;
	text-align:center;
	background-color:#333333 !important;
}
	p {font-family:arial;margin:0 0 1.5em 0;color:#ffffff;}
	a:link, a:active, a:visited {color:#ff00cc;}
	a:hover {color:#666666;}
	
	h1, h2, h3, h4, h5, div#nav, div.menu {font-family:times new roman;}
	
	img {border:0;}
	h1 {color:#ffffff;font-weight:normal;text-align:left;letter-spacing:-1px;word-spacing:-1px;font-size:2.2em;line-height:1.2em;}
	h2 {color:#FF89FF;font-weight:normal;text-align:left;letter-spacing:-1px;word-spacing:-1px;font-size:3em;line-height:1.2em;margin:0 0 1em 0;}
	h2 span {font-size:0.4em;color:#ff00ff;letter-spacing:0px;font-weight:normal;}
	h2 span a:link {color:#666666;text-decoration:underline;}
	h2 span a:hover {color:#333333;text-decoration:none;}
	
	.post h2{color:#FF89FF;font-size:2.3em;}
	
	h3 {color:#666666;font-weight:normal;text-align:left;letter-spacing:-1px;word-spacing:-1px;font-size:1.95em;line-height:1.2em;margin:0 0 0.5em 0;}
	h4 {color:#666666;font-weight:normal;text-align:left;letter-spacing:-1px;word-spacing:-1px;font-size:1.95em;line-height:1.2em;}
	h5 {color:#ffffff;font-weight:normal;text-align:left;letter-spacing:-1px;word-spacing:-1px;font-size:2em;line-height:1.2em;margin:0 0 1em 0;}
	hr {background:none;border:0;margin:20px 0 30px 0;}
	
	.screen-reader-text {display:none;}
	.worksubadvert {
background:#444444 none repeat scroll 0 0 !important;}

.workpage ul {
color:#CCCCCC;}
/* layout */

div#container{width:970px;margin:0 auto 0 auto;}
div#content{	
		margin:50px auto;
		position:relative;
		text-align:left;
		width:814px;
			
		margin-bottom:2em;
		}	
	div#logo {
	display:block;
		width:319px;
		height:100px;
		margin:60px 0 0 0;float:left;
	}
	

	
	div#header{width:970px;}

	
	div#byline {width:560px;float:right;margin:0 0 5px 0;}	
div#main {padding:25px 0 0 0;}
div#leftcol{float:left;width:580px;margin:0 40px 0 0;text-align:left;}
div#rightcol{float:left;width:350px;text-align:left;}
div#rightcol .inner, div#leftcol .inner,  div#centercol .inner {padding:20px 20px 0 20px;;}

/* content */

div#subcontent {background:url(http://www.pinkpetrol.com/images/bg2.jpg) repeat-x 0 136px;margin:0px 0 0 0;}
div#subcontent .inner {width:970px;/*background:url(http://www.pinkpetrol.com/images/xsplashimages.png) no-repeat 0 0*/;height:319px;margin:0px auto 0 auto;text-align:right;}
div#subcontent .advert {margin:170px 0 0 0;float:none;}
div#subcontent .advert a:link,
div#subcontent .advert a:active,
div#subcontent .advert a:visited {color:#ffffff;}
div#subcontent .advert a:hover {color:#222222}
		.enquiry span {font-size:1.3em;font-weight:bold;}
		.enquiry p {margin:5px 0 5px 0;}
		.enquiry {margin:20px 0 10px 0;background:#FF89FF;padding:20px 20px 20px 20px;}
		.newsitem {margin:20px 0 30px 0;background:#e8e8e8;padding:20px 20px 10px 20px;}
		
		.newsitem span {color:#888;font-weight:bold;padding-left:15px;}
		
		
		
		.enquiry a {color:#ffffff;}
		#slider{}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:814px;
		height:241px;
		overflow:hidden; 

		}	
			
		
	#prevBtn, #nextBtn{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		}	
	#nextBtn{ 
		left:814px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}												
div#slider img{padding:0 0px 0 11px;border:none;}

			
    /* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			

/* nav */

div#nav {width:564px;float:right;text-align:right;margin:00px 0 00px 0;text-transform:lowercase;}
	div#nav ul {}
	div#nav ul li 		{display:inline;margin:0 17px 0 0;}
	div#nav ul li.last {margin-right:15px !important;}
	div#nav ul li a:link,
	div#nav ul li a:active,
	div#nav ul li a:visited {font-size:1.9em;color:#666666;text-decoration:none;letter-spacing:-1px;line-height:4.2em;}
	div#nav ul li a:hover {color:#cccccc;}
	
	
	
	div#nav ul li a.selected:link,
	div#nav ul li a.selected:active,
	div#nav ul li a.selected:visited {color:#ff00ff}
	
	
/* tools */
stretch, .clear {
clear:both;
font-size:15px;
height:1px;
line-height:1px;
margin:0;
padding:0;
}
.clearfix:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
.clearfix {
}
.clearfix {
display:block;
}
span.accesskey {
text-decoration:none;
}
.accessibility {
left:-999em;
position:absolute;
top:-999em;
}
hr {
    display: none;
    }
div.hr {
    height: 1px;    
    margin: 1.5em 10px;    
    border-bottom: 1px dotted black;
}





/* footer */
div#footer {background:#FF6BFF url(http://www.pinkpetrol.com/images/pinkbg.png) no-repeat top center;height:380px;text-align:left !important;}
div#footer div#footerinner {width:970px;padding:15px 0 0 0;margin:0px auto 0 auto;}
div#footer div#footerleftcol {width:239px;margin-right:0px;float:left;}
div#footer div#footercentercol {width:366px;margin-right:30px;float:left;}
div#footer div#footerrightcol {width:310px;margin-right:0px;float:left;}

div#footerleftcol .inner,
div#footerleftcol .inner,
div#footerrightcol .inner {}

div#footerleftcol .inner {padding:0 0 0 00px;}
div#footercentercol .inner {padding:0 20px 0 55px;}
div#footerrightcol .inner {padding:0 0 0 0px;}

div#footerleftcol .inner ul li,
div#footerleftcol .inner ul li,
div#footerrightcol .inner ul li {display:inline;}


div#footerleftcol .inner ul li img,
div#footerleftcol .inner ul li img,
div#footerrightcol .inner ul li img {margin:0;border:6px solid #fff;}


div#footerrightcol .inner h5 {margin-left:40px;}
div#footerleftcol .inner h5 {margin-left:0px;}

div#footercentercol .inner h5 span a:link,
div#footercentercol .inner h5 span a:visited,
div#footercentercol .inner h5 span a:active,
div#footerleftcol .inner h5 span a:link,
div#footerleftcol .inner h5 span a:visited,
div#footerleftcol .inner h5 span a:active,
div#footerrightcol .inner h5 span a:link,
div#footerrightcol .inner h5 span a:visited,
div#footerrightcol .inner h5 span a:active {color:#ff00cc;font-size:0.7em !important;font-weight:normal}

div#footercentercol .inner h5 span a:hover,
div#footerrightcol .inner h5 span a:hover, 
div#footerleftcol .inner h5 span a:hover {color:#ffffff;}

div#footercentercol .inner p {background:#FF89FF;padding:5px;width:200px;}
div#footerrightcol .inner {color:#000000;}
div#footerrightcol .inner a:link,
div#footerleftcol .inner a:link,
div#footerrightcol .inner a:visited,
div#footerleftcol .inner a:visited,
div#footerrightcol .inner a:active,
div#footerleftcol .inner a:active {color:#ffffff;font-weight:bold;}

div#footerrightcol .inner a:hover,
div#footerleftcol .inner a:hover {color:#666666;font-weight:bold;}

div#footercentercol ul {width:220px;margin:5px 0 0 0;}
		div#footercentercol li {font-family:calibri;background:#FF89FF;display:block;margin:0 0 11px 0;}
		div#footercentercol li a {background:transparent;display:block;padding:5px 5px 5px 10px;text-decoration:none;color:#333333;}
		div#footercentercol li a:hover {background:#ffffff;display:block;}
		
div#siteutilities {padding:0px 0 0 0;letter-spacing:-1px;}
	
	div#siteutilities a {color:#ffffff;text-decoration:none;}
	div#siteutilities a:hover {color:#333333;text-decoration:underline;}
	div#siteutilities .inner {width:970px;margin:0 auto 0 auto;}
	
	.copyright {font-family:georgia;
font-size:0.9em;float:left;width:125px;margin:0 0 0 0;display:block;padding:5px 0px 5px 0px;color:#ff00cc;text-align:left;}
	/*.drum2 {position:relative;left:-6px;top:-15px;background:transparent url(images/drum2.png) top left no-repeat;height:65px;width:49px;float:left;} background:#FF89FF;*/
	.menu {font-size:1em;float:left;margin:0 0px 0 0px;display:block;padding:5px 0px 5px 4px;text-align:left;}
.menu ul {margin-right:0px;}
	.utils {font-size:1.4em;float:left;width:380px;background:#ff00cc;display:block;padding:5px 7px 5px 7px;}
	.spacerlii {padding-left:92px;color:#ff00cc;}
	.spacerli {padding-left:15px;color:#ff00cc;}
	.menu ul li, .utils ul li {display:inline;margin:0 2px 0 2px;}
	.legal {font-family:arial;font-size:0.7em;letter-spacing:0;}
	
div#drum 			{background:#FF6BFF url(http://www.pinkpetrol.com/images/drumbg.png) no-repeat 0px 30px;height:160px;text-align:left !important;width:100%;padding:0px 0 0 0;}

div#drum .inners  {width:970px;background:transparent url(http://www.pinkpetrol.com/images/drum.png) no-repeat top center;text-align:left !important;width:100%;padding:35px 0 0 0;border:0px black solid;}

div#siteutilities .inner		{width:970px;margin:0 auto 0 auto;text-align:right;padding-top:27px;font-size:1.4em;letter-spacing:-1px;color:#999;}

.endline {visibility:hidden;font-size:1.4em;letter-spacing:-1px;color:#999;text-align:center;width:970px;margin:0 auto 0 auto;}
.endline .inner {text-align:right;padding:25px 0 20px 0;}




div#rightcol ul {font-family:calibri;margin:0px 20px 10px 20px;font-size:1.1em;}
div#rightcol ul li {line-height:2.5em;}

div.rightcolblog ul 	{font-family:calibri;margin:0px 20px 10px 20px;font-size:1.1em;}
div.rightcolblog ul li 	{line-height:1.5em !important;}




div#widecol{padding:25px 0 0 0;}
	
	div#servicewebdesign 	{float:left;margin:15px 16px 20px 0;background:#cccccc;width:230px;height:230px;}
	div#servicesharepoint 	{float:left;margin:15px 16px 20px 0;background:#FF6BFF;width:230px;height:230px;}
	div#serviceui 			{float:left;margin:15px 16px 20px 0;background:#999999;width:230px;height:230px;}
	div#serviceconsultancy 	{float:left;margin:15px 0px 20px 0; background:#777777;width:230px;height:230px;}
	
	div#servicewebdesign .inner,
	div#servicesharepoint .inner,
	div#serviceui .inner,
	div#serviceconsultancy .inner 	{padding:15px;text-align:left;}
	
	
	div#servicewebdesign h3,
	div#servicesharepoint h3,
	div#serviceui h3,
	div#serviceconsultancy h3 	{color:#444444;}
	
	
	
	
	div.testimonial 	{margin:15px 15px 20px 0;background:#e8e8e8;width:470px}
	div#contactleft {float:left;margin:0;padding:0;}
	div#contactright {float:left;margin:0;padding:0;}
	
	
	
	div#form 	{margin:0px 15px 20px 0;background:#FF6BFF;width:470px;}
	div#map 	{margin:0px 15px 20px 0;background:#666666;width:470px;}
	div#form input {border:0;padding:5px;}
	div#form .inner	{padding:30px;text-align:left;font-size:1.5em;line-height:2em;}
	
	div#contactdetails .inner	{padding:10px 20px 0px 20px;;text-align:left;margin:0 0 10px 0;}
	
	
	div#contactdetails .inner span  {font-weight:bold;}
	div#form .inner span  {font-weight:bold;}
	div#contactdetails h3 {font-size:1.5em;letter-spacing:0px;}

	div#contactdetails .inner p {padding:0 0 5px 15px;}
	
	
	
	
	div.testimonial 	{margin:15px 15px 20px 0;background:#e8e8e8;width:470px}
	div#testimonialleft {float:left;margin:0;padding:0;}
	div#testimonialright {float:left;margin:0;padding:0;}
	div.testimonialmain 	{margin:15px 15px 20px 0;background:#cccccc;width:470px;font-size:1.3em;color:#666666;line-height:1.5em;}
	
	div.testimonialsub 	{margin:15px 15px 20px 0;background:#fff;width:470px}
		
	div.testimonialpink 	{margin:15px 15px 20px 0;background:#FF6BFF;width:470px}
	
	div.testimonial .inner	{padding:20px;text-align:left;}
	div.testimonialpink .inner	{padding:20px;text-align:left;}
	div.testimonialmain .inner {padding:20px;text-align:left;}
	div.testimonialsub .inner {padding:20px;text-align:left;}
	
	
	div.testimonial .inner span  {font-weight:bold;}
	div.testimonialpink .inner span  {font-weight:bold;}
	div.testimonialsub .inner span  {font-weight:bold;}

	div.testimonialmain .inner span {font-weight:bold;font-size:0.8em;color:#333;}
	
	
	div.testimonialmain h3 {font-size:1.7em;}
	
	
	
/* blog general */

.blogpostinner a h2 {
color:#ffffff !important;
}
.readmoree a {width:108px !important;}
.readmoree a:hover {color:#ffffff !important;width:108px !important;}


#newsearchbar {
background:#222222 none repeat scroll 0 0 !important;
border-bottom:5px solid #333333 !important;

}
.desc p {color:#cccccc;}


.work {background:#333333 !important;}
.worktype {
color:#FFFFFF !important;}

#widecol .inner p {color:#ffffff;}

#testimonialright p,
#testimonialleft p {color:#333333 !important;}


.tweetpost {color:#ffffff !important;background:#333333 !important;}
.tweetpost a {color:#ff00cc !important;text-decoration:none;}


			
			.leftcolblog {width:630px !important;}
			.rightcolblog {width:300px !important;background:#222222;}
			.blogpost {margin:0 0 10px 0;border-bottom:1px dotted #666666;}
			.blogpost .blogpostinner {padding:0px 15px 15px 15px;}
			.blogpost h2 {font-size:2em;margin:0;}
			
			.blogpost a:link, .blogpost a:visited, .blogpost a:active		{color:#ff00FF;text-decoration:none;}
			.blogpost a:hover 	{color:#666666 !important;text-decoration:none;border-bottom:1px dotted #666666;}
			.blogpost div.desc {padding:15px 20px 1px 20px;}
			
			#sidebar {padding-bottom:20px;}
			#sidebar ul li  {list-style-type:none;}
			#sidebar ul li ul li {list-style-type:disc;color:#ffffff;}
			
			#sidebar h2 {font-size:2em;margin:1em 0 0.5em 0;}

textarea#comment {background:#cccccc;width:520px;border:0;}


.current_page_item a {color:#ff00ff !important;}

.navigation {display:none;}
li.flickrimage {margin:3px 3px 0 0;}
li.flickrimage img {width:50px;height:50px;}

.tweetpost {background:#FF89FF;padding:5px 10px 5px 10px;margin:0 0 10px 0;}







.clients {text-align:right;font-family:times new roman;color:#c0c0c0;font-size:2em;margin:-20px 30px 0 0;padding:0;letter-spacing:-2px;}
	.work{
	float:left;
	text-align:left;
	padding:0;
	width:254px;height:160px;
	margin:0 50px 10px 0;text-align:left;background:#f2f2f2;
	
}

.work .inner {padding:10px;margin:0 auto 0 auto;}
.work h2 {font-size:1.7em;margin:5px 0 5px 0;color:#333333;}
.work img {}
.work h4 {font-size:1.9em;}
.worktype span {color:#222222;font-weight:bold;}
.worktype {font-weight:normal;text-align:left;}.break {clear:both;}
.workcontainer {padding-top:0px;padding-left:50px;}
.workcontainer h3 {margin-bottom:20px;font-size:2.5em;}
.btt {width:100%;text-align:left;margin-bottom:30px;}







div#content {text-align:right!important;height:240px;width:900px;}
	div#subcontent {margin-top:-146px;}
	/*div.feature img {width:150px;height:150px;}*/
	div.feature img {
height:115px;
width:160px;
}

	div#featurecontainerrow1 {}
	div.feature{float:right;margin:0 0 0 20px;}
	div.feature h2 {margin-top:10px;margin-right:15px;color:#666666;font-size:2.5em;}

	div#subcontent .advert {margin:0;}
	
	div#subcontent .inner {padding-top:186px;height:146px;}
	
	#easyTooltip{
	padding:5px 10px;
	border:1px solid #195fa4;
	background:#195fa4x;
	color:#fff;text-align:left;
	}

#easyTooltip2{
	padding:5px 10px;
	border:3px solid #ffffff;
	background:#5e5e5e;
	color:#fff;text-align:left;
	width:250px;
	}
	#easyTooltip2 h4 {color:#ffffff !important;margin-bottom:10px;}


body#testimonials #content 	{display:none;}
body#work #content 			{display:none;}
body#contact #content 		{display:none;}
body#about #content 		{display:none;}
body#services #content 		{display:none;}
body#blog #content 			{display:none;}


body#testimonials	{background:transparent url(http://www.pinkpetrol.com/images/bgsub5.jpg) repeat-x scroll -300px -207px;} 	 	
body#work			{background:transparent url(http://www.pinkpetrol.com/images/bgsub3.jpg) repeat-x scroll -300px -207px;} 				
body#contact		{background:transparent url(http://www.pinkpetrol.com/images/bgsub4.jpg) repeat-x scroll -300px -207px;} 	
body#about  		{background:transparent url(http://www.pinkpetrol.com/images/bgsub2.jpg) repeat-x scroll -300px -207px;} 		
body#services 		{background:transparent url(http://www.pinkpetrol.com/images/bgsub.jpg) repeat-x scroll -300px -207px;} 		
body#blog  			{background:transparent url(http://www.pinkpetrol.com/images/bg.jpg) repeat-x scroll -300px -207px;}
body#home			{background:transparent url(http://www.pinkpetrol.com/images/bghome.jpg) repeat-x scroll -300px -0px;}

body#testimonials div#main, 	
body#work div#main,			
body#contact div#main, 	
body#about div#main, 		
body#services div#main,  		
body#blog div#main {padding:115px 0 0;}




body#testimonials div#subcontent, 	
body#work div#subcontent,			
body#contact div#subcontent, 	
body#about div#subcontent, 		
body#services div#subcontent,  		
body#blog div#subcontent  			{margin-top:0px;}




.entry ul {margin:30px;}
.entry ul li {margin-bottom:20px !important;}


.work h4 {font-size:1.3em;letter-spacing:0px;margin-bottom:10px;}
.work h4 a {text-decoration:none;border-bottom:1px dotted #ff00ff;}
.work h4 a:hover {text-decoration:none;border-bottom:0px dotted #ff00ff;}

.worktype {font-weight:normal;text-align:left;line-height:1.5em;}
	.work{
	float:left;
	text-align:left;
	padding:0;
	width:195px;height:265px;
	margin:0 30px 10px 0;text-align:left;background:#ffffff;
	
}



.portfoliopage h1 {color:blue;display:none;}
	.portfoliopage h2 {color:#ff00ff;margin:0;}
	.portfoliopage h3 {color:#666666;margin-bottom:1em;}
	.portfoliopage .entry ul {margin:20px 0 20px 45px;}
	
	
	.workpage h3{font-family:calibri;font-size:1.6em;font-weight:normal;letter-spacing:0px;color:#666666;margin-bottom:20px;}
	.workpage h4{font-family:calibri;font-size:1.4em;font-weight:bold;letter-spacing:0px;color:#666666;margin-top:50px;}
	.workpage ul li{margin-bottom:6px !important;}
	.workpage ul {margin-bottom:20px;}
	
	
	
.worksub{
float:right;
	text-align:left;
	padding:0 0 10px;
width:290px;
	margin:0 0 20px;;text-align:left;border-bottom:1px dotted #666666;
	
}
.worksub .inner{padding:5px !important;}


	.worksubadvert{
float:right;
	text-align:left;
	padding:0 0 10px;
width:290px;
	margin:0 0 20px;;text-align:left;background:#f9f9f9;
	
}
.worksub .inner{padding:5px !important;}


.worksub a {font-size:1.2em;letter-spacing:0px;margin-bottom:10px;text-decoration:none;border-bottom:1px dotted #ff00ff;}
.worksub a:hover {border-bottom:0px dotted #ff00ff;}

.worksubbreaker {clear:all;margin-top:50px;}


#content .feature {text-align:center;}
#content .feature a span {color:#cccccc;text-decoration:none;display:block;padding-bottom:5px;}
#content .feature a:hover span {background:#ffffff;color:#666666;}



ol.commentlist li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#666666!important;}