@charset "utf-8";
/* CSS Document

*********************************************************************
Author: George Mavromatis
Web site: Styletheweb.gr Copyright2009, George Mavrommatis, http://styletheweb.gr. 
This work is licenced under a Creative Commons License attribution 3.0 Greece. 

For any reuse or distribution, you must make clear to others the licence terms 
of this work, (a link back to my website).

Read more for license: http://styletheweb.gr/about.html
*********************************************************************
*/
@import "portfolio.css";
@import "contact.css";

/*--------------RESET CSS from http://meyerweb.com/eric/tools/css/reset/-----------------------*/



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*------------------------------------------- GENERAL------------------------------*/


body {
	width:100%;
	background:#fff;
	font-size:90%;
        font-family:Arial,Helvetica,sans-serif;
	font-style: normal;
	line-height: 1.3;
	color: #666666;
}

p {
	margin:0 0 0.5em 0;
	padding:0;
}

p.readmore a {
    padding-left: 20px;
	margin: 0;
	background: url('img/arrow.gif') no-repeat center left;
}
	
.clearboth {
	clear: both;	
}

.clearr {
        clear: right;
}

h3 {
	margin: 0 0 0.5em 0;
}

a {
	color: #ffa32d;
	text-decoration: none;
}

a:hover {
	color: #ff8036;
	text-decoration: underline;
}

.clear {
	clear: both;
	margin: 0;
	padding: 0;
	border: 0;
}
a img {
	border: none 0;
}
/*------------------------------------------- MAIN NAVIGATION------------------------------*/

#p01 #n01 {
	border-bottom: 2px solid #3775b2;
	padding-bottom: 3px;
	background: transparent;
	color: #3775b2;
}
#p02 #n02 {
	border-bottom: 2px solid #3775b2;
	padding-bottom: 3px;
	background: transparent;
	color: #3775b2;
}
#p03 #n03 {
	border-bottom: 2px solid #3775b2;
	padding-bottom: 3px;
	background: transparent;
	color: #3775b2;
}
#p04 #n04 {
	border-bottom: 2px solid #3775b2;
	padding-bottom: 3px;
	background: transparent;
	color: #3775b2;
}
#p05 #n05 {
	border-bottom: 2px solid #3775b2;
	padding-bottom: 3px;
	background: transparent;
	color: #3775b2;
}






#navlist {
        position: absolute;
	top: 276px;
	left: 17px;
	z-index: 1000;
        width: 450px;
	margin: 00;
	padding: 0;
	font-size: 119%;
	background: transparent;
	font-variant:small-caps;
}

#navlist li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

#navlist a:link, #navlist a:visited {
	float: left;
	line-height: 14px;
	font-weight: bold;
	margin: 0 11px 4px 0;
	text-decoration: none;
	color: #ffa32d;
}

#navlist a:hover {
	border-bottom: 2px solid #3775b2;
	padding-bottom: 3px;
	background: transparent;
	color: #3775b2;
}


/*------------------------------------------- HEADER DIVS------------------------------*/

#subnavlist {
	width: 200px;
	height: 40px;
	position: absolute;
	padding-left: 105px;
	padding-top: 10px;
	top: 0;
	right: 0;
	background: url('img/sub-nav-bg.jpg') no-repeat center top;
	font-weight: bold;
	z-index: 500000
}

#subnavlist li {
	display: inline;
	list-style-type: none;
	padding: 0;
}

#subnavlist li a {
    color: #5896f2;
}

#flower {
	width: 940px;
	height: 360px;
	position: absolute;
	top: 11px;
	left: 0;
	background: url('img/flower.jpg') no-repeat center top;	
}


/*------------------------------------------- LAYOUT------------------------------*/

#header .inheader {
	position: relative;
	width: 940px;
	left: 50%;
	margin-left: -470px;
}

#header {
	height: 300px;
	background: #3775b0 url(img/bg.jpg) repeat-x top left;

}



.content {
	width:100%;		
	overflow:hidden;
	position: relative;
}

.incontent {
	width:940px;		
	overflow:hidden;
	position: relative;
	left: 50%;
	margin-left: -470px;
	margin-bottom:30px;
}

.col1 {
    width:450px;
	float:left;
	position:relative;
	padding:0 0 1em 0;
	margin-top: 45px;	
	overflow:hidden;	
}



.col2 {
    width:450px;
	float:right;
	position:relative;
	padding:0 0 1em 0;
	margin-top: 45px;
	overflow:hidden;
}



#footer {
	width:100%;
	background: #575b26 url('img/foot-bg-wood.jpg') repeat scroll;
	color: #dfe3b6;
}

#footer .infooter {
	position: relative;
	width: 940px;
	left: 50%;
	margin-left: -470px;
	height: 250px;
}

#copyright-area {
	background: #222222;
	height: 60px;
}

#incopyright-area {
	position: relative;
	width: 940px;
	left: 50%;
	margin-left: -470px;
	height: 60px;

}


/*------------------------------------------- RECENT WORKS IN COL1------------------------------*/

#recent-works {
	position: relative;
	float: left;
	width: 470px; 
	margin: 0;
}

#recent-works img {
	margin: 7px 0;
}

#recent-works a img {
	border: 0 none;
}

#recent-works .work-1 {
	float: left; 
	width: 140px; 
	margin: 0 5px 0 0; 
	padding: 0;
}

/*------------------------------------------- NEWS LIST IN INDEX PAGE IN COL2------------------------------*/


#list-news {
	margin: 20px 0;
	width: 450px;
	float: left;
}


ul.list-left {
	padding: 0;
	margin: 0;
	border-bottom: 1px dotted #999999;
	width: 215px;
	float: left;
	list-style-type: none;
}

ul.list-right {
	padding: 0;
	margin: 0;
	border-bottom: 1px dotted #999999;
	width: 215px;
	float: right;
	list-style-type: none;
}


ul.list-left li, ul.list-right li {
	margin: 0;
	padding: 7px 0 7px 35px;
	border-top: 1px dotted #999999;
	background: url('img/check.gif') no-repeat center left;
}


ul.list-left li a, ul.list-right li a { 
	text-decoration: none;
}

ul.list-left li a:hover, ul.list-right li a:hover {
	text-decoration: none;
}

/*------------------------------------------- REPLACE HEADINGS WITH IMAGES-------------------------------------*/

#welcome, #ourservices, #ourportfolio, #recworks, #ournews, #webicons {
	text-indent: -10000px;
	overflow: hidden; 
	width: 400px; 
	height: 45px;
}

#welcome {
	background: url('img/welcome.jpg') no-repeat top left;
}

#ourservices {
	background: url('img/ourservices.jpg') no-repeat top left; 
}

#ourportfolio {
	background: url('img/ourportfolio.jpg') no-repeat top left; 
}

#recworks {
	background: url('img/recworks.jpg') no-repeat top left; 
}

#ournews {
	background: url('img/ournews.jpg') no-repeat top left; 
}

#webicons {
	background: url('img/webicons.jpg') no-repeat top left; 
}

/*------------------------------------------- INFOOTER LISTS-------------------------------------*/

.first { 
	width: 300px; 
	margin: 0;
	position: absolute;
	padding: 20px 0;
	top: 0;
	left: 0;
}

.second { 
	width: 300px; 
	margin: 0;
	position: absolute;
	padding: 20px 0;
	top: 0;
	left: 320px;
}

.third { 
	width: 300px; 
	margin: 0;
	position: absolute;
	padding: 20px 0;
	top: 0;
	left: 640px;
}

.infooter ul { 
	border-top: 1px dotted #999999;
	margin-top: 10px;
}

.infooter ul li { 
	border-bottom: 1px dotted #999999; 
	list-style: none; 
}

.infooter ul li a {
	display: block; 
	line-height: 2;
	width: 100%;
	text-decoration: none;
	width: 280px;
	color: #999999;
	padding-left: 20px;
}

.infooter ul li a:hover { 
	background: #222222 url('img/arrow.gif') no-repeat center left;	;
	text-decoration: none;
	color: #CCCCCC;
}

/*------------------------------------------- REPLACE HEADINGS IN FOOTER-------------------------------------*/
.latest-news, .our-team, .most-popular {
	text-indent: -20000px;
	width: 300px; 
	height: 30px;
}

.latest-news {
	background: url('img/latest-news.jpg') no-repeat top left; 
}

.our-team {
	background: url('img/our-team.jpg') no-repeat top left;
}

.most-popular {
	background: url('img/most-popular.jpg') no-repeat top left; 
}

/*------------------------------------------- COPYRIGHT AREA-------------------------------------*/

#incopyright-area p {
    font-size: 86%;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 10px 0 0 0;
	color: #CCCCCC;
}



#smedia ul {
	width: 270px;
	position: absolute;
	top: 20px;
	right: 0;
	background: transparent;
}


#smedia ul li {
	display: inline;
	list-style-type: none;
	padding-left: 10px;
	background: transparent;/*------------------------------------------- COPYRIGHT AREA-------------------------------------*/
}


#smedia ul li a, #smedia ul li a:visited  {
	display: inline;
	list-style-type: none;
	padding-left: 10px;
	background: transparent;	
}

#smedia ul li a:hover {
	display: inline;
	list-style-type: none;
	padding-left: 10px;
	background: transparent;	
}


/*------------------------------------------- VALIDATE DIV -------------------------------------*/

#validate {
left:0;
margin:0;
padding:0;
top:0;
width:250px;
}


#validate li {
display:inline;
list-style-type:none;
padding-right:20px;
}