* { 
padding : 0;
margin : 0;
} 
body { 
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 13px;
background-image : url(images/bg.png);
background-repeat : repeat-x;
background-color : #e0e5ea;
} 
#wrapper { 
margin : 5px auto 5px auto;
width : 790px;
} 
img { 
padding : 2px;
border : 1px solid #;
} 
img.floatTL { 
float : left;
margin-right : 10px;
margin-bottom : 5px;
margin-top : 10px;
margin-left : 5px;
} 
img.floatTR { 
float : right;
margin-left : 7px;
margin-bottom : 0;
margin-top : -2px;
margin-right : 10px;
} 
.clear { 
clear : both;
} 
#header { 
color : #333;
width : 790px;
float : left;
padding : 0;
height : 100px;
background : url(images/header791.gif) no-repeat;
} 
.logo { 
margin-top : 4px;
margin-right : 5px;
margin-bottom: 4px;
float : right;
background-image : url(images/logo_bg.png);
background-repeat : no-repeat;
background-position : right 0%;
height:100px;
} 
.logo h1#lineone { 
font-size : 2.8em;
font-weight : lighter;
font-family : helvetica, arial, sans-serif;
padding-top : 10px;
padding-left : 5px;
color : #8ad0fc;
border : none;
top : 0;
left : 14px;
letter-spacing : 1px;
margin-right : 230px;
margin-top : 5px;
} 
.logo h1#lineone span { 
color : #006699;
} 
.logo h2#linetwo { 
padding-left : 5px;
font-size : 1.2em;
font-family : helvetica, arial, sans-serif;
text-transform : none;
padding-left : 45px;
color : #006699;
letter-spacing : 2px;
} 
#navigation { 
float : left;
width : 790px;
color : #333;
margin : 0 0 0 0;
background : #fff;
} 
.menu { 
margin-left : 4px;
background : #fff url(images/navbar.png) no-repeat;
width : 780px;
height : 40px;
} 
.menu ul { 
list-style : none;

margin : 0;
text-align : center;
padding: 12px 0em 10px 0em;
display: block;
float: center;
padding: 4px 8px;
}

.menu li { 
list-style : none;
color : #006699;
font-weight : bold;
text-decoration : none;
font-size : 1em;
display: block;
float: left;
padding: 5px 9px;
}  
.menu li a { 
list-style : none;
color : #006699;
font-weight : bold;
text-decoration : none;
font-size : 1em;
display: block;
float: left;
padding: 4px 8px;
} 
.menu li a:hover { 
list-style : none;
color : #ffffff;
text-decoration : none;
display: block;
float: left;
padding: 4px 8px;
} 
#leftcolumn { 
color : #333;
background : #fff;
margin : 0 0 0 0;
padding : 10px;
min-height : 525px;
width :770px;
float : left;
} 
#leftbox, #leftbox-2 { 
width : 770px;
min-height : 136px;
color : #ffffff;
padding : 0;
margin : 0;
float : left;
display : inline;
background-image : url(images/graybox-l.png);
background-repeat : no-repeat;
} 
#leftbox-2 { 
margin-top : 15px;
} 
#leftboxbottom, #leftboxbottom-2 { 
height : 15px;
width : 770px;
float : left;
display : inline;
background-image : url(images/graybox-s.png);
background-repeat : no-repeat;
} 
.col-l { 
width : 700px;
float : middle;
padding : 10px 0 8px 10px;
} 
.col-l p { 
margin : 11px 0 0 0;
padding : 0;
margin : 11px 0 0 10px;
color : #767676;
} 
.col-l a { 
color : #147ae2;
} 
.col-l ul { 
display : list-item;
list-style-type : none;
} 
.col-l li { 
padding-top : 5px;
padding-bottom : 3px;
border-bottom : 1px dotted #336699;
} 
.col-l li a { 
color : #336699;
text-decoration : none;
} 
.col-l li a:hover { 
color : #8eb88f;
} 
#rightcolumn { 
float : right;
color : #333;
background : #fff;
margin : 0 0 0 0;
padding : 0;
height : 545px;
width : 567px;
display : inline;
} 
blockquote { 
margin-top : 14px;
margin-left : 20px;
margin-right : 20px;
margin-bottom : 15px;
text-align : justify;
color : #5376a3;
} 
#doublebox { 
margin-top : 5px;
margin-bottom : 10px;
width : 565px;
} 
.content_right { 
display : inline;
float : right;
width : 200px;
text-align : justify;
margin-right : 5px;
margin-top : 0;
padding-right : 5px;
padding-top : 0;
line-height : 1.5em;
background : url(images/gradboxs.jpg) no-repeat;
} 
.content_rightbot { 
height : 11px;
width : 200px;
background : url(images/gradboxsbottom.jpg) no-repeat;
float : left;
display : inline;
} 
.content_left { 
margin : 0 auto;
display : inline;
float : left;
width : 350px;
text-align : justify;
line-height : 1.5em;
background : url(images/gradboxb.jpg) no-repeat;
} 
.content_leftbot { 
height : 11px;
width : 350px;
background : url(images/gradboxbbot.jpg) no-repeat;
float : left;
display : inline;
} 
.content_left p, .content_right p { 
padding : 5px;
} 
.content_left a { 
float : right;
padding-right : 5px;
color : #ec845b;
} 
.content_right a { 
float : right;
padding-right : 5px;
color : #ec845b;
} 
.content_left h3 { 
padding-left : 5px;
padding-top : 10px;
margin-bottom : 5px;
color : #ec845b;
font-size : 1.2em;
} 
.content_right h3 { 
padding-left : 5px;
padding-top : 10px;
margin-bottom : 5px;
color : #ec845b;
font-size : 1.2em;
} 
.clear { 
clear : both;
} 
h4 { 
color : #80a0ea;
} 
#triplebox { 
width : 560px;
min-height : 136px;
background : url(images/bluebox.jpg) no-repeat;
font-size : 0.75em;
color : #e1e1e1;
padding : 0;
float : left;
display : inline;
margin-top : 20px;
margin-left : 0;
color : #878787;
} 
.col { 
width : 160px;
float : left;
margin-left : 1em;
padding : 5px 0 8px 0;
margin-top : 1.2em;
text-align : justify;
background-repeat : repeat-x;
margin-left : 2em;
margin-top : 1.3em;
} 
.col p { 
margin : 11px 0 0 0;
padding : 5px;
} 
#tripleboxbottom { 
height : 11px;
width : 560px;
background-image : url(images/blueboxbottom.jpg);
margin-bottom : 5px;
} 
#footer { 
width : 770px;
clear : both;
height : 40px;
background : url(images/footer790.gi) no-repeat bottom;
background-color : #;
margin : 0 0 0 0;
padding-left : -45px;
padding-right : 70px;
} 
#footer p { 
margin : 0;
padding-top : 5px;
padding-bottom : -8px;
text-align : center;
line-height : normal;
font-size : xx-small;
} 
#footer a { 
text-decoration : underline;
color : #e78229;
} 
#footer a:hover { 
text-decoration : none;
}

.hover  { 
background : url(images/arrow-right.png) no-repeat;
} 



.container{
    width:750px;
    height:600px;
	padding:20px;
	border:0px solid gray;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	background: white;	
	text-align: center;
}
.slider_wrapper{
	overflow: hidden;
	position:relative;
	height:330px;
	top:auto;
}
#image_slider{

	position: relative;
    display: inline-block;
	list-style: none;
	overflow: hidden;
	float: left;
	/*Chrom default padding for ul is 40px */
	padding:0px;
	margin:0px;
}
#image_slider li{
	position: relative;
    display: inline-block;
	float: left;
}
.nvgt{
	position:absolute;
	top: 120px;
	height: 50px;
	width: 30px;
	opacity: 0.6;
}
.nvgt:hover{
	opacity: 0.9;
}
#prev{
	background: #000 url('http://www.jisgar.com/images/prev.png') no-repeat center;
	left: 0px;
}
#next{
	background: #000 url('http://www.jisgar.com/images/next.png') no-repeat center;
	right: 0px;
}
#pager{
	/* firefox has different center method. this doesn't work for fire fox */
	/* not in the center*/
	padding:0px;
	position:relative;
	height:50px;
	margin:auto;
	margin-top:10px;
}
#pager li{
	padding: 0px;
	margin:5px;
	width:20px;
	height:20px;
	border:1px solid white;
	color:black;
	list-style: none;
	opacity: 0.6;
	float:left;
	border-radius: 3px;
	cursor: pointer;
}
#pager li:hover{
	opacity:0.9;
}