body, html
{
	background:#07abc0;
	margin:0px;
	padding:0px;
}
section
{
	margin:0px auto;
	font-family:Arial, Helvetica, sans-serif;
}
img
{
border:none;	
}
ul
{
padding:0px;
margin:0px auto;
overflow:auto;
}
h1
{
	color:#afe4ea;
	font-size:24px;
	padding:5px;
	margin:0px;
	padding-bottom:20px;
}
h3, .admin_project dt
{
	color:#afe4ea;
	font-size:18px;
	padding:5px;
	margin:0px;
}
p, li, dt, dd, td
{
	font-size:14px;
	line-height:1.25em;
	color:#ffffff;
}
a
{
	font-size:14px;
	text-decoration:underline;
	color:#ffffff;
}
header li, footer li, #admin li
{
	float:left;
	list-style:none;
	padding:5px;
}
header li
{
padding:5px 0px;	
}
header ul
{
float:right;
margin:30px;
margin-right:150px;
}
header aside, footer aside
{
padding:0px;
margin:0px auto;
width:1000px;
}
aside, footer p, footer
{
clear:both;	
}
header, footer
{
background:#afe4ea;
overflow:auto;
height:150px;
}
footer
{
text-align:center;
font-size:0.7em;
}
aside p
{
margin:0px;
padding:20px;
padding-top:0px;
}

.projectThumb li, .admin_project
{
	width:180px;
	text-align:center;
	float:left;
	list-style:none;
	margin:0px 10px;
}
.admin_project
{
margin:10px;	
}
.admin_project dd, .admin_project dl
{
margin:0px auto;
padding:0px;
}
.admin_pro
{
clear:both;	
}

.projectThumb li a div
{
	margin: auto;
	margin-top:40px;
}

.projectThumb h3
{
	margin:0px;
	padding:5px;
}
.projectThumb ul
{
	margin-bottom:20px;
}
.cfleft
{
	text-align:right;	
}
td
{
	padding:5px;	
}
.contact
{
	float:left;
	width:400px;
	padding:0px;
	margin:0px;

}
.contact dl
{
margin-left:50px;
margin-top:0px;
padding-top:0px;
}
.contact dt
{
	font-size:1.2em;	
}
.contact dd, .contact dt
{
	padding:10px;	
}
.service1
{
	float:right;
	width:400px;
	padding:0px;
	margin:0px;
	text-align:left;
}
.service2
{
	float:left;
	width:400px;
	padding:0px;
	margin:0px;
	text-align:right;
}
.service2 li, .service1 li
{
list-style:none;
padding:5px;
}
#webCPiece
{
	margin-left:50px;
	margin-top:-50px;
	margin-bottom:10px;
}
#wrapper
{
	width:800px;
background:#0095a6;
margin:0px auto;
}
#logo
{
	margin-left:150px;	
	margin-top:5px;
}
#requestQuote
{
	float:right;
	margin: 5px 20px;
	padding:0px;
}
.socialBlock
{
	float:left;
	width:200px;
	height:46px;
	margin:20px 0px;
}
.socialBlock img
{
	
	margin:0px;
	padding:0px;
}
.socialBlock p
{
	
	float:right;
	padding:5px;
	margin:0px;
	width:94px;
	text-align:left;
}
footer aside
{
	width:400px;	
}
footer ul
{
padding-left:41px;
}
hr
{
clear:both;
margin:0px;
padding:0px;
border:0px;
}
.project_arrow
{
padding:10px;
height:137px;
}
#me
{
margin:0px 20px;
padding:10px;
float:right;
margin-top:30px;	
}
input
{
	color:#0095a6;
	background:url(../images/textbox.png) no-repeat top left;
	border:0px;
	display:block;
	padding:0px 5px;
	width:151px;
	height:22px;
}
#input
{
	color:#fff;
	background:url(../images/textbox.png) no-repeat top left;
	border:0px;
	display:block;
	padding:0px 5px;
	width:151px;
	height:22px;
}
textarea
{
	color:#0095a6;
	background:url(../images/textarea.png) no-repeat top left;
	height:122px;
	width:218px;
	border:0px;
	display:block;
	padding:5px;
}

option
{
background:#afe4ea;
color:#0095a6;
border:0px;
}
.btn
{
	color:#0095a6;
	background:url(../images/btn.png) no-repeat top left;
	height:22px;
	width:114px;
	border:0px;
	display:block;
	padding:0px 5px;
	cursor:pointer;
}
.dropdown_arrow
{
	background:url(../images/dropdown_end.png) no-repeat top right;
	position:relative;
	float:right;
	height:22px;
	width:24px;
}
#login, #changeP
{
	margin:10px auto;
	width:300px;

	text-align:center;
}
#changeP
{
	width:350px;


}
#login input, #changeP input
{
	padding:0px 5px;
	margin:5px auto;
}



div.selectbox-wrapper {
  position:absolute;
  width:400px;
  background-color:#07adc0;
  border:1px solid #ccc;
  margin:0px;
  margin-top:-10px;
  padding:0px;
  text-align:left;
  max-height:200px;
  overflow:auto;
}

/*Drop down list styles*/
div.selectbox-wrapper ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
  
}
/* Selected item in dropdown list*/
div.selectbox-wrapper ul li.selected {
  background-color: #0095a6;
}

/* Hover state for dropdown list */
div.selectbox-wrapper ul li.current {
  background-color: #0095a6;
}

/* Drop down list items style*/
div.selectbox-wrapper ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
  color:#afe4ea;
}

/* Look and feel of select box */
.selectbox
{
  margin: 0px 5px 10px 0px;
  padding-left:10px;
  font-size:1em;/* Resize Font*/
  width : 104px; /* Resize Width */
  display : block;
  text-align:left;
  background: url('../images/dropdown.png') right no-repeat;
  cursor: pointer;
  border:0px;
  color:#07abc0;
}
@media screen and (max-device-width: 320px) {
body, html
{
	margin:0px;
	width:320px;
}
#webCPiece
{
	display:none;
}
#logo
{
margin:35px 79px 35px 79px;
padding:0px;
}
#wrapper
{
width:300px;
background:#0095a6;
margin-left:10px;
padding-top:10px;
padding-bottom:10px;
}
h1
{
	clear:both;
	font-size:1.0em;
	text-align:left;
	float:left;
}
h3
{
	clear:both;
	font-size:1.0em;
	text-align:left;
	float:left;
}
p
{
	font-size:0.7em;
	padding:5px;
	float:left;
}
dd, dt, li, ul
{
	font-size:0.7em;
}
header, footer
{
	width:320px;
}
footer p
{
text-align:center;
margin:auto;
}
header ul
{
display:none;	
}
footer ul
{
padding:0px;
margin:0px;
}
#requestQuote
{
float:none;	
margin:10px 7px 10px 7px;
padding:0px;
}
.socialBlock
{
display:none;	
}
.service1, .service1 ul, .service2, .service2 ul, .service2 h3, .service1 h3
{
	float:none;
	text-align:left;
}
#me
{
float:none;
padding:0px;
margin:10px 57px 10px 57px;
}
.contact
{
	width:300px;
	float:left;
}
.contact table
{
	width:300px;
	margin:0px;
	padding:0px;
	float:left;
}
textarea
{
width:150px;	
}
.contact td
{	margin:0px;
	padding:0px;
	font-size:0.7em;
}
.contact dl
{
margin:0px;
}
.contact dt
{
	font-size:0.7;	
}
.contact dd, .contact dt
{
	padding:15px;	
}
.contact dd
{
	text-align:right;
	width:150px;
}
}