/* GENERAL STYLES */
/* CSS Document */

@import url('/css/Gallery.css');
@import url('/css/Hacks.css');


/* Reset */
		/*html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {margin: 0; padding: 0;}
		h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size: 1em; font-weight: normal; font-style: normal;}
		h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration:none;}
		ul,ol {list-style: none;}
		fieldset,img {border: none;}
		caption,th {text-align: left;}
		table {border-collapse: collapse; border-spacing: 0;}	*/

/*** Setup ***/
body {
	background: #1a1a1a;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
#wrap {
	width: 800px;
	margin: 20px auto 0;
	padding: 0;
	color: #474747;
	font-size: 100%;
	line-height: 125%; 
}
#logo-link{
        width:800px;
	float:left;
}
#top {
	width: 100%;
	clear: both;
	background: url('../Media/AppStract/CssImages/bg_top.gif') no-repeat bottom center;
	padding: 0;
	margin: 0;
	display:none;
}
#bottom {
	width: 100%;
	background: url('../Media/AppStract/CssImages/bg_bottom.gif') no-repeat top center;
	display:none;
}
#container {
	clear:both;
	background: #e2e2e2 url('../Media/AppStract/CssImages/bottom-gradient.png') repeat-x bottom;
	padding: 20px;
	margin: 0;
	border: solid 1px #a9a9a9;
}
#content {
	width: 550px;
	overflow:auto;
	min-height:400px;height:auto !important;height:400px;
}
#sidebar {
	width: 200px;
}
#footer {
	width: 100%;
	text-align: center;
	font-size: 80%;
	padding-bottom: 10px;
	padding-top: 20px;
	margin:0;
	clear:both;
}
#nav {
	float:left;
	padding: 0;
	margin: 10px 0 20px 0;
}
#nav li {
	list-style: none;
	display: inline;
	padding-right: 20px;
}
#nav a {
	text-decoration: none;
	color: #e2e2e2;
}
#nav a:hover {
	color: #f628d2;
}

#languages {
	float:right;
	padding: 0;
	margin: 10px 0 20px 0;
}
#languages li {
	list-style: none;
	display: inline;
	padding-left: 20px;
}
#languages a {
	text-decoration: none;
	color: #e2e2e2;
}
#languages a:hover {
	color: #f628d2;
}
.case {
	border-bottom: 1px dotted #535353;
}

/* GENERAL */
h1 {
	font-size: 200%;
	font-weight: normal;
	margin: 20px 0 20px 0;
}
h1 a {
	color: #fff;
}
h1 a:hover {
	color: #fff;
}
h2 {
	font-size: 150%;
	font-weight: normal;
	margin-top: 10px;
}
h3 {
	font-weight: normal;	
	font-size: 130%;
	margin-top: 10px;
}
h4 {
	font-weight: normal;		
	font-size: 110%;
}
h1, h2, h3, h4 {
	color: #1a1a1a;
}
em {
	font-weight: normal;
	font-style: italic;
}
a {
	/*color: #fff;*/
	color: #1a1a1a;
	text-decoration: none;
}
a:hover {
	text-decoration:underline;
}
img {
	border: none;
}
address{
	font-style:normal;
}

/*** Cases ***/
#cases-content {float:left; width:430px; overflow:auto; min-height:400px;height:auto !important;height:400px;}

.cases {list-style:none; padding:0; margin:0; }
	.cases li {padding:5px 1px 5px 5px; clear:left; height:70px; overflow:hidden;}
	.cases li.over {border: 1px solid #afafaf; padding:4px 0px 4px 4px; background-color:#cfcfcf;}
	.cases a {}
	.cases .thumb {height:70px; width:100px; overflow:hidden; background:#afafaf; margin:0 20px 0 0; float:left;}
	.cases img {}
	.cases h3 {float:left; padding-top:15px;}
	.cases .case {display:none;}


#case-presentation {float:right; width:300px; padding-left:20px;}
	#case-presentation case {display:block; }
	#case-presentation h3 {}
	#case-presentation img {padding:0 0 10px0;}
	#case-presentation p {}
	#case-presentation a {}


/* EDITOR PROPERTIES */