/*   
Theme Name: Dreamworld Creations
Theme URI: http://www.d-luxwebdesign.co.uk
Description: Theme for Dreamworld Creations website
Author: Richard Haswell
Author URI: http://www.d-luxwebdesign.co.uk
Version: 1.0
*/

body {margin:0px;
background-position:left top;
background-repeat:repeat-x;
background-color: #000000;
background-image: url(images/back3.jpg);
	background-color: #628CC8;
font-family:Arial, Helvetica, sans-serif;
text-align: center;  /* comment this out to left align */
}

a { color: #996600;
 text-decoration: none;
 font-weight: bold;
   }
a:hover {
	 color:  #00CC00;
	 }
#myslides2 p a {
}
#myslides2 p a {
}



.main {width:100%;
float:left;
}

.inner {width:988px;
margin:auto;
}

.bg1 {width:988px;
height:18px;
float:left;
}

.bg2 { background-image: url(images/back3.jpg);
width:960px;
padding-top:18px;
float:left;
}

#header { width:868px;
padding:12px 46px 0px 46px;
float:left;
height:83px;
background-color: #000000;
background:url(../images/logo.gif) center top no-repeat;
}

#banner { width:450px;
height:20px;
padding-left: 270px;
}

#pics { width:965px;
height:279px;
background:url(../images/thread2.jpg) left top repeat-y;
float:left;
margin-top:10px;
}
#pics1 { width:965px;
height:279px;
background:url(../images/tapered.jpg) left top repeat-y;
float:left;
margin-top:10px;
}
#pics2 { width:965px;
height:279px;
background:url(../images/pipe2.jpg) left top repeat-y;
float:left;
margin-top:10px;
}
#pics3 { width:965px;
height:279px;
background:url(../images/thread2.jpg) left top repeat-y;
float:left;
margin-top:10px;
}
#pics4 { width:965px;
height:279px;
background:url(../images/tube3.jpg) left top repeat-y;
float:left;
margin-top:10px;
}
#pics5 { width:965px;
height:279px;
background:url(../images/squares.jpg) left top repeat-y;
float:left;
margin-top:10px;
}
#pics6 { width:965px;
height:279px;
background:url(../images/sfp.jpg) left top repeat-y;
float:left;
margin-top:10px;
}
#pics7 { width:965px;
height:279px;
background:url(../images/ffp3.jpg) left top repeat-y;
float:left;
margin-top:10px;
}
#pics8 { width:965px;
height:279px;
background:url(../images/pfp.jpg) left top repeat-y;
float:left;
margin-top:10px;
}
#pics9 { width:965px;
height:279px;
background:url(../images/vinyls.jpg) left top repeat-y;
float:left;
margin-top:10px;
}
#pics10 { width:965px;
height:279px;
background:url(../images/custom2.jpg) left top repeat-y;
float:left;
margin-top:10px;
}
#content1
		{
			float: left;
			width: 55%;
			height: 450px;
			margin-bottom: 10px;
			padding-left:40px;
			text-align:left;
			border-left-color:#66FF33;
			border-left-width:thin;			
			
		}
		#content1a
		{
			float: left;
			width: 44%;
			height: 1460px;
			margin-bottom: 10px;
			padding-left:30px;
			padding-right:30px;
			text-align:left;
			border-left-color:#66FF33;
			border-left-width:thin;			
			
		}
		#content1b
		{
			
			width: 100%;
			height: 660px;
			margin-bottom: 10px;
			float: left;
			text-align:left;
			border-left-color:#66FF33;
			border-left-width:thin;			
			
		}
		#content1c
		{
			float: left;
			width: 65%;
			height: 660px;
			margin-bottom: 10px;
			padding-left:30px;
			padding-right:30px;
			text-align:left;
			border-left-color:#66FF33;
			border-left-width:thin;			
			
		}
		#content1d
		{
			float: left;
			width: 65%;
			height: 1280px;
			margin-bottom: 10px;
			padding-left:30px;
			padding-right:30px;
			text-align:left;
			border-left-color:#66FF33;
			border-left-width:thin;			
			
		}
		#content1e
		{
			float: left;
			width: 55%;
			height: 1200px;
			margin-bottom: 10px;
			padding-left:40px;
			text-align:left;
			border-left-color:#66FF33;
			border-left-width:thin;			
			
		}
		#content2
		{
			float: left;
			margin-left: 0%;
			width: 36%;
			height: 450px;
			margin-bottom: 10px;
			padding-left:30px;
			text-align:left;
			background:url(../images/sep1.jpg)left top repeat-y;
		}
		#content2a
		{
			float: left;
			margin-left: 0%;
			width: 40%;
			height: 1460px;
			margin-bottom: 10px;
			padding-left:35px;
			text-align:left;
			background:url(../images/sep1.jpg)left top repeat-y;
		}
		#content2c
		{
			float: left;
			margin-left: 0%;
			width: 20%;
			height: 660px;
			margin-bottom: 10px;
			padding-left:35px;
			text-align:left;
			background:url(../images/sep1.jpg)left top repeat-y;
		}
		#content2d
		{
			float: left;
			margin-left: 0%;
			width: 20%;
			height: 1280px;
			margin-bottom: 10px;
			padding-left:35px;
			text-align:left;
			background:url(../images/sep1.jpg)left top repeat-y;
		}
				#content2e
		{
			float: left;
			margin-left: 0%;
			width: 36%;
			height: 1200px;
			margin-bottom: 10px;
			padding-left:30px;
			padding-top: 20px;
			text-align:left;
			background:url(../images/sep1.jpg)left top repeat-y;
		}
		#footer
		{
			clear: both;
			height: 16px;
					color:#996600;
			width:960px;
			margin-bottom: 2px;
			padding-top:5px;
			font-size:65%;
					}
		
		.shell {
		margin: 0 auto;
		width: 90%;
				}
				.shell2 {
		margin: 0 auto;
		width: 90%;
				}
		
		.shell img {
		padding-top:2px;
				}
				.shell2 img {
		padding-top:0px;
						}
	#terms
		{
			float: left;
			width: 90%;
			height: 1500px;
			margin-bottom: 10px;
			padding-left:40px;
			text-align:left;
			border-left-color:#66FF33;
			border-left-width:thin;	
				font-size:75%;	
			
		}			
				
	#qas1
		{
						height: 60px;
						width:11%;
						float: left;
						margin-bottom: 2px;
			padding-top:5px;
			font-size:65%;
					}			
		#footer1
		{
						height: 60px;
						width:78%;
						float: left;
								padding-top:5px;
								}	
					
					#qas2
		{
						height: 60px;
						width:11%;
						float: left;
						margin-bottom: 2px;
			padding-top:5px;
			font-size:65%;
					}			
				
				
				
				

h1 {padding:0px;
margin:0px;
font-size:120%;
}

h2 {padding:0px;
margin:0px;
}

h3 {padding:0px;
margin:0px;
}

h4 {padding:0px;
margin:0px;
}

h5 {padding:0px;
margin:0px;
}

h6 {padding:0px;
margin:0px;
}

img {border:0px;
}

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

ul li { margin:0px;
padding:0px;
}

#banner ul li {
	float: left;
	margin-right: 24px;
	text-transform: capitalize;
	font-weight: 900;
	padding-top: 0px;
	
}
#banner ul li a {
 
  color: #996600;
  
}
#banner ul li a:visited {
 
  color: #996600;
}
#banner ul li a:hover {
 
  color: #00CC00;
}

#banner ul li.active a {
 
  color: #00CC00;

}

.style5 {color: #FFFFFF}
.style7 {color: #996600}
.style8 {color: #3399CC}
.style9 {color: #009900}

.spacer {clear:both;
  height:15px;
}

.copyright {width:960px;
padding-right:50px;
padding-top:5px;
padding-bottom:15px;
font-size:10px;
color:#000000;
float:left;
}

.copyright a {width:960px;
font-size:10px;
color:#000000;
text-decoration:none;
}

.content_text_main ul li {
	list-style: disc;
	margin-left:  30px;
}
.content_text_main h3 {
	margin-bottom: 15px;
	margin-top:  15px;
}

.copyright a:hover {
text-decoration:underline;
}

ul.display_images li { float: left; padding: 10px; }

.style1 {font-size: small}
.style2 {font-size: 80%;
}
img.pad { 
padding-left:20px; 
}
img.pad2 { 
padding-left:20px;
padding-right:20px; 
}
#myslides {
	width: 988px;
	height: 450px;
	margin-top:10px;
	float:left;
	color:  #FFFFFF;
	font-size: 80%;
		} 
		#myslides1a {
	width: 988px;
	height: 550px;
	margin-top:10px;
	float:left;
	color:  #FFFFFF;
	font-size: 80%;
		} 

	#myslides2 {
	width: 320px;
	height: 2100px;
	margin-top:10px;
	float:left;
	color:  #009900;
	font-size: 80%;
	} 
		#myslides3 {
	width: 320px;
	height: 1800px;
	margin-top:10px;
	float:left;
	color:  #009900;
	font-size: 80%;
	}
		#myslides4 {
	width: 320px;
	height:1500px;
	margin-top:10px;
	float:left;
	color:  #009900;
	font-size: 80%;
	}
	#myslides5 {
	width: 800px;
	height: 900px;
	margin-top:10px;
	float:left;
	color:  #FFFFFF;
	margin-left:80px;
	font-size: 80%;
		} 
		#myslides6 {
	width: 800px;
	height: 900px;
	margin-top:20px;
	float:left;
	color:  #FFFFFF;
	margin-left:150px;
	font-size: 80%;
		} 
			#myslides7 {
	width: 800px;
	height: 900px;
	margin-top:10px;
	float:left;
	color:  #FFFFFF;
	margin-left:180px;
	font-size: 80%;
		}
		#text  {
	width: 425px;
	height: 50px;
	float:left;
	color:  #009900;
	font-size: 80%;
		} 
	#logosleft {
	width: 180px;
	height: 500px;
	margin-top:10px;
	float:left;
	padding-top:20px;
	}
		#logosright {
	width: 988px;
	height: 100px;
	margin-top:10px;
	float:left;
		}
.style4 {color: #FFFFFF;
 font-weight: bold;
 font-size: 120%;
  }
ul.list-tick {
  margin: 0;
  padding: 0;
}
ul.list-tick li {
  margin: 0px;
  padding: 0px 0 12px 20px;
  list-style: none;
  background: url('../images/tick.jpg') no-repeat top left;
}