/* general items setup 
---------------------- */

* {
	margin: 0;
	padding: 0;
}

a img {
	outline: none;
	border: none;
}

a {
	color: #21c9c9;
	text-decoration: underline;
}

a:hover {
	color: #000;
}

a:visited {
	color: #006868;
}

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

body {
	font-family: Georgia, "Times New Roman", serif;
	color: #575757;
	font-size: 13px;
	background: #efedde url("../img/bodybg.jpg") no-repeat top left ;
}

/*.box {
	background: url("../img/transparentbg.png") repeat top left;
}*/

/* header elements
------------------*/

#header {
	width: 950px;
}

#header .logo {
	/*background: url("../img/logo.png") no-repeat top left;*/
	float: left;
	margin-right: 20px;
}

#header h1 {
	font-weight: normal;
	background: url("../img/transparentbg.png") repeat top left;
	float: left;
	font-size: 17px;
	padding: 10px 15px;
	width: 570px;
}



/* main navigation 
------------------*/

#nav {
	float: left;
	width: 215px;
	padding-top: 20px;
}

#nav ul {
	list-style-type: none;
}

#nav ul li a {
	width: 215px;
	height: 40px;
	margin-bottom: 5px;
	display: block;
}

#nav a.nav-despre {
	background: url("../img/despre.png") no-repeat top left;
}
#nav a.nav-despre:hover {
	background: url("../img/despre.png") no-repeat bottom left;
}

#nav a.nav-proiecte {
	background: url("../img/proiecte.png") no-repeat top left;
}
#nav a.nav-proiecte:hover {
	background: url("../img/proiecte.png") no-repeat bottom left;
}

#nav a.nav-blog {
	background: url("../img/blog.png") no-repeat top left;
}
#nav a.nav-blog:hover {
	background: url("../img/blog.png") no-repeat bottom left;
}

#nav a.nav-contact {
	background: url("../img/contact.png") no-repeat top left;
}
#nav a.nav-contact:hover {
	background: url("../img/contact.png") no-repeat bottom left;
}


/* projects list
----------------*/

ul#listing {
	float: left;
	margin-top: -41px;
}

ul#listing li.project {
	margin-left: 20px;
	margin-bottom: 20px;
	width: 570px;
	padding: 15px;
	background: url("../img/transparentbg.png") repeat top left;
}

li.project p {
	font-size: 16px;
	line-height: 20px;
	padding-bottom: 10px;
}

h2, h3 {
	font-weight: normal;
	margin: 0;
	padding: 0;
}

h2.projectTitle {
	font-size: 20px;
	padding-bottom: 5px;
}

.projectDescription {
	font-size: 14px;
	line-height: 18px;
}

.projectDescription h3 a {
	line-height: 24px;
}

ul.projectType {
	font-size: 11px;
	color: #acb33e;
}
ul.projectType li {
	padding-left: 20px;
	background: url("../img/bullet.gif") no-repeat center left;
}

.projectImg {
	float: right;
	width: 275px;
	height: 170px;
	border: 1px solid #efedde;
}

ul.thumblist li {
	margin: 0; padding: 0 3px 0 0;
	float: left;
}
ul.thumblist li a {
	margin: 0; padding: 0;
}


/* footer 
---------*/

#footer {
	padding: 15px;
	width: 805px;
	background: url("../img/transparentbg.png") repeat top left;
	text-align: right;
	font-size: 11px;
	line-height: 16px;
}

/* clearfix 
-----------*/
.clear:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

/*.clear {
    display: inline-block;
}*/

html[xmlns] .clear {
    display: block;
}

* html .clear {
    height: 1%;
}

.contact {min-height: 240px;}

/* all in under 300 lines of css. Damn i'm good. */