/**

 @file: screen.css
 @date: 4/13/2008
 @update: 4/18/2008 11:11:26 AM
 @created by: swalif [dot] com
 
*/



* { margin:0; padding:0;}

body {
	font: bold 95% arial, "Times New Roman";
    background: transparent 0% 0%;
}


#home, #sub, #footer, #header .menu, #header .logo, #top, #screen  {
		margin: 10px auto;
	}


/*	-------------------------------------------------------------

	screen

	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/



#screen {
	width: 770px;
}


/*	-------------------------------------------------------------

	top

	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#top p, #footer p {
		padding: .4em;
}


#top p {
	text-align: left;
	font: normal 1em georgia;
	color:#037DCE;
	background:#F5F5F5;
}
#top .hide {
	font: bold 1em arial;
	color:#038CE7;
}




/*	-------------------------------------------------------------

	header

	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/


#header .menu, #header .logo, #slide {
		height: 278px;
	}


#header .logo, #slide {
	width: 535px;	
}
#header .logo {
	float: right;
	border: 1px solid #E8E8E8;
}
#header .menu {
	float: left;
	width: 228px;
	border: 0 solid #000;
	background: transparent url(../images/bg.png) no-repeat;
	padding: 56px 0 0;
}
#header .menu  img {
	display: block;
	margin: 0 0 12px 40px;
}


#slide
{
	overflow: hidden;

}

#sub .corner, #slide, #content h3 {
	position: relative;	
 
}



/*	-------------------------------------------------------------

	content

	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/


#home {
	margin-bottom: 0;
	padding: .5em;
}


#sub {
	clear: right;
	border: 1px solid #CCC;
	margin-bottom: 1em;
    width:  100%;
}
#sub .corner {
	
	color: #DB9206;
	padding: .9em;
	font: bold 1.63em arial;
	background:  url(../images/corner.gif) bottom left no-repeat;
	left: 0;
	top: 2px;
	right: 2px;
	

}

	

#content {
	clear: both;
	border: 0px solid #eee;
	padding: .3em;
}

#content p, #content p.sub-title , #content p.quote{
		padding: .6em;
		color: #6B6B6B;
		font: bold 1.4em arial;
	}

#content p.sub-title {
	line-height: 2em;
	text-align: justify;
}
#content p {
	font-size: 1em;
	line-height: 1.56em;
	text-align: justify;
}

#content p.quote {
	padding: 1.2em;
	font-size: 1.4em;
	font-weight: normal;
	border: 1px solid #eee;
	border-width: 0 6px 0 0;
	margin: 0 0 20px;
}


#content a:link, #content a:visited, #content a:hover {
	text-decoration: none;
	color: #E82F1A;
}
#content a:hover {
	text-decoration: underline;
}


#content h2 {
	padding: .4em;
	margin: 0;
	color:#4F14A1;
}


#content q:lang(en) {
	text-transform: uppercase;
	
}

#content p.uppercase span {
	text-transform: uppercase;
	
	
}

#content ul.list {
	padding: .4em;
	margin: 5px 20px 05px;

}
#content ul.list li {
	
	padding: .3em;
		
}

#content ul.numeric {
list-style-type: decimal;
}

#content ul.order {
list-style-type: circle;
color:#038CE7;
}

#content li.none {
list-style-type: none;
margin: 0 0 05px;
}


#content p.img { 
		text-align: center;
}

#content div.big {

	margin: 0 0 30px;
}

#content h3 strong {
	font: bold 38px georgia;
	color:#666;
}

#content p.dotted {
	border: 0;
	background: url(../images/dote.gif) repeat-x;
	line-height: 1em;
	width: 90%;
	margin: 0 auto;
}


#content code {
	color:#E82F1A;
	text-transform: uppercase;
	font-size: 1em;
}

h3 {
	font-size:200%;
	color:#666;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:-.05em;
	padding-top:3px;
	position:relative;
	margin:.6em 0;
	width:100%;
}


 h3 span {
	position:absolute;
	display:block;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:url(../images/gradient_1.png) repeat-x;
}
h3 span{background:url(../images/gradient_2.png) repeat-x;}
* html h3 span{
	background-color:#fff;
	back\ground-color:transparent;
	background-image: url(none.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gradient_2.png", sizingMethod="scale");
}


#content .float, #content ul.img, #content ul.right {
	
		border: 0 solid #ddd;
	}

#content ul.img, #content ul.img-left {
		list-style-type: none;
	}

#content ul.img, #content ul.right  { 
		float: right;
		
	}

#content .float, #content ul.img-left {
		float: left;
		
	}
			



#content ul.img-left, #content ul.right {
	
	padding: 0; 
	
	}
	
#content ul.right {
	width: 468px;


}

#content .float {
	width: 400px;
}
#content ul.img {
	width: 250px;
}

/*	-------------------------------------------------------------

	footer & spacer

	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#spacer {
	clear: both;
	line-height: 1px;
}


#footer {
	margin-bottom: 20px;
	border: 1px solid #ddd;
	border-width: 1px 0 0;
	line-height: 45px;
}
#footer p {
	
	color: #038CE7;
	font-weight: normal;
	font-size: .8em;
}




/*	-------------------------------------------------------------

  misc

	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/


 a:link, a:visited {
	color: #6C6C6C;
	text-decoration: underline;
}
 a:hover {
	color: #000;
	text-decoration: none;
}

img {
	vertical-align: middle;
	border: none;
}

/*	-------------------------------------------------------------

  corner

	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#content .corner-content, #content .corner-bottom {
	margin-top: -5px;
}
#content .corner-content {
	padding: 0 10px;
}

#content .corner-box {
	background: url(../images/corner-tl.png) no-repeat top left;
}
#content .corner-top {
	background: url(../images/corner-tr.png) no-repeat top right;
}
#content .corner-bottom {
	background: url(../images/corner-bl.png) no-repeat bottom left;
}
#content .corner-bottom div {
	background: url(../images/corner-br.png) no-repeat bottom right;
}
#content .corner-content {
	background: url(../images/corner-r.png) top right repeat-y;
}
#content .corner-top div, #content .corner-top, #content .corner-bottom div, #content .corner-bottom {
	width: 100%;
	height: 20px;
}