/* Global resets
------------------------------------------------------------------*/
body,div,ul,li,h1,h2,h3,form,fieldset,input,textarea,p{
	margin:0;
	padding: 0;
	color: #000;
	
	
}
fieldset,img{border:0;}
ul {list-style:none;}
h1,h2,h3{font-size:100%;font-weight:normal;}

/*  Global classes
------------------------------------------------------------------*/
.clearing {
	clear: both;
	height: 0;
	line-height:0;
	font-size: 0;
}

.hidden { text-indent: -9999px; display: none; height: 0px; width: 0px; margin: 0; padding: 0 }

/* Main layout
------------------------------------------------------------------*/
body {
	background: #0d171a url("../images/body_bg.png") 0 0 repeat-x;
	overflow: scroll; 
}
#container {
	width: 900px;
	min-width: 600px;
	margin: 0 auto;
	position: relative;
}
h1 {
	font: normal 1.5em/1 "Century Gothic", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #D2D6D1;
}
h2 {
	font: normal 1.2em/1 "Century Gothic", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #D2D6D1;
}
h3 {
	font: normal 1em/1 "Century Gothic", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #D2D6D1;
}

h1.title {
	font: normal 1.5em/1 "Century Gothic", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #4690BB;
	margin: 35px 20px 0 20px;
	letter-spacing: -0.02em;
	background: transparent url("../images/icon_lotos_h1.png") 0 .2em no-repeat;
	padding: 0 0 0 35px;
	height: 2em;
}
h3.title {
	font: normal .7em/1 "Century Gothic", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #93988F;
	margin: -1.3em 20px 3em 20px;
	letter-spacing: -.02em;
	text-transform: uppercase;
	padding: 0 0 0 36px;
}

p {
	font: normal .84em/1.6 Tahoma, Arial, Verdana, Helvetica, sans-serif;
	color: #D2D6D1;
	padding: 0;
	margin: 0 0 1.3em 0;
	letter-spacing: .03em;
}
p a {
	color: #4690BB;
	/* border-bottom: 1px dotted #4690BB; */
	text-decoration: none;
	padding: 0;
	margin: 0;
}
p a:visited {
	color: #4690BB;
	/* border-bottom: 1px dotted #4690BB; */
	text-decoration: none;
	padding: 0;
	margin: 0;
}
p a:hover {
	color: #4690BB;
	background: none;
	border: none;
	text-decoration: none;
}
strong { font-weight: bold; }
hr { display: none }

/* Orderd and Unorderd list
------------------------------------------------------------------*/
#content ul {
	font: normal .84em/1.7 Tahoma, Arial, Verdana, Helvetica, sans-serif;
	color: #D2D6D1;
	padding: 0;
	margin: 0 0 1.2em 32px;
	position: relative;
	letter-spacing: .02em;
	display: block;
}
#content ul li a {
	border-bottom: 1px dotted #4690BB;
	color: #4690BB;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
#content ul li a:visited  {
	border-bottom: 1px dotted #4690BB;
	color: #4690BB;
	text-decoration: none;
	margin: 0;
	padding: 0;
}
#content ul li a:hover {
	color: #4690BB;
	background: none;
	border: none;
	text-decoration: none;
	margin: 0;
}
#content ul li {
	background: transparent url("../images/li_general.gif") 0 .8em no-repeat;
	color: #D2D6D1;
	padding: 0 0 0 1em;
	margin: 0;
}


/*  Customize Toolbar
------------------------------------------------------------------*/
/* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
#toolbar { position: absolute; }
body > #toolbar {
	/* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  position: fixed;
}
#toolbar {
	background: transparent url("../images/toolbar32_bg.png") left top no-repeat;
	width: 200px;
	height: 150px;
	top: 30px;
	z-index: 9999;
	/*text-indent: -9999px;*/
	display: none; /* Hide toolbar if there is no javascript support */
}


/*  Slider
------------------------------------------------------------------*/
#toolbar #layout_slider_container {
	background: transparent url("../images/layout_slider_bg.gif") left top no-repeat;
	position: absolute;
	left: 9px;	top: 10px;
	height: 47px; 
	width: 162px;
}
#toolbar #text_slider_container {
	background: transparent url("../images/text_slider_bg.gif") left top no-repeat;
	position: absolute;
	left: 9px;	top: 70px;
	height: 47px; 
	width: 162px;
}
#toolbar #slider_bar, #toolbar #text_slider_bar {
	background: transparent url("../images/slider_bar.png") left bottom no-repeat;
	cursor: pointer;
	position: absolute;
	height: 17px;
	left: 1px; top: 19px;
	width: 160px;
}
#toolbar #slider_gone_bar, #toolbar #text_slider_gone_bar {
	background: transparent url("../images/slider_gone.png") left bottom no-repeat;
	position: absolute;
	height: 17px; 
	width: 0px;
	left: 0px;
}
#toolbar #slider_button, #toolbar #text_slider_button {
	background: transparent url("../images/slider_button.png") 0 0 no-repeat;
	position: absolute;
	height: 13px; 
	width: 13px;
	top: 10px;
}
#toolbar #slider_empty_bar, #toolbar #text_slider_empty_bar {
	background: transparent url("../images/slider_bar.png") right bottom no-repeat;
    position: absolute;
	height: 17px; 
	width: 147px;
	left: 13px;
}

/*  Toolbar reset 
------------------------------------------------------------------*/
#toolbar #reset {
	background: transparent url("../images/toolbar_reset.gif") left top no-repeat;
	cursor: pointer;
	position: absolute;
	left: 36px;	top: 126px;
	width: 93px; 
	height: 20px;
}
#toolbar #reset:hover {
	background: transparent url("../images/toolbar_reset.gif") right top no-repeat;
}

/* Header
------------------------------------------------------------------*/
#headerWrapper {
	margin: 0 auto;	
}
#header {
	margin: 0 20px;
}

/* Top Padding
------------------------------------------------------------------*/
#paddingtop {
	background-color: #fff;
	height: 30px;
	margin: 0 auto;
	padding: 0;
}


/* Header image
------------------------------------------------------------------*/
#headerImgWrapper {	background: #0D0F07 url("../images/header01_wrap_bg.png") left top repeat-x ;}

#headerImg {
	background: transparent url("../images/header01_img.png") left top no-repeat;
	height: 200px;
	text-indent: -9999px;
	overflow: hidden;
}
#headerImg #logo {
	background: transparent url("../images/ryanlogo.png") 0 0 no-repeat;
	margin: 0;
	padding: 0;
	width: 120px;
	height: 91px;
	position: absolute;
	top: 140px;
	right: 30px;
	outline: none;
}
#headerImg #cornersRight {
	background: transparent url("../images/header01_corners_right.png") 0 0 no-repeat ;
	margin: 0;
	padding: 0;
	width: 9px;
	height: 200px;
	position: absolute;
	top: 30px;
	right: 20px;
	outline: none;
}


/* Main navigation
------------------------------------------------------------------*/
#mainNavContainer {
	background: transparent url("../images/header_img.png") left bottom no-repeat;
	height: 50px;
	width: 100%;
	margin: 0px;
	padding: 0;
}
#mainNavContainer #mainNav {
	background: transparent url("../images/buttons.gif") right top no-repeat;
	width: 230px; 
	height: 50px;
	position: relative;
	display: block;
	text-indent: -9999px;
	float: right;
	z-index: 9990;
	margin: 0;
	padding: 0;
}
#mainNavContainer #mainNav li a { text-indent: -9999px; text-decoration: none; }
#mainNavContainer #mainNav li {
	list-style: none;
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
}
#mainNav li, #mainNav a { height: 50px; display: block; outline: none; }

/* Navigation links slices */
#navHome	{ left: 0px; width: 100px; }
#navWork	{ left: 100px; width: 108px; }
#navContact	{ left: 208px; width: 122px; }

/* Navigation hover slices */
#navHome a:hover, #navHome a:focus { background: transparent url("../images/buttons.gif") -0px -50px no-repeat; }
#navWork a:hover, #navWork a:focus { background: transparent url("../images/buttons.gif") -100px -50px no-repeat; }
#navContact a:hover, #navContact a:focus { background: transparent url("../images/buttons.gif") -200px -50px no-repeat; }

/* Toggle active links */
#pageHome #navHome a { background: transparent url("../images/buttons.gif") -0px -100px no-repeat; }
#pageWork #navWork a { background: transparent url("../images/buttons.gif") -100px -100px no-repeat; }
#pageContact #navContact a { background: transparent url("../images/buttons.gif") -200px -100px no-repeat; }
/* Header end ----------------------------------------------------*/


/* Content
------------------------------------------------------------------*/
#content {
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0 0 2em 0;
	position: relative;
	font-size: 100%;
	
}

/* Extras
------------------------------------------------------------------*/
#contactcontainer{
	position:absolute;
position:fixed;
bottom:0px;
bottom:expression(window.scrollBottom + "px"); 
width: 100%; min-width: 600px; margin: 0 auto; padding: 0;

}

#toggleContainer {
	background: transparent url("../images/pixel_glow.png") left bottom repeat-x;
	width: auto; 
	margin: 0;
	padding: 0;
	height: 21px;
	clear: both;
}
#toggleContent { width: 790px; height: 20px; min-width: 600px; margin: 0 auto; padding: 0; }
#toggleContent a#toggleExtras {
	background: transparent url("../images/tab_toggler.png") left bottom no-repeat;
	position: relative;
	width: 70px; height: 20px;
	display: block;
/*	clear: left; */
	text-indent: -9999px;
	outline: none;
	cursor: pointer;
	margin: 0 0 1px 20px;
	padding: 0;
}
#toggleContent a#toggleExtras:hover { background-position: right bottom; }
#extrasContainerTop { margin: 0; background: transparent url("../images/extras_top_bg.png") left top repeat-x; background-color:#3c7fa6}
#extrasContainerBottom { margin: 0;	background: transparent url("../images/extras_bottom_bg.png") left bottom repeat-x; }
#extrasContent { width: 790px; min-width: 600px; margin: 0 auto; padding: 25px 0; }