/* custom */

.newsletter {
	float: right;
	background:#27242C none repeat scroll 0% 50%;
	width: 387px;
	height:50px;
	margin-top:50px;
	margin-right:11px;
	padding:10px;
	color: #fff;
}



/* Start of footer 3 Column CSS */
#container3 {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
	width:1000px;
}
#container2 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:33.333%;
}
#container1 {
	float:left;
	width:100%;
	position:relative;
	right:33.33%;
}
#col1 {
	float:left;
	width:29.33%;
	position:relative;
	left:66.9%;
	overflow:hidden;
	border: 1px solid #27242C;
	text-align:justify;
	background-image:url(i/bluepower1.jpg);
	/*background:#101214;  column 2 background colour */
		padding:8px;

}
#col2 {
	float:left;
	width:29.33%;
	position:relative;
	left:69.2%;
	overflow:hidden;
	border: 1px solid #27242C;
	text-align:justify;
	background-image:url(i/bluepower1.jpg);
	/*background:#101214;  column 2 background colour */
		padding:8px;

}
#col3 {
	float:left;
	width:29.33%;
	position:relative;
	left:71.4%;
	overflow:hidden;	
	border: 1px solid #27242C;
	text-align:justify;
	background-image:url(i/bluepower1.jpg);
	/*background:#101214;  column 2 background colour */
	padding:8px;

}




.infohome {

	color:#D1D1D1;
	float:left;
	font-size:12px;
	line-height:28px;
	padding:10px;
	padding-top:0px;
	width:945px;
	margin:0px;
		
}

.infohome h2{
padding-left:20px;
}



#homecontain {
	
	float:left;
	width:965px;
	margin-left:15px;
	margin-bottom:0px;
	margin-top:2px;
	padding-top:10px;
	background: url(http://purpledogdesign.com/wp-content/themes/pdd/i/purpleblk2.gif) repeat-x;

		
}


#contenthome2 {
	float:left;
	line-height:18px;
	margin:0px;
	width:910px;
	padding:20px;
	border-top: 1px solid #ccc;

}



	#contenthome {
	float:left;
	line-height:18px;
	margin:0px;
	width:910px;
	padding:20px;
	border-top: 1px solid #ccc;
	
}
		
		
		
		
/* Round corner box for email sign up  */
		
.roundcont {
	float:right;
	width: 450px;
	margin-top:60px;
	margin-right: 10px;
	background-color: #18042c;
	color: #fff;
}

.roundcont p {
	margin: 0 10px;
}

.roundtop { 
	background: url(../../../../images/box/topr1.gif) no-repeat top right;
}

.roundbottom {
	background: url(../../../../images/box/botr1.gif) no-repeat top right; 
}

img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}

.boxtext1 {
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color: #fff;
margin-top:3px;
}

.boxtext2 {
font-family:Tahoma, sans-serif;
font-size:10px;
color: #fff;
padding:5px;
}

.boxtext3 {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #fff;
margin-bottom:4px;
padding:5px;
}

.livehelp {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #fff;
padding:12px;
}




/*top menu */

.menu {
width:900px; 
height:30px;
line-height:30px;
margin:15px 10px;
position:relative; 
z-index:100;
font-family:arial, sans-serif;
background: #27242C;
text-transform:lowercase;

}

/* hack to correct IE5.5 faulty box model */
* html .menu {width:746px; w\idth:745px;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}
.menu ul ul {
width:70px;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
padding-bottom: 5px;
margin-bottom: 5px;
position:relative;
}


/* style the links for the top level */
.menu a{
display:block;
font-size:18px;
text-decoration:none;
text-transform:lowercase;
color:#fff; 
background:#27242C; 
padding-left:10px; 
line-height:30px; 
font-weight:bold;}


.menu a:visited {
display:block;
font-size:18px;
text-decoration:none;
text-transform:lowercase;
color:#CCCCCC; 
background:#27242C; 
padding-left:10px; 
line-height:30px; 
font-weight:bold;}



/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:70px; w\idth:59px;}



/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#666666 ;
}


/* style the second level hover */
.menu ul ul a.drop:hover{
background:#27242C;}

.menu ul ul :hover > a.drop {
background:#27242C;}






/* style the third level Service menu = SEO */
.menu ul ul ul a {
background:#27242C;
color: #FF9900;
padding-left:25px;
width:160px;

}

.menu ul ul ul a:visited {
background:#27242C;
color:#CCCCCC;
padding-left:25px;
width:160px;
}


/* style the third level hover */
.menu ul ul ul a:hover {
background:#27242C;
color:#FF9900;
padding-left:25px;
width:160px;

}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:31px;
left:0; 
width:90px;
}

/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:155px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}




/* style the second level service links - SEM */
.menu ul ul a {
background:#27242C; 
color:#ffffff; 
padding:10px; 
width:140px;
}

.menu ul ul a:visited {
background:#27242C; 
color:#CCCCCC; 
padding:10px; 
width:140px;
}

/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {
width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover{
color:#FF9900; 
background:#27242C;}


.menu ul ul a:hover{
color:#FF9900; 
background:#27242C;}


.menu :hover > a{
color:#FF9900; 
background:#27242C;}


.menu ul ul :hover > a {
color:#FF9900; 
background:#27242C;
}


/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul{
visibility:visible; }

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;

}



.wp-caption-text {
        font-size:12px;
        color:#666666;
		font-weight:bold;
        vertical-align:top;
		margin:8px;
		padding-top:5px;
		
}

.wp-caption p.wp-caption-text {
    font-size:12px;
        color:#666666;
		font-weight:bold;
        vertical-align:top;
		margin:8px;
		padding-top:5px;
		line-height: 17px;
   padding: 0 4px 5px;

}


.wp-image {
	margin:8px;
		
}

.gallery {

padding-top:120px;
}




/* Sol Super Slider customisation */




.slideshow {
	height: 400px;
	width: 450px;
	margin: 0px;
}
	
	
	.slideshowhome1 {
	height: 350px;  /* BG height*/
	width: 965px; /* BG width */
	float:left;
	padding: 0px; /* adjust the image position in relation to the BG */
	*padding: 0px 0 15px 0px; /* IE Hack */
	margin: -10px;  /* adjust the BG and Image within the DIV */	

}

/* IE6*/
* html .slideshowhome1 {
	padding-left: 12px; /* adjust the image position in relation to the BG */
	padding-top: 10px; /* adjust the image position in relation to the BG */
	padding-bottom:0px;
}



.slideshowhome2 {
	height: 210px;
	width: 440px;
	float:left;
	padding: 12px 0 0 10px; /* adjust the image position in relation to the BG */
	*padding: 12px 0 0 0px; /* IE Hack */
	margin: 0 0 0 -5px; /* adjust the BG and Image within the DIV */
	background: url(images/containerback.png) no-repeat;
}




.slideshownormal {
	height: 210px;  /* BG height*/
	width: 440px; /* BG width */
	padding: 12px 0 0 10px; /* adjust the image position in relation to the BG */
	*padding: 12px 0 0 0px; /* IE Hack */
	margin: 0 0 0 70px;  /* adjust the BG and Image within the DIV */
	background: url(images/containerback.png) no-repeat;

}



.slideshowclients {
	
	padding: 12px 0 0 10px; /* adjust the image position in relation to the BG */
	*padding: 12px 0 0 0px; /* IE Hack */
	margin: 0 30px 0 30px;  /* adjust the BG and Image within the DIV */
	height:200px;
}

.slideshowhome a img {
	border: 0;
}


 /*
left and right containers for home page*/	

#leftcolumnhome { 
width: 440px; 
border-right:1px dashed #333333;  
margin-left:10px;
padding: 10px; 
padding-top:0px;
float: left;
}

#rightcolumnhome { 
width: 440px; 
padding: 10px; 
margin-left:10px; 
float: right;
padding-top:0px;

}



 /*  IE 6 HACK for front page */	

_#leftcolumnhome { 

_margin-left:12px;
_padding: 0px 8px 10px 0px; 

}

_#rightcolumnhome { 
_margin-left:8px;
_padding: 0px 5px 10px 5px; 

}

/* Sol Super Slider customisation end */



/* CSS for Next Gen Gallery */

div#shDisplay div#shTitle a {

	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:0px;
	font-size:14px;
	font-weight:bold;
	margin: 0 10px;
	width: 26px;
	color: #FF9900;

}


#shDisplay div#shNext{
	float:right;
	font-size:22px;
}

#shDisplay div#shPrev {
	float:left;
	font-size:22px;
}