/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 margin-bottom: 0px;
	background: #ffffff url('../images/top.jpg') repeat-x;
}

h2.smallblack{
	font-size: 12px;
	color: #000;
}

#facebook{
	position: relative;
	margin-left: 20px;
	
	
}

h1.smallblack{
	font-size: 12px;
	color: #000;
}

table.products{
	background-color: #efeaff;
	padding: 10px;
	width: 502px;
	border: 1px solid #d6d3d8;
}
#pagedx{
	background-color: #646464;
	padding: 5px;
	text-align: center;
	position: relative;
	
	width: 170px;
	height: 120px;
	border: 0px solid #000;
	
}

#contactheader{
	width: 649px;
	height: 68px;
	
	 background-image:url('../images/contactheader.png');
background-repeat:no-repeat;
	
}




#contactcontent{
	width: 649px;
	height: 619px;
	
	
background-repeat:no-repeat;
position: relative;
	margin-left: -1px;
	padding-left: 70px;
	padding-right: 40px;
	
	
}


#contactbutton{
	width: 649px;
	height: 64px;
	
	 background-image:url('../images/contactbutton.png');
background-repeat:no-repeat;
position: relative;
	top: -1px;
	
	
}

div#translinks a img {height: 0; width: 0; border-width: 0; z-index: 1000;}
div#translinks a:hover img {position: absolute; top: 10px; left: -30px; height: 100px; width: 220px; z-index: 1000;}

#usepopwrap{
	position: relative;
}
div#usepop a img {height: 0; width: 0; border-width: 0; z-index: 1000;}
div#usepop a:hover img {position: absolute; left: -60px; margin-top: -30px; height: 94px; width: 51px; z-index: 1000;}


#dropwrapper{
	width: 1024px;
	
	float: left;
	position: absolute;
	top: -47px;
	z-index: 1;
	color: #ffffff;
}


#designs{

width: 640px;
height: 135px;

margin-left: -10px;
 

}

#quickcontact{
	padding: 20px;
	color: #ffffff;
}

#dropdownboxwrapper{
	position: relative;
	clear: both;
	z-index: 1;
	color: #ffffff;
}

#paged{

padding: 20px;
background-color: #eeeeee;
width: 150px;
height: 110px;

}
#closebox{
	
	float: right;
	color: #ffffff;
	padding: 10px;
	
	background-color: #4392ff;
	font-size: 16px;
	font-weight: bold;
}

#breadcrumbs{position: absolute;
top: 8px;
color: #ffffff;
margin-left: 8px;}

#wrapper { 
 margin: 0 auto;
 width: 1024px;

}
h2.title{
	color: #f00;
}
#header {
 color: #333;
 width: 1024px;
 float: left;
 padding: 0px;
 border: 0px solid #ccc;
 height: 458px;
 margin: 0px 0px 0px 0px;
 
 background-image:url('../images/header.jpg');
background-repeat:no-repeat;
}
#right{
	position: relative;
	color: #ffffff;
	width: 220px;
	min-height: 300px;
	float: left;
	
	
	
	
}
#grunge{
	width: 1024px;
	height: 240px;

	position: absolute;
	top: 173px;
	z-index: 10;
	margin-left: 1px;
.margin-left: -1023px;
        _margin-left: 1px;

	
}
#navigation {
	text-align: center;
	width: 1024px;
	position: absolute;
	top: 127px;

 color: #fffeff;
 padding: 0px;
 border: 0px solid #ccc;
 margin-left: -8px;
.margin-left: -1023px;
_margin-left: 0px;



	text-transform: capitalize;
	
}
#portwrap{

	width: 692px;
	height: 474px;
	margin-left: 2px;
	
}

#portfoliobottomwrap{
	width: 694px;
	height: 125px;
		margin-left: 2px;
	position: relative;
	
	
}
#portfolioheader{
	width: 692px;
	height: 63px;
	float: left;
	 background: url('../images/portfolioheader.jpg') no-repeat;
	
}

#portfoliobar2wrapper{
	width: 692px;
	height: 290px;
	background-color: #ffffff;
	float: left;
	border-top: 1px solid #909090;
	border-bottom: 1px solid #909090;
}

#portfoliobar3wrapper{
	width: 692px;
	height: 100px;
	background-color: #ffffff;
	float: left;
	border-top: 1px solid #909090;
	border-bottom: 1px solid #909090;
}

#portfoliodesc{
	height: 212px;
	width: 258px;
	float: left;
	background-color: #ffffff;
}

#portfoliobigbar{
	width: 692px;
	height: 17px;
	float: left;
	background: url('../images/portfoliobigbar.jpg') no-repeat;
}

#portfoliosmallbar{
	width: 692px;
	height: 4px;
	float: left;
	background: url('../images/portfoliosmallbar.jpg') no-repeat;
}

#portfolioimage{
	width: 433px;
	height: 212px;
	float: left;
	background-color: white;
	border-right: 1px solid #909090;
}

#navbox {
width: 905px;
 margin: 0 auto;
/*Now we get rid of the previous IE hack*/
text-align:left;
 color: #333;
 padding: 0px;
 border: 0px solid #ccc;


 
}


#portfoliodescpadding{
	padding: 10px;
}

#leftcolumn { 
 color: #333;
 border: 0px solid #ccc;
 background: #fff;
 margin: 0px 0px 0px 0px;
 padding: 20px;
 
 width: 140px;
 float: left;
}
img { border: none; }

#content2{
	position: relative;
	
	width: 730px;
	margin-left: 37px;

	float: left;
	
	
	
}



#content { 

 float: left;
 color: #333;
 border: 0px solid #ccc;


 
 width: 1024px;
 display: inline;
 

}



#buffer{
	 background: url('../images/newfooter.jpg') no-repeat;
	 height: 221px;
	 position: relative;
	 width: 1024px;
	float: left;
	z-index: 500;

}






#rightheader{
	width: 220px;
	height: 60px;
	margin-left: -1px;
	 background: url('../images/rightheader.jpg') no-repeat;
}

#rightmiddle{
	width: 220px;
	margin-left: -1px;
	 background: url('../images/rightmiddle.jpg') repeat-y;
	 
}

img.boxes{
	width: 219px;
}



img.boxeslatest{
	width: 219px;
}

#rightblock{
	width: 220px;
	height: 50px;
	margin-left: 1px;
	  background: url('../images/buttonsback.jpg') no-repeat;
	 
	
	 
}

#contentfooterpadding{
	position: relative;
	top: 18px;
	margin-left: 480px;
}

#rightblockx{
	width: 220px;
	height: 125px;
	margin-left: 1px;
	  background: url('../images/buttonsback.jpg') no-repeat;
	 
	
	 
}


#rightblocklatest{
	width: 220px;
	height: 125px;
	margin-left: 1px;
	  background: url('../images/latestdesignsblack.jpg') no-repeat;
	 
	
	 
}

#rightpadding{
	padding: 50px;
	
}

#rightheaderpadding{
	padding: 5px;
	text-align: center;
	
}


#rightfooter{
	width: 220px;
	height: 130px;
	 background: url('../images/rightfooter.jpg') no-repeat;
	 margin-left: -1px;
}

#rightfooterfooter{
	
	width: 220px;
	height: 56px;
	 background: url('../images/rightfooterfooter.jpg') no-repeat;
	 margin-left: -1px;
	
}




#rightfooterfooter2{
	
	width: 220px;
	height: 56px;
	 background: url('../images/rightfooterfooter.jpg') no-repeat;
	 margin-left: -1px;
	
}








#contentheader{
	width: 696px;
	height: 60px;
	 background: url('../images/contentheader.jpg') no-repeat;
}

#contentmiddle{
	width: 696px;
	
	 background: url('../images/contentmiddle.jpg') repeat-y;
	 
}

#contentpadding{
	padding: 20px;
}

#contentheaderpadding{
	position: relative;
	top: 18px;
	padding: 5px;
	margin-left: 200px;
}


#contentfooter{
	width: 698px;
	height: 130px;
	 background: url('../images/contentfooter.jpg') no-repeat;
	 margin-left: -1px;
}

#contentfooterfooter{
	
	width: 698px;
	height: 56px;
	 background: url('../images/contentfooterfooter.jpg') no-repeat;
	 margin-left: -1px;
	
}

#animation{
	position: absolute;
	top: 18px;
	margin-left: 550px;
}

#wlpeUserRegisterInput{
	padding: 20px;
}

h1.pagetitle{
	color: #00a9ff;
	font-size: 20px;
	font-weight: bold;
}

#footerwrapper{
	position: relative;
}

#bottomfooter{
	position: absolute;
	top: 50px;
	color: #ffffff;
	width: 890px;
	height: 10px;
	text-align: center;
	float: left;
	padding: 20px;
	
}

#menuleft {
	width: 25px;
	height: 44px;
	background: url('../images/menuleft.jpg') no-repeat;
	float: left;
	
}

#menuright {
	float: left;
	width: 25px;
	height: 44px;
	background: url('../images/menuright.jpg') no-repeat;
	
}
#menumiddle {
	float: left;
	
	height: 44px;
	background: url('../images/menumiddle.jpg') repeat-x;
	
}

#menuitems{
	text-align: center;
	vertical-align: middle;
	text-transform: capitalize;
	font-size: 14px;
	position: relative;
	
	top: 15px;
}

input.btn { 
color: #fff9f6; 
padding: 2px; 

background-color: #f0587b;
	font: bold 20px 84%'trebuchet ms',helvetica,sans-serif;
}

/*
     Start of Corneres
	  
*/

.corneredbox{display:block}
.corneredbox *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#4392ff;
	border-color: #ffe532;
}
.corneredbox1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f8f8f8;
  border-right:1px solid #f8f8f8;
  background:#4392ff}
.corneredbox2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fdfdfd;
  border-right:1px solid #fdfdfd;
  background:#4392ff}
.corneredbox3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #f2f2f2;
  border-right:1px solid #f2f2f2;}
.corneredbox4{
  border-left:1px solid #f8f8f8;
  border-right:1px solid #f8f8f8}
.corneredbox5{
  border-left:1px solid #f3f3f3;
  border-right:1px solid #f3f3f3}
.corneredboxfg{
	padding: 20px;
	color: #ffffff;
	
  background: #4392ff}
/*
     end of Corneres
	  
*/
/*
     Start of Styles
	  
*/

A:link {text-decoration: none; color: #4392ff; }
A:visited {text-decoration: none; color: #4392ff; }
A:active {text-decoration: none; color: #4392ff;}
A:hover {text-decoration: underline; color: darkgray; }

A:link.menu1links {text-decoration: none; color: #ffffff;
	font-weight: bold;
	font-style: italic;
}
A:visited.menu1links {text-decoration: none; color: #ffffff;
	font-weight: bold;
	font-style: italic;
}
A:active.menu1links {text-decoration: none; color: #ffffff;
	font-weight: bold;
	font-style: italic;
}
A:hover.menu1links {text-decoration: underline; color: #000000;
	font-weight: bold;
	font-style: italic;
}

A:link.white {text-decoration: none; color: #ffffff;
	font-size: 14px;
}
A:visited.white {text-decoration: none; color: #ffffff; }
A:active.white {text-decoration: none; color: #ffffff;}
A:hover.white {text-decoration: underline; color: #000000;}



A:link.yellow {text-decoration: none; color: #feec2c;
	font-weight: bold;
}
A:visited.yellow {text-decoration: none; color: #feec2c;
	font-weight: bold;
}
A:active.yellow {text-decoration: none; color: #feec2c;
	font-weight: bold;
 }
A:hover.yellow {text-decoration: underline; color: #ffffff;
	font-weight: bold;
 }

H2{
	color: #4392ff;
}


H3.blue{
	color: #a5deff;
}
#bottomwrapper{
	position: relative;
	clear: both;
	width: 100%;
}
p{
	font-size: 12px;
	color: #424242;
}


	#bottom { background: #ffffff url('../images/bottom.jpg') repeat-x;
	z-index: 200;
	position: absolute;
	top: -221px;
	width: 100%;
	height: 221px;
	}

H2.news{
	color: #f2fdf5;
	
	
}*
     end of styles
	  
*/