/* CSS styles for Designing Interiors */
/* coded by DJENAN KOZIC :: 1st October 2007 */


/* THE BASICS */

* { margin:0; padding:0; }

body {}

p { font:normal 11px Helvetica, Verdana, sans-serif; }

ul { list-style:disc; margin-left:20px; padding-bottom:10px; }
li { font:12px Helvetica, Arial, Verdana, sans-serif; color:#666666; line-height:17px; }

a, a:hover, a:active, a img, a, a:hover img, a:active img { outline:none; border:none; }
a { color:#5EB8E0; text-decoration:underline; }
a:hover { text-decoration:none; }


/* HEADER */

#header {
	position:relative;
	width:850px;
	height:63px;
	margin:40px auto 0 auto;
	z-index:10;
	padding:0 15px 0 15px;
	}
#header h1 { text-indent:-1000px; }
#logo {
	position:absolute;
	width:273px;
	height:31px;
	}
#contactinfo {
	position:absolute;
	width:450px;
	height:30px;
	top:0;
	left:320px;
	}
#contactinfo p { font:normal 11px Verdana, Helvetica, Arial, sans-serif; color:#8C8C8C; }

/* NAVIGAITON */

#navigation {
	position:absolute;
	top:45px;
	width:850px;
	margin:0 auto 0 auto;
	height:18px;
	}

#navigation li { display:inline; margin:0; padding:0;}
#navigation ul { list-style:none; margin:0; padding:0;}
#navigation li a { background-image:url('images/navigation.gif'); float:left; height:0; padding-top:18px; overflow:hidden; margin-right:24px;}

#navigation li#nav-1 a { background-position:0 0; width:65px; }
#navigation li#nav-1 a:hover, #navigation li#nav-1 a.on { background-position:0 -33px; }

#navigation li#nav-2 a { background-position:-89px 0; width:94px; }
#navigation li#nav-2 a:hover, #navigation li#nav-2 a.on { background-position:-89px -33px; }

#navigation li#nav-3 a { background-position:-207px 0; width:93px; }
#navigation li#nav-3 a:hover, #navigation li#nav-3 a.on { background-position:-207px -33px; }

#navigation li#nav-4 a { background-position:-325px 0; width:58px; }
#navigation li#nav-4 a:hover, #navigation li#nav-4 a.on { background-position:-325px -33px; }

#navigation li#nav-5 a { background-position:-415px 0; width:117px; }
#navigation li#nav-5 a:hover, #navigation li#nav-5 a.on { background-position:-415px -33px; }

#navigation li#nav-6 a { background-position:-565px 0; width:75px; }
#navigation li#nav-6 a:hover, #navigation li#nav-6 a.on { background-position:-565px -33px; }


/* CONTENT */

#flashwrapper {
	position:relative;
	width:880px;
	height:475px;
	margin:-7px auto 0 auto;
	}
#contentwrapper {
	position:relative;
	width:875px;
	height:475px;
	margin:6px auto 0 auto;
	}
#contactus #contentwrapper {
	background:url('images/contactus_bg.jpg') no-repeat top left;
	}
#designpackages #contentwrapper {
	background:url('images/designpackages_bg.jpg') no-repeat top left;
	}
#whatwedo #contentwrapper {
	background:url('images/whatwedo_bg.jpg') no-repeat top left;
	}
#portfolio #contentwrapper {
	background:url('images/portfolio_bg.jpg') no-repeat top left;
	}
#portfolio p img {
	width:115px;
	height:115px;
	margin:0 10px 10px 0;
	border:1px solid black;
}

#contentwrapper #pagetitle {
	position:absolute;
	top:123px;
	left:428px;
	width:385px;
	height:25px;
	}

#contentwrapper #content {
	position:absolute;
	top:165px;
	left:429px;
	width:405px;
	height:260px;
	overflow:auto;
	padding-right:10px;
	}

#contentwrapper p {
	font:12px Helvetica, Arial, Verdana, sans-serif;
	color:#666666;
	line-height:17px;
	margin-bottom:0.7em;
}

#contentwrapper h2 {
	font:22px Helvetica, Arial, Verdana, sans-serif;
	color:#3F3F3F;
	}
#contentwrapper h3 {
	font:18px Helvetica, Arial, Verdana, sans-serif;
	color:#3F3F3F;
	line-height:1.5em;
	padding:0 0 5px 0;
}

#clear { clear:both; }

/* FOOTER */

#withflash #footer {
	position:relative;
	width:850px;
	margin:12px auto 15px auto;
	padding:0 15px 0 15px;
	}
#footer {
	position:relative;
	width:850px;
	margin:7px auto 15px auto;
	padding:0 15px 0 15px;
	}

#footer p {
	text-align:right;
	font:normal 11px Verdana, Helvetica, Arial, sans-serif;
	color:#8C8C8C;
}