* {
	margin: 0;
}
html, body {
	height: 100%;
}
body {
 margin:0;
 padding:0;
 background:url(../images/backg.png) repeat;
 color:#EDEDED;
 font-family:"Verdana", Arial;
 font-size:15px;
 line-height:22px;
 word-spacing:1px;
}
img { 
 border:none;
}
.inner {
 width:1000px;
 margin:0 auto;
}
/* head-nav */
#head-nav {
 width:100%;
 height:50px;
 background:#111;
}
#contact {
 width:500px;
 float:left;
}
#contact p {
 margin:0;
 padding:10px 0 0 0;
 color:#FFF;
 font-size:19px;
}

#social {
 width:160px;
 float:right;
 margin:0 10px 0 -40px;
 list-style-type:none;
}
#social li {
 display:block;
 float:left;
 width:40px;
 padding:6px 0 0 0;
}

/* main-content */
#head {
 width:100%;
 margin:30px 0 0 0;
 height:60px;
}
#logo {
 width:460px;
 float:left;
}
#logo h1 {
 margin:0;
 padding:0;
}
#logo p {
 color:#D7D8D8;
 margin:0;
 padding:0 0 15px 20px;
 font-size:13px;
}

#nav {
 width:480px;
 float:right;
}
#nav ul {
}
#nav li {
 float:left;
 display:block;
 margin:15px 10px 0 0;
 font-size:16px;
 padding:10px 0 0 0;
}
#nav li a:link, #nav li a:visited, #nav li a:active {
 color:#7A8090;
 text-decoration:none;
}
#nav li a:hover {
 color:#FFF;
}
#slider {
 width:750px;
 height:300px;
 margin:40px auto;
 clear:both;
}
#slider img {
 width:750px;
 height:300px;
}
#content {
 width:960px;
 margin:15px auto;
 padding:0 0 20px 0;
 height:auto;
}
#content p {
 margin:0 0 15px 0;
}
#main-content {
 background:url(../images/content-bg.png) repeat;
 padding:10px;
 width:640px;
 float:left;
 margin:0 0 15px 0;
}
#main-content ul { 
 list-style-type:none;
}
.sidebar {
 width:270px;
 float:right;
 background:url(../images/content-bg.png) repeat;
 padding:10px;
 margin:0 0 30px 0;
}
.sidebar ul {
 list-style-type:none;
 margin:0 0 0 -30px;
}
.phone {
 background:url(../images/phone.png) no-repeat;
 height:30px;
 padding:0 0 0 40px;
 margin:0 0 10px 0;
}
#email {
 background:url(../images/email.png) no-repeat;
 height:30px;
 padding:0 0 0 40px;
 margin:10px 0 0 0;
}
h2 {
 color:#40d5ff;
 font-size:22px;
 font-family:"Georgia", Helvetica;
 margin:0;
 line-height:32px;
 word-spacing:2px;
 padding:20px 0 15px 0;
}
h2 a:link, h2 a:visited, h2 a:active h2 a:hover {
 color:#40d5ff;
}
h3 {
 color:#40d5ff;
 font-size:20px;
 font-family:"Georgia", Helvetica;
 margin:0;
 line-height:28px;
 word-spacing:2px;
 padding:10px 0 15px 0;
}
h4 {
 color:#40d5ff;
 font-size:19px;
 font-family:"Georgia", Helvetica;
 margin:0;
 padding:8px 0 15px 0;
 line-height:25px;
 word-spacing:2px;
}
h5 {
 color:#40d5ff;
 font-size:19px;
 font-family:"Georgia", Helvetica;
 margin:0;
 padding:8px 0 15px 0;
 line-height:25px;
 word-spacing:2px;
}
h6 {
 color:#40d5ff;
 font-size:19px;
 font-family:"Georgia", Helvetica;
 margin:0;
 padding:8px 0 15px 0;
 line-height:25px;
 word-spacing:2px;
}
#content p {
 padding:0 0 0 15px;
}
#content a:link, #content a:visited, #content a:active {
 color:#40d5ff;
 text-decoration:none;
}
#content a:hover {
 color:#40D5FF;
}

#footer {
 width:100%;
 height:60px;
 background:#111;
 padding:10px 0 0 0;
 clear:both;
 position:relative;
 bottom:0px;
}
footer, .push {
	height: 142px; /* .push must be the same height as .footer */
}

#footer a:link, #footer a:visited, #footer a:active {
 color:#AAA;
 text-decoration:none;
}
#footer a:hover {
 color:#FFF;
}

/* about me styling */

.portrait {
 width:100px;
 height:100px;
 float:right;
 margin:0 15px 15px 15px;
}

.box {
 width:400px;
 margin:0 auto 25px auto;
 border:1px solid #666;
 padding:0 0 0 20px;
}
.box ul {
 list-style-type:none;
 margin:10px 0 30px 0;
}
.box p {
 margin:30px 0 0 0;
 font-size:17px;
 color:#fff;
}

/* portfolio */
#content-portfolio {
 width:960px;
 margin:0 auto;
 background:url(../images/content-bg.png) repeat;
 margin:15px auto ;
 padding:15px 0;
 clear:both;
 overflow:auto;
}
.portfolio {
 width:448px;
 height:230px;
 border:1px solid #ccc;
 float:left;
}
.left {
 margin:0 20px 25px 20px;
}
.right {
 margin:0 20px 0 0;
}
.portfolio img {
 width:200px;
 height:200px;
 margin:20px 10px;
}
.port-content {
 width:200px;
 float:right;
 margin:15px 10px 0 0;
} 
.portfolio-head {
 font-size:17px;
}
.portfolio-intro {
 font-size:13px;
 width:400px;
 margin:0 25px;
}
.portfolio ul {
 list-style-type:none;
 margin:10px 0 0 -40px;
}
.portfolio li {
 background:url(../images/tick.png) no-repeat;
 padding:0 0 0 35px;
 height:35px;
}
form {
 width:450px;
 margin:20px auto;
}
label {
 font-weight:bold;
 font-size:20px;
}
form p { margin:0 0 10px 0; }
.input {
 width:200px;
 float:right;
}
textarea {
 width:200px;
 height:30px;
 float:right;
 margin:0 0 10px 0;
}
#contact-submit {
}
.dev-bold {
 font-weight:bold;
 color:#40D5FF;
}
.terms-head {
 font-weight:bold;
 color:#40D5ff;
 font-weight:19px;
}
#easyNotification{
	padding:5px 10px;
	background:#fffed0;
	border:1px solid #d4d287;
	color:#333;
	position:relative;
	}
#easyNotification span{
	float:right;
	cursor:pointer;
	}