@charset "utf-8";
/* --------------------------HomePage--------------------- */
.whitetext {
font:cbold 13px;
color:#FFFFFF
}
.smallwhihtetext {
color:#FFFFFF
font-size:9px;
}
img {
border:none;
}
ul {
	list-style-type: none;
}
a {

	text-decoration:none;
}
a:link {
color:#FF6600;
}
a:hover {
	text-decoration:underline;
}
a:visited {
color:#FF6600;;
}
.buttons {
padding-top: 6px;
height: 80px;
overflow:hidden;
}

.buttons li {
float:left;
margin:0 5px;
}
li#one a{
text-align:left;
float:left;
height:60px;
width:168px;
padding-top:20px;
padding-left:60px;
background: url(../images/web-design.png) no-repeat left top;
font-size:14px;
font-weight:bold;
font-family:"Trebuchet MS";
text-transform:uppercase;
line-height:16px;
color:#FFFFFF;

}
li#two a {
text-align:left;
float:left;
height:60px;
width:168px;
padding-top:20px;
padding-left:60px;
background: url(../images/logo-design.png) no-repeat left top;
font-size:14px;
font-weight:bold;
font-family:"Trebuchet MS";
text-transform:uppercase;
line-height:16px;
color:#FFFFFF;
}
li#three a {
text-align:left;
float:left;
height:60px;
width:168px;
padding-top:20px;
padding-left:60px;
background: url(../images/packaging-design.png) no-repeat left top;
font-size:14px;
font-weight:bold;
font-family:"Trebuchet MS";
text-transform:uppercase;
line-height:16px;
color:#FFFFFF;
}
li#four a {
text-align:left;
float:left;
height:60px;
width:168px;
padding-top:20px;
padding-left:60px;
background: url(../images/flash-design.png) no-repeat left top;
font-size:14px;
font-weight:bold;
font-family:"Trebuchet MS";
text-transform:uppercase;
line-height:16px;
color:#FFFFFF;
}
li#one a:hover {
background-position: left bottom;
text-decoration:none;
}
li#two a:hover {
background-position: left bottom;
text-decoration:none;
}
li#three a:hover {
background-position: left bottom;
text-decoration:none;
}
li#four a:hover {
background-position: left bottom;
text-decoration:none;
}
.buttons a span {
font-size:9px;
font-family: Tahoma, Arial;
text-transform:none;
display:block;
font-weight:normal;
padding-left:1px;
line-height:12px;
}
/*--------------*/
em {color:#CC0000;}
label, label span {
display: block; padding-bottom:.25em;
}
label {
margin:5px;
padding:0;
float:left; width:100%;
}
label span {
float:left;
width:34%;
text-align:right;
}
input,textarea ,select {
margin-left:20px;
}
/*------------portfolio auto pagination----------*/
.paginationstyle a.left, .paginationstyle a.right {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center; width:50px;
}
.left {
	float:left;

}
.paginationstyle a.right {
	float:right;
}
.virtualpage {
	display: none;
}
.paginationstyle { 
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center;
}
.paginationstyle a{ 
	BORDER-RIGHT: #2c2c2c 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #2c2c2c 1px solid; PADDING-LEFT: 5px; BACKGROUND: url(image1.gif) #2c2c2c; PADDING-BOTTOM: 2px; BORDER-LEFT: #2c2c2c 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #2c2c2c 1px solid; TEXT-DECORATION: none;
}
.paginationstyle span {
	float:left;
	width:100%;
}
.paginationstyle span a{ 
	padding: 0 3px;
	text-indent:0px;	
}
.paginationstyle a:hover, .paginationstyle a.selected{
	BORDER-RIGHT: #aad83e 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #aad83e 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; BACKGROUND: url(image2.gif) #aad83e; PADDING-BOTTOM: 2px; BORDER-LEFT: #aad83e 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #aad83e 1px solid;
}

/*CSS green-black style pagination*/

.green-black {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
.green-black A {
	BORDER-RIGHT: #2c2c2c 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #2c2c2c 1px solid; PADDING-LEFT: 5px; BACKGROUND: url(image1.gif) #2c2c2c; PADDING-BOTTOM: 2px; BORDER-LEFT: #2c2c2c 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #2c2c2c 1px solid; TEXT-DECORATION: none
}
.green-black A:hover {
	BORDER-RIGHT: #aad83e 1px solid; BORDER-TOP: #aad83e 1px solid; BACKGROUND: url(image2.gif) #aad83e; BORDER-LEFT: #aad83e 1px solid; COLOR: #fff; BORDER-BOTTOM: #aad83e 1px solid
}
.green-black A:active {
	BORDER-RIGHT: #aad83e 1px solid; BORDER-TOP: #aad83e 1px solid; BACKGROUND: url(image2.gif) #aad83e; BORDER-LEFT: #aad83e 1px solid; COLOR: #fff; BORDER-BOTTOM: #aad83e 1px solid
}
.green-black SPAN.current {
	BORDER-RIGHT: #aad83e 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #aad83e 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; BACKGROUND: url(image2.gif) #aad83e; PADDING-BOTTOM: 2px; BORDER-LEFT: #aad83e 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #aad83e 1px solid
}
.green-black SPAN.disabled {
	BORDER-RIGHT: #f3f3f3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f3f3f3 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #f3f3f3 1px solid; COLOR: #ccc; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #f3f3f3 1px solid
}