﻿body 
{
	height:100%;
	width:100%;
	background-color:#108cad;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	vertical-align:top;
}

h1 
{
	font-family: 'Federo', cursive;
	color:#087f95;
	font-weight:bold;
	font-size:15px;
	text-align:left;
}

.Hometext
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	vertical-align:top;
	text-align:justify;
	color:#000000;
	padding-left:1px;
}
.GridTital
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	vertical-align:top;
	font-weight:bold;
	color:#FFFFFF;
}
.GridText
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	vertical-align:top;
	text-align:justify;
	color:#000000;
	
}
.Hometitle
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	vertical-align:top;
	font-weight:bold;
	color:#087F95;
}
.header{height:50px;padding:3px;font-weight:bold;font-size:12px;margin-bottom:10px;font-family:Georgia, "Times New Roman", Times, serif;color:#087F95;}
.header div{cursor:move;font-size:12px;font-family:Georgia, "Times New Roman", Times, serif;}
.draggable{cursor:move;z-index:1000000000;}
.logoImg
{
	
	vertical-align:bottom;
}

.prdSearch
{
	background-image:url(Images/search_box.png);
	background-repeat:no-repeat;
	background-position:right;
	width: 239px;
	height:24px;
	
}

.txtPrdSearch
{
	background-color:#108CAD;
	border-style:none;
	width:190px;
	height:15px;
	margin-left:15px;
	vertical-align:middle;
	color:White;
	font-size:12px;
	font-weight:bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	
}
.searchBg
{
	height:39px;
	background-image:url(Images/Search_BG.png);
}

.BottomLink
{
	height:28px;
	text-align:center;
	background-color:#ffffff;
	color:#797979;
}


.BottomLabel
{
	height:36px;
}

.LeftPanel
{
	width:229px;
	vertical-align:top;
}

.MiddlePanel
{
	widows:559px;
	vertical-align:top;
}

.RightPanel
{
	width:229px;
	vertical-align:top;
}

.BlueHeaderFont
{
	font-family: amertype md bt;
	color:#087f95;
	font-weight:bold;
	font-size:15px;
	text-align:left;
	vertical-align:middle;
	padding-left:10px;
	
}


.GrayHeaderFont
{
	font-family: amertype md bt;
	color:#8e8e8e;
	font-weight:bold;
	font-size:15px;
	text-align:left;
	vertical-align:middle;
	padding-left:10px;
}

.HomeWelcome
{
	font-family: amertype md bt;
	color:#087f95;
	font-weight:bold;
	font-size:18px;
	text-align:left;
	vertical-align:middle;
	padding-left:10px;
}
.LeftCornerTitle
{	
	height:42px;
	background-image:url(Images/GradientBG.jpg);
	background-repeat:repeat-x;
	
}


.LeftCornerPiece
{
	width:35px;
	height:42px;
	background-image:url(Images/Menu_Right_Corner.jpg);
	background-position:top;
	background-repeat:no-repeat;
	vertical-align:top;
}

.RightCornerTitle
{
	height:41px;
	background-image:url(Images/GradientBG2.jpg);
	background-repeat:repeat-x;
	position:relative;
}
.RightCornerPiece
{
	width:35px;
	height:41px;
	background-image:url(Images/Menu_Left_Corner.jpg);
	background-position:right;
	background-repeat:no-repeat;
	vertical-align:top;
}

.MiddleTable
{
	width:100%;
	margin-left:4px;
	margin-right:3px; 
}

.MiddleLeftCorner
{
	height:41px;
	width:25px;
	background-image:url(Images/MidMenu_Left_Corne.jpg);
	background-repeat:no-repeat;
	background-position:right; 
}
.MiddlePart
{
	width:89%;
	background-image:url(Images/GradientBG3.jpg);
	background-repeat:repeat-x;
	height:41px;
}
.MiddleRightCorner
{
	height:41px;
	width:25px;
	background-image:url(Images/MidMenu_right_Corne.jpg);
	background-repeat:no-repeat;
	
}

.Content
{
	background-color:#ffffff;
	padding-left:10px;
	padding-right:10px;
	padding-top:0.3px;
	padding-bottom:2px;
}

.BottomLeftCorner
{
	height:16px;
	float:left;
}

.BottomRightCorner
{
	height:16px;
	float:right;
}
.news
{
	padding-top: 1em;
	text-align:left;
	padding-left : 0.8em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	position:relative;
	z-index:0;
}
.bottom_text {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
}
.bottom_link {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
}
.bottom_link:link {
	text-decoration: none;
}
.bottom_link:hover {
	color:#FFA800;
	text-decoration: underline;
}
/*.TextBox
{

-webkit-appearance:button;
padding:0 8px;
-webkit-border-radius:2px;
margin:.2em;

	-webkit-background-clip: border-box;
	-webkit-background-origin: padding-box;
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color: #000000;
	text-decoration: none;
	border: thin solid #999;
	background-attachment: scroll;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #C59E54;
	border-right-color: #C59E54;
	border-bottom-color: #C59E54;
	border-left-color: #C59E54;
	text-align: left;
	outline-color:#F1CA7F;
	outline-width:1px;
	outline-style: solid;
	background-color: transparent;
 }*/

.TextBox
{


	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color: #000000;
	text-decoration: none;
	text-align: left;
	-webkit-appearance:button;
	padding:0 0px;
	-webkit-border-radius:2px;
	-webkit-background-clip: border-box;
	-webkit-background-origin: padding-box;
	display: block;
	border: 1px solid #999;
	background-attachment: scroll;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style:inset;
	border-right-style: inset;
	border-bottom-style: inset;
	border-left-style: inset;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
	
	 width:180px;
 }
 
.TextBox:hover
{	
	-webkit-appearance:button;
	padding:0 0px;
	-webkit-border-radius:2px;
	-webkit-background-clip: border-box;
	-webkit-background-origin: padding-box;
	display: block;
	border: thin solid #999;
	background-attachment: scroll;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #C59E54;
	border-right-color: #C59E54;
	border-bottom-color: #C59E54;
	border-left-color: #C59E54;
	background-color: #DFDFDF;

}
.white_text {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: normal;
	line-height: 20px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color:#FFFFFF;
	text-decoration: none;
	text-align: justify;
}
.nwlink{font-family:Georgia, "Times New Roman", Times, serif;font-size:13px;
        font-style:normal;line-height:normal;font-weight:normal;
        font-variant:normal;text-transform:none;color:#1c5679;text-decoration:none;}
.nwlink:visited{text-decoration:none;}
.nwlink:active{text-decoration:none;}
.nwlink:hover{text-decoration:underline;color:#FF7113;}
.BlueHeaderFontConatctUs
{
	font-family: amertype md bt;
	color:#087f95;
	font-weight:bold;
	font-size:12px;
	text-align:center;
	vertical-align:Top;
	padding-left:3px;
}
.GrayHeaderFontForConatctUs
{
	font-family: amertype md bt;
	color:#8e8e8e;
	font-weight:bold;
	font-size:10px;
	text-align:left;
	vertical-align:middle;
	padding-left:10px;
}
.ContactLeftCornerTitle
{	
	height:25px;
	background-image:url(Images/GradientBG.jpg);
	background-repeat:repeat-x;
	
}
.Contact_title {
	font-family: amertype md bt;
	font-weight:bold;
	font-size:14px;
	color: #0033CC;
	
	
}
.ContactRightCornerTitle
{
	
	background-image:url(Images/box_top_left.jpg);
	background-repeat:no-repeat;
	width: 136px ;
    height: 109px;
    
}
.AboutUsContaintTitle
{
	width:89%;
	background-image:url(Images/GradientBG3.jpg);
	background-repeat:repeat-x;
	height:35px;
	
}
.textContact
{
font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color:#FFFFFF;
	text-decoration: none;
	
}

.Contacuslink{font-family:Georgia, "Times New Roman", Times, serif;font-size:13px;
        font-style:normal;line-height:normal;font-weight:normal;
        font-variant:normal;text-transform:none;color:#FFFFFF;text-decoration:none;}
.Contacuslink:visited{text-decoration:none;}
.Contacuslink:active{text-decoration:none;}
.Contacuslink:hover{text-decoration:underline;color:#FF7113;}

.Contacuslink1{font-family:Verdana;font-size:11px;
        font-style:normal;line-height:normal;font-weight:normal;
        font-variant:normal;text-transform:none;color:#1c5679;text-decoration:none;}
.Contacuslink1:visited{text-decoration:none;}
.Contacuslink1:active{text-decoration:none;}
.Contacuslink1:hover{text-decoration:underline;color:#FF7113;}

.EventHeaderFont
{
	color:#087f95;
	font-weight:bold;
	font-size:15px;
	text-align:left;
	vertical-align:middle;
	
}



.heading-product{font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; color:#626262; font-weight:bold; text-decoration:none;}
.heading-product1{font-size:10px; font-family:Georgia, "Times New Roman", Times, serif; color:#666666; font-weight:bold; text-decoration:none;}
.heading-product1:linked{ font-size:10px; font-family:Georgia, "Times New Roman", Times, serif; color:#666666; font-weight:bold;}
.heading-product1:hover{ color:#666666; text-decoration:underline;}
.heading-cellpading{font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; color:#626262; font-weight:bold; padding-top:10px; padding-bottom:10px;}

A.more{	font-family: Georgia, "Times New Roman", Times, serif; font-size: 10px; font-weight: bold; color: #FF6600; text-decoration:none; padding-right:10px; }
A.more:linked {	font-family: Georgia, "Times New Roman", Times, serif; font-size: 10px; font-weight: bold; color: #FF6600; text-decoration:none; padding-right:10px;}
A.more:hover {	color: #FF6600; text-decoration: underline;}

.AbouUsTitle
{
color:#087f95; 
vertical-align:middle; 
font-family:Georgia, "Times New Roman", Times, serif; 
font-size:14px;
}





/*menu style */


#navigation-block {
	position:relative;
	top:250px;
	left:200px;
}

#hide {
	position:absolute;
	top:30px;
	left:-190px;
}

ul#sliding-navigation
{
	list-style: none;
	font-size: 12px;
	font-weight:bold;
	color:#000000;
	margin: 10px 0;
	padding: 0;
}

ul#sliding-navigation li.sliding-element h3,
ul#sliding-navigation li.sliding-element a
{
	display: block;
	width: 150px;
	padding: 5px 18px;
	margin: 0;
	margin-bottom: 5px;
}

ul#sliding-navigation li.sliding-element h3
{
	color: #fff;
	background:#333 url(heading_bg.jpg) repeat-y;
	font-weight: normal;
}

ul#sliding-navigation li.sliding-element a
{
	color: #000;
	background:#E8E8E8 url(tab_bg.jpg) repeat-y;
	border: 1px solid #1a1a1a;
	text-decoration: none;
	
}

ul#sliding-navigation li.sliding-element a:hover { color: #108CAD; }

/* end Menu style */

.nwslink2:visited{text-decoration:none;}
.nwslink2:active{text-decoration:none;}
.nwslink2:hover{font-weight:bold;text-decoration:none;}
.nwslink2
{
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:13px;
    font-style:normal;
    line-height:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    color:#1c5679;
    text-decoration:none;
}
.nwslinkUL
{
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:13px;
    font-style:normal;
    line-height:normal;
    font-weight:bold;
    font-variant:normal;
    text-transform:none;
    color:#1c5679;
    text-decoration:underline;
}
.nwslinkUL:visited{font-family:Georgia, "Times New Roman", Times, serif;
    font-size:13px;
    font-style:normal;
    line-height:normal;
    font-weight:bold;
    font-variant:normal;
    text-transform:none;
    color:#1c5679;
    text-decoration:underline;}
.nwslinkUL:active{font-family:Georgia, "Times New Roman", Times, serif;
    font-size:13px;
    font-style:normal;
    line-height:normal;
    font-weight:bold;
    font-variant:normal;
    text-transform:none;
    color:#1c5679;
    text-decoration:underline;}
.nwslinkUL:hover{font-family:Georgia, "Times New Roman", Times, serif;
    font-size:13px;
    font-style:normal;
    line-height:normal;
    font-weight:bold;
    font-variant:normal;
    text-transform:none;
    color:#1c5679;
    text-decoration:underline;
    
   }
   
    /* event */
    

 
#slider{
 
	/* You MUST specify the width and height */
	width:300px;
	height:186px;
	position:relative;	
	overflow:hidden;
}
 
#mask-gallery {
	
	overflow:hidden;	
}
 
#gallery {
	
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	
	z-index:0;
	
	/* width = total items multiply with #mask gallery width */
	width:900px;
	overflow:hidden;
}
 
	#gallery li {
 
		
		/* float left, so that the items are arrangged horizontally */
		float:left;
	}
 
 
#mask-excerpt {
	
	/* Set the position */
	position:absolute;	
	top:0;
	left:0;
	z-index:500px;
	
	/* width should be lesser than #slider width */
	width:100px;
	overflow:hidden;	
	
 
}
	
#excerpt {
	/* Opacity setting for different browsers */
	filter:alpha(opacity=60);
	-moz-opacity:0.6;  
	-khtml-opacity: 0.6;
	opacity: 0.6;  
	
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	
	/* Set the position */
	z-index:10;
	position:absolute;
	top:0;
	left:0;
	
	/* Set the style */
	width:100px;
	background-color:#000;
	overflow:hidden;
	font-family:arial;
	font-size:10px;
	color:#fff;	
}
 
	#excerpt li {
		padding:5px;
	}
	
 
 
.clear {
	clear:both;	
}
 
 

/* new arrival */


.js-disabled img { width:100px;  display:block; float:left; margin:30px 0 0; }

#outerContainer { width:455px;  margin:auto; position:relative; vertical-align:middle; padding-top:10px; padding-bottom:2px;  }
#imageScroller { width:455px; height:123px; position:relative; background:#FFFFFF url(images/imageScrollerBG.png) no-repeat; }
#viewer { width:443px; height:150px; overflow:hidden; margin:auto; position:relative; top:10px; }
#imageScroller a:active, #imageScroller a:visited { color:#000000; }
#imageScroller a img { border:0; }
#controls { width:455px; height:47px; background:url('images/controlsBG.png') no-repeat; 
position:absolute; top:-0.6px; left:0px; z-index:10;
}
#controls a { width:37px; height:35px; position:absolute; top:3px; }
#controls a:active, #controls a:visited { color:#0d0d0d; }
#title { color:#FFFFFF; font-family:Georgia, "Times New Roman", Times, serif; font-size:100%; font-weight:bold; width:100%; text-align:center; margin-top:10px; }
#rtl { background:url(images/rtl.png) no-repeat; left:70px; }
#rtl:hover { background:url(images/rtl_over.png) no-repeat;  }
#ltr { background:url(images/ltr.png) no-repeat; right:50px; }
#ltr:hover { background:url(images/ltr_over.png) no-repeat;  }


/* Cube image */

#basicCube { width: 150px; height: 100px; }


/* End Cube image */

/* Top Menu style */

#hc1 li{
margin:0 0 0 0; /*Spacing between each LI container*/
}

#hc1 li .hpanel{
padding: 0px; /*Padding inside each content*/
background:  #108dad;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}

/*Overall CSS for each Horizontal Accordion.
	Most settings should be kept as it.
	Customize each Accordion by styling each Accordion's ID attribute instead.
*/

.haccordion{
padding: 0;
width:494px;
}

.haccordion ul{
margin: 0;
padding: 0;
list-style: none;
overflow: hidden; /*leave as is*/

}


.haccordion li{
margin: 0;
padding: 0;
display: block; /*leave as is*/
width: 100%; /*For users with JS disabled: Width of each content*/
height: 200px; /*For users with JS disabled: Height of each content*/
overflow: hidden; /*leave as is*/
float: right; /*leave as is*/

}

.haccordion li .hpanel{
width: 150px; /*For users with JS disabled: Width of each content*/
height: 200px;  /*For users with JS disabled: Height of each content*/
}

/* End Top Menu Style */

/* Image Gallery */

.boxgrid{ 
	width: 151px; 
	height: 40px; 
	float:left; 
	background:#161613; 
	border: solid 2px #8399AF; 
	overflow: hidden; 
	position: relative; 
}
.boxgrid img{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
}
.boxgrid p{ 
	padding: 0 10px; 
	color:#afafaf; 
	font-weight:bold; 
	font:10pt "Lucida Grande", Arial, sans-serif; 
}	
.captionfull .boxcaption {
		top: 50;
		left: 0;
	}	
.boxcaption{ 
		float: left; 
		position: absolute; 
		background: #000; 
		height: 30px; 
		width: 100%; 
		opacity: .8; 
		/* For IE 5-7 */
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
		/* For IE 8 */
		-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	}

.caption .boxcaption {
	top: 50;
	left: 0;
}

.boxcaption h3{ text-align:left; margin: 1px 5px 0 5px; color:#FFF; font:12px Arial, sans-serif; letter-spacing:-1px; font-weight: bold;  }


.boxgrid1{ 
	width: 151px; 
	height: 100px; 
	float:left; 
	background:#161613; 
	border: solid 2px #000000; 
	overflow: hidden; 
	position: relative; 
}
.boxgrid1 img{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
}
.boxgrid1 p{ 
	padding: 0 10px; 
	color:#afafaf; 
	font-weight:bold; 
	font:10pt "Lucida Grande", Arial, sans-serif; 
}	
.captionfull1 .boxcaption1 {
		top: 50;
		left: 0;
	}	
.boxcaption1{ 
		float: left; 
		position: absolute; 
		background: #000; 
		height: 100px; 
		width: 100%; 
		opacity: .8; 
		/* For IE 5-7 */
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
		/* For IE 8 */
		-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	}

.caption1 .boxcaption1 {
	top: 50;
	left: 0;
}

.boxcaption1 h3{ text-align:left; margin: 5px 5px 0 5px; color:#FFF; font:12px Arial, sans-serif; letter-spacing:-1px; font-weight: bold;  }


.PrdLink{font-family:Georgia, "Times New Roman", Times, serif;font-size:11px;
        font-style:normal;line-height:normal;font-weight:bold;
        font-variant:normal;text-transform:none;color:#ffffff;text-decoration:none; text-align:left;}
.PrdLink:visited{text-decoration:none;}
.PrdLink:active{text-decoration:none;}
.PrdLink:hover{text-decoration:underline;color:#FF7113;}

/* End Image Gallery */

/*
FILENAME: buttons.css
DESCRIPTION: This stylesheet serves unique declarations for Onehub buttons
*/

.buttons {
	font-size: 5px;
	overflow: hidden;
}

.buttons button, .buttons .button {
  background: #fff url("images/bg_button.png") bottom repeat-x;
  border: 1px solid #b4b4b4;
  border-top: 1px solid #d4d4d4;
  border-left: 1px solid #d4d4d4;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  color: #828282;
  cursor: pointer;
  display: block;
  float: left;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
/*  font-size: inherit;*/
  font-weight: bold;
  margin: 0 5px 0 0;
  text-decoration: none;
  text-shadow: 0 1px rgba(255, 255, 255, .75);
  text-transform: uppercase;
}

.buttons button { padding: 6px 0px; }
.buttons .button { padding: 4px 0px; }
.buttons button[type] { line-height: 16px; } /* Safari */

.buttons button:hover, .buttons .button:hover {
  background-color: #f2f2f2;
  border-color: #b4b4b4;
}

.buttons button:active, .buttons .button:active {
  background-color: #6299c5;
  border-color: #5382a8;
  color: #fff;
  text-shadow: 0 -1px rgba(0, 0, 0, .4);
}

button::-moz-focus-inner { border-color: transparent; } /* Removes dotted border line in Firefox */

.buttons img {
  margin: -3px 0 0 3px;
  vertical-align: middle;
  width: 16px;
  height: 12px;
}

/* =INSET */

.buttons .inset { border-color: #999; }
.buttons .inset:hover { border-color: #828282; }

/* =POSITIVE */

.buttons .positive { color: #529214; }

.buttons .positive:active {
  background-color: #529214;
  border-color: #467c11;
}

/* =NEGATIVE */

.buttons .negative { color: #d12f19; }

.buttons .negative:active {
  background-color: #d12f19;
  border-color: #b22815;
}

/* =PASSIVE */

.buttons .passive {
  background: none;
  border-color: transparent;
  color: #b4b4b4;
  text-transform: none;
}

.buttons .passive:hover {
  background: none;
  border-color: #d4d4d4;
  color: #828282;
}

.buttons .passive:active {
  background: #b4b4b4;
  border-color: #b4b4b4;
  color: #fff;
}

/* =DISABLED */

.buttons button[disabled] {
  background: #d4d4d4;
}












#nav{ list-style: none; margin: 1.5em 0 1em 0;}
#nav li{ padding: 0; margin: 0; }
#nav a{
	display: block;
	height: 1.5em;
	padding: 0.3em 0.2em 0 0.8em;
	margin-bottom: 1px;
	color: #4A67AE;
	background-color: #E6EFF4;
	}

#nav a:hover{
	color: #1a1a1a;
	background-color: #C7D8E2;
	}	


#sidebar .callout{ xbackground-color: #333;
	border: 1px solid #222; 
	padding: 0.25em .5em;   }
#sidebar .callout a{ color: #8ad459;}
#sidebar .callout ul{ margin-top: -.45em; margin-left: 1em; margin-bottom: .4em; }

.project_screens{
 float: left;
 margin-top: 37px;
 }
 
 .border
 {
 	border-style:solid;
 	border-color:White;
 	border-width:2px;
 }
 
.gallery {
	float:right;
	width:150px;
	height:100px;
	margin:0 25px 0 0;
}
#slider {
	margin:0;
	padding:0;
	list-style:none;
}
#slider ul, #slider li {
	margin:0;
	padding:0;
	height:100px;
	list-style:none;
}

#slider li {
	width:150px;
	height:100px;
	overflow:hidden;
}
p#controls1 {
	margin:0;
	position:relative;
}
