/* YUI CSS reset
----------------------------------------------------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin : 0;
padding : 0;
}
table {
border-collapse : collapse;
border-spacing : 0;
background-color : #fff;
color : #333;
border : thin none #000;
}
fieldset, img {
border : 0;
}
address, caption, cite, code, dfn, em, th, var {
font-style : normal;
font-weight : normal;
}
ul, ol {
	list-style-type : disc;
	color: #666;
}
caption, th {
text-align : left;
}
h1, h2, h3, h4, h5, h6 {
font-size : 50%;
font-weight : normal;
}
q:before, q:after {
content : '';
}
abbr, acronym {
border : 0;
}
body {
z-index : -100;
font : 12px Arial, Helvetica, sans-serif;
background : #405460 url(images/body-bg.jpg) repeat-x top;
}
#header {
z-index : 2;
height : 78px;
background-image : url(images/Newport-Wedding-Photography-header.jpg);
background-repeat : no-repeat;
background-position : right top;
color : #ccc;
}
#header img {
float : left;
}
#content {
clear : both;
padding-top : 10px;
padding-bottom : 5px;
font : 12px/18px Arial, Helvetica, sans-serif;
background-color : #fff;
background-image : url(images/page-fill.jpg);
background-repeat : repeat-y;
background-position : center;
padding-left : 10px;
width : 960px;
padding-right : 10px;
}
#content-top {
clear : both;
height : 18px;
margin-top : 8px;
background : url(images/page-top.gif) no-repeat center;
}
#footer {
height : 15px;
color : #d0d6dd;
width : 970px;
padding-top : 35px;
padding-bottom : 0;
margin-bottom : 15px;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
background-image : url(images/page-bottom.jpg);
background-repeat : no-repeat;
background-position : center top;
padding-left : 10px;
}
a {
color : #666;
}
#footer a {
color : #d6d7de;
}
.container_12 {
margin-left : auto;
margin-right : auto;
width : 980px;
}
.container_wide {
text-align : center;
width : 100%;
background : #000;
margin-top : 8px;
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
display : inline;
float : left;
position : relative;
margin-left : 15px;
margin-right : 15px;
}
.alpha {
margin-left : 0;
}
.omega {
margin-right : 0;
}
.container_12 .grid_1 {
width : 50px;
}
.container_12 .grid_2 {
width : 130px;
}
.container_12 .grid_3 {
width : 210px;
}
.container_12 .grid_4 {
width : 290px;
}
.container_12 .grid_5 {
width : 370px;
}
.container_12 .grid_6 {
width : 450px;
}
.container_12 .grid_7 {
width : 530px;
}
.container_12 .grid_8 {
width : 610px;
}
.container_12 .grid_9 {
	width : 690px;
	color: #666;
}
.container_12 .grid_10 {
width : 770px;
}
.container_12 .grid_11 {
width : 850px;
}
.container_12 .grid_12 {
width : 930px;
}
.container_12 .prefix_1 {
padding-left : 80px;
}
.container_12 .prefix_2 {
padding-left : 160px;
}
.container_12 .prefix_3 {
padding-left : 240px;
}
.container_12 .prefix_4 {
padding-left : 320px;
}
.container_12 .prefix_5 {
padding-left : 400px;
}
.container_12 .prefix_6 {
padding-left : 480px;
}
.container_12 .prefix_7 {
padding-left : 560px;
}
.container_12 .prefix_8 {
padding-left : 640px;
}
.container_12 .prefix_9 {
padding-left : 720px;
}
.container_12 .prefix_10 {
padding-left : 800px;
}
.container_12 .prefix_11 {
padding-left : 880px;
}
.container_12 .suffix_1 {
padding-right : 80px;
}
.container_12 .suffix_2 {
padding-right : 160px;
}
.container_12 .suffix_3 {
padding-right : 240px;
}
.container_12 .suffix_4 {
padding-right : 320px;
}
.container_12 .suffix_5 {
padding-right : 400px;
}
.container_12 .suffix_6 {
padding-right : 480px;
}
.container_12 .suffix_7 {
padding-right : 560px;
}
.container_12 .suffix_8 {
padding-right : 640px;
}
.container_12 .suffix_9 {
padding-right : 720px;
}
.container_12 .suffix_10 {
padding-right : 800px;
}
.container_12 .suffix_11 {
padding-right : 880px;
}
.container_12 .push_1 {
left : 80px;
}
.container_12 .push_2 {
left : 160px;
}
.container_12 .push_3 {
left : 0;
}
.container_12 .push_4 {
left : 320px;
}
.container_12 .push_5 {
left : 400px;
}
.container_12 .push_6 {
left : 480px;
}
.container_12 .push_7 {
left : 560px;
}
.container_12 .push_8 {
left : 640px;
}
.container_12 .push_9 {
left : 720px;
}
.container_12 .push_10 {
left : 800px;
}
.container_12 .push_11 {
left : 880px;
}
.container_12 .pull_1 {
right : 80px;
}
.container_12 .pull_2 {
right : 160px;
}
.container_12 .pull_3 {
right : 240px;
}
.container_12 .pull_4 {
right : 320px;
}
.container_12 .pull_5 {
right : 400px;
}
.container_12 .pull_6 {
right : 480px;
}
.container_12 .pull_7 {
right : 560px;
}
.container_12 .pull_8 {
right : 640px;
}
.container_12 .pull_9 {
right : 720px;
}
.container_12 .pull_10 {
right : 800px;
}
.container_12 .pull_11 {
right : 880px;
}
.clear {
clear : both;
display : block;
overflow : hidden;
visibility : hidden;
width : 0;
height : 0;
}
.clearfix:after {
clear : both;
content : ' ';
display : block;
font-size : 0;
line-height : 0;
visibility : hidden;
width : 0;
height : 0;
}
.clearfix {
display : inline-block;
}
* html .clearfix {
height : 1%;
}
.clearfix {
display : block;
}
.sf-menu, .sf-menu * {
margin : 0;
padding : 0;
list-style : none;
}
.sf-menu {
line-height : 1.0;
}
.sf-menu ul {
position : absolute;
top : -999em;
width : 12em;
}
.sf-menu ul li {
width : 100%;
}
.sf-menu li:hover {
visibility : inherit;
}
.sf-menu li {
float : left;
position : relative;
}
.sf-menu a {
display : block;
position : relative;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
left : 0;
top : 37px;
z-index : 99;
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
top : -999em;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul, ul.sf-menu li:hover li li:hover ul, ul.sf-menu li.sfHover li li.sfHover ul {
left : 12em;
top : -1px;
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
top : -999em;
}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
left : 12em;
top : 0;
}
.sf-menu {
float : left;
margin-bottom : 0;
width : 950px;
padding-left : 10px;
}
.sf-menu a {
padding : 12px 10px;
text-decoration : none;
}
.sf-menu li li a {
border-bottom : 1px solid #000;
border-left : 1px solid #000;
border-right : 1px solid #000;
padding : 10px 12px;
}
.sf-menu li li:first-child {
border-top : 1px solid #000;
}
.sf-menu a, .sf-menu a:visited {
color : #fff;
}
.sf-menu li li a, .sf-menu li li a:visited {
color : #fff;
}
.sf-menu li li a:hover {
color : #42b6e7;
}
.sf-menu li li, .sf-menu li li li {
background-color : #20282f;
}
.sf-menu li:hover, .sf-menu li.sfHover {
background-image : url(images/nav-bg-hov.jpg);
background-position : top;
}
.sf-menu li li:hover, .sf-menu li li.sfHover {
background-color : #000;
}
.sf-menu li li, .sf-menu li li li {
background-image : none;
}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
outline : 0;
}
.sf-menu li li:hover, .sf-menu li li.sfHover, .sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
background-image : none;
outline : 0;
}
.sf-menu a.sf-with-ul {
padding-right : 2.25em;
min-width : 1px;
}
.sf-sub-indicator {
position : absolute;
display : block;
right : 10px;
top : 17px;
width : 10px;
height : 10px;
text-indent : -999em;
overflow : hidden;
background : url('images/arrows-ffffff.png') no-repeat -10px -100px;
}
li li .sf-sub-indicator {
top : 13px;
}
a > .sf-sub-indicator {
top : 14px;
background-position : 0% -100px;
}
li li a > .sf-sub-indicator {
top : 10px;
}
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {
background-position : -10px -100px;
}
.sf-menu ul .sf-sub-indicator {
background-position : -10px 0%;
}
.sf-menu ul a > .sf-sub-indicator {
background-position : 0% 0%;
}
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator {
background-position : -10px 0%;
}
.sf-shadow ul {
background : url('images/shadow.png') no-repeat right bottom;
padding : 0 8px 9px 0;
}
.sf-shadow ul.sf-shadow-off {
background : transparent;
}
.sf-vertical, .sf-vertical li {
width : 210px;
}
.sf-vertical li:hover ul, .sf-vertical li.sfHover ul {
left : 210px;
top : 0;
}
.sf-vertical .sf-sub-indicator {
background-position : -10px 0%;
}
.sf-vertical a > .sf-sub-indicator {
background-position : 0% 0%;
}
.sf-vertical a:focus > .sf-sub-indicator, .sf-vertical a:hover > .sf-sub-indicator, .sf-vertical a:active > .sf-sub-indicator, .sf-vertical li:hover > a > .sf-sub-indicator, .sf-vertical li.sfHover > a > .sf-sub-indicator {
background-position : -10px 0%;
}
p {
padding-bottom : 10px;
}
h1 {
font : normal 28px/34px Arial, Helvetica, sans-serif;
color : #999;
letter-spacing : -1px;
margin-bottom : 10px;
}
h2 {
font : bold 22px/28px Arial, Helvetica, sans-serif;
color : #333;
margin-bottom : 10px;
font-size : 18px;
}
h3 {
font : normal 20px/26px Arial, Helvetica, sans-serif;
color : #425563;
margin-bottom : 10px;
font-size : 18px;
}
h4 {
font : normal 18px/24px Arial, Helvetica, sans-serif;
margin-bottom : 8px;
}
h5 {
font : bold 15px/20px Arial, Helvetica, sans-serif;
color : #425563;
margin-bottom : 5px;
}
h6 {
font : bold 15px/20px Arial, Helvetica, sans-serif;
color : #425563;
margin-bottom : 5px;
}
#nav {
z-index : 10;
position : relative;
font : 12px Arial, Helvetica, sans-serif;
height : 36px;
background-color : #333;
background-image : url(images/nav-bg.jpg);
background-repeat : no-repeat;
background-position : center center;
padding-top : 2px;
padding-bottom : 2px;
}
.rounded {
border : 2px solid #000;
margin-bottom : 15px;
}
.sidebarbox {
background : #dae2e7;
border : 2px solid #000;
margin-bottom : 15px;
}
.sidebarbox h3 {
font-weight : bold;
color : #fff;
background : #333 url(images/nav-bg.jpg) repeat-x bottom;
padding : 8px;
font-size : 16px;
border-bottom : 1px solid #ccc;
line-height : normal;
margin-bottom : 0;
}
.sidebarbox p {
padding : 8px;
}
.sidebarbox ul {
margin : 0;
padding : 3px 3px 2px 3px;
background : #fff;
}
.sidebarbox ul li {
list-style : none;
display : inline;
}
.sidebarbox ul li a {
display : block;
padding : 4px 4px 6px 10px;
line-height : 18px;
background : #dae2e7;
text-decoration : none;
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
border-bottom : 1px solid #fff;
color : #20252b;
}
.sidebarbox ul li a:hover {
text-decoration : none;
color : #fff;
background-color : #425563;
}
.simple {
margin-bottom : 15px;
}
.simple ul li a {
display : block;
padding : 4px 4px 6px 10px;
border-bottom : 1px solid #eaeaea;
line-height : 18px;
text-decoration : none;
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
}
.simple ul li a:hover {
text-decoration : none;
color : #fff;
background-color : #425563;
}
.slidewrap {
width : 960px;
margin : 0 auto;
}
.slidenavwrap {
width : 100%;
margin : 0 auto;
background : #253036;
text-align : center;
}
.slide960 {
height : 175px;
width : 960px;
overflow : hidden;
margin-top : 0;
margin-right : 0;
margin-bottom : 0;
margin-left : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 0;
padding-left : 0;
}
.slide960 img {
height : 175px;
width : 960px;
top : 0;
left : 0;
}
.slide930 {
height : 175px;
width : 930px;
padding : 0;
margin : 0;
overflow : hidden;
}
.slide930 img {
height : 175px;
width : 930px;
top : 0;
left : 0;
}
#slidenav {
text-align : right;
width : 960px;
height : 28px;
line-height : 25px;
font : 11px/25px Arial, Helvetica, sans-serif;
padding-top : 3px;
margin : 0 auto;
}
#slidenav a {
border : 1px solid #000;
background : #405460;
text-decoration : none;
margin : 0 2px;
padding : 3px 5px;
color : #fff;
}
#slidenav a.activeSlide {
background : #7793a4;
border : 1px solid #000;
color : #fff;
font-weight : bold;
}
#slidenav a:focus {
outline : none;
}
.headerlinks {
float : right;
text-align : right;
margin-top : 10px;
padding-right : 8px;
color : #4282a5;
}
.headerlinks a {
color : #fff;
text-decoration : none;
}
.headerlinks a:hover {
color : #bdccd7;
}
.headerlinks strong {
color : #b1cede;
letter-spacing : -1px;
font-family : Verdana, Geneva, sans-serif;
font-size : 21px;
font-style : normal;
font-weight : normal;
font-variant : normal;
}
.toppad {
padding-top : 20px;
}
.ui-helper-hidden {
display : none;
}
.ui-helper-hidden-accessible {
position : absolute;
left : -100000000px;
}
.ui-helper-reset {
margin : 0;
padding : 0;
border : 0;
outline : 0;
line-height : 1.3;
text-decoration : none;
font-size : 100%;
list-style : none;
}
.ui-helper-clearfix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.ui-helper-clearfix {
display : inline-block;
}
* html .ui-helper-clearfix {
height : 1%;
}
.ui-helper-clearfix {
display : block;
}
.ui-helper-zfix {
width : 100%;
height : 100%;
top : 0;
left : 0;
position : absolute;
}
.ui-state-disabled {
cursor : default !important ;
}
.ui-icon {
display : block;
text-indent : -99999px;
overflow : hidden;
background-repeat : no-repeat;
}
.ui-widget-overlay {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
}
.ui-widget {
font-family : Verdana, Arial, sans-serif;
font-size : 1.1em;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
font-family : Verdana, Arial, sans-serif;
font-size : 1em;
}
.ui-widget-content {
border : 1px solid #aaaaaa;
background : #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) repeat-x 50% 50%;
color : #222222;
}
.ui-widget-content a {
color : #222222;
}
.ui-widget-header {
border : 1px solid #aaaaaa;
background : #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) repeat-x 50% 50%;
color : #222222;
font-weight : bold;
}
.ui-widget-header a {
color : #222222;
}
.ui-state-default, .ui-widget-content .ui-state-default {
border : 1px solid #d3d3d3;
background : #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) repeat-x 50% 50%;
font-weight : normal;
color : #555555;
outline : none;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
color : #555555;
text-decoration : none;
outline : none;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {
border : 1px solid #999999;
background : #dadada url(images/ui-bg_glass_75_dadada_1x400.png) repeat-x 50% 50%;
font-weight : normal;
color : #212121;
outline : none;
}
.ui-state-hover a, .ui-state-hover a:hover {
color : #212121;
text-decoration : none;
outline : none;
}
.ui-state-active, .ui-widget-content .ui-state-active {
border : 1px solid #aaaaaa;
background : #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) repeat-x 50% 50%;
font-weight : normal;
color : #212121;
outline : none;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
color : #212121;
outline : none;
text-decoration : none;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight {
border : 1px solid #fcefa1;
background : #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) repeat-x 50% 50%;
color : #363636;
}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a {
color : #363636;
}
.ui-state-error, .ui-widget-content .ui-state-error {
border : 1px solid #cd0a0a;
background : #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) repeat-x 50% 50%;
color : #cd0a0a;
}
.ui-state-error a, .ui-widget-content .ui-state-error a {
color : #cd0a0a;
}
.ui-state-error-text, .ui-widget-content .ui-state-error-text {
color : #cd0a0a;
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled {
background-image : none;
}
.ui-priority-primary, .ui-widget-content .ui-priority-primary {
font-weight : bold;
}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary {
font-weight : normal;
}
.ui-icon {
width : 16px;
height : 16px;
background-image : url(images/ui-icons_222222_256x240.png);
}
.ui-widget-content .ui-icon {
background-image : url(images/ui-icons_222222_256x240.png);
}
.ui-widget-header .ui-icon {
background-image : url(images/ui-icons_222222_256x240.png);
}
.ui-state-default .ui-icon {
background-image : url(images/ui-icons_888888_256x240.png);
}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
background-image : url(images/ui-icons_454545_256x240.png);
}
.ui-state-active .ui-icon {
background-image : url(images/ui-icons_454545_256x240.png);
}
.ui-state-highlight .ui-icon {
background-image : url(images/ui-icons_2e83ff_256x240.png);
}
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
background-image : url(images/ui-icons_cd0a0a_256x240.png);
}
.ui-icon-carat-1-n {
background-position : 0% 0%;
}
.ui-icon-carat-1-ne {
background-position : -16px 0%;
}
.ui-icon-carat-1-e {
background-position : -32px 0%;
}
.ui-icon-carat-1-se {
background-position : -48px 0%;
}
.ui-icon-carat-1-s {
background-position : -64px 0%;
}
.ui-icon-carat-1-sw {
background-position : -80px 0%;
}
.ui-icon-carat-1-w {
background-position : -96px 0%;
}
.ui-icon-carat-1-nw {
background-position : -112px 0%;
}
.ui-icon-carat-2-n-s {
background-position : -128px 0%;
}
.ui-icon-carat-2-e-w {
background-position : -144px 0%;
}
.ui-icon-triangle-1-n {
background-position : 0% -16px;
}
.ui-icon-triangle-1-ne {
background-position : -16px -16px;
}
.ui-icon-triangle-1-e {
background-position : -32px -16px;
}
.ui-icon-triangle-1-se {
background-position : -48px -16px;
}
.ui-icon-triangle-1-s {
background-position : -64px -16px;
}
.ui-icon-triangle-1-sw {
background-position : -80px -16px;
}
.ui-icon-triangle-1-w {
background-position : -96px -16px;
}
.ui-icon-triangle-1-nw {
background-position : -112px -16px;
}
.ui-icon-triangle-2-n-s {
background-position : -128px -16px;
}
.ui-icon-triangle-2-e-w {
background-position : -144px -16px;
}
.ui-icon-arrow-1-n {
background-position : 0% -32px;
}
.ui-icon-arrow-1-ne {
background-position : -16px -32px;
}
.ui-icon-arrow-1-e {
background-position : -32px -32px;
}
.ui-icon-arrow-1-se {
background-position : -48px -32px;
}
.ui-icon-arrow-1-s {
background-position : -64px -32px;
}
.ui-icon-arrow-1-sw {
background-position : -80px -32px;
}
.ui-icon-arrow-1-w {
background-position : -96px -32px;
}
.ui-icon-arrow-1-nw {
background-position : -112px -32px;
}
.ui-icon-arrow-2-n-s {
background-position : -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
background-position : -144px -32px;
}
.ui-icon-arrow-2-e-w {
background-position : -160px -32px;
}
.ui-icon-arrow-2-se-nw {
background-position : -176px -32px;
}
.ui-icon-arrowstop-1-n {
background-position : -192px -32px;
}
.ui-icon-arrowstop-1-e {
background-position : -208px -32px;
}
.ui-icon-arrowstop-1-s {
background-position : -224px -32px;
}
.ui-icon-arrowstop-1-w {
background-position : -240px -32px;
}
.ui-icon-arrowthick-1-n {
background-position : 0% -48px;
}
.ui-icon-arrowthick-1-ne {
background-position : -16px -48px;
}
.ui-icon-arrowthick-1-e {
background-position : -32px -48px;
}
.ui-icon-arrowthick-1-se {
background-position : -48px -48px;
}
.ui-icon-arrowthick-1-s {
background-position : -64px -48px;
}
.ui-icon-arrowthick-1-sw {
background-position : -80px -48px;
}
.ui-icon-arrowthick-1-w {
background-position : -96px -48px;
}
.ui-icon-arrowthick-1-nw {
background-position : -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
background-position : -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
background-position : -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
background-position : -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
background-position : -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
background-position : -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
background-position : -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
background-position : -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
background-position : -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
background-position : 0% -64px;
}
.ui-icon-arrowreturnthick-1-n {
background-position : -16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
background-position : -32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
background-position : -48px -64px;
}
.ui-icon-arrowreturn-1-w {
background-position : -64px -64px;
}
.ui-icon-arrowreturn-1-n {
background-position : -80px -64px;
}
.ui-icon-arrowreturn-1-e {
background-position : -96px -64px;
}
.ui-icon-arrowreturn-1-s {
background-position : -112px -64px;
}
.ui-icon-arrowrefresh-1-w {
background-position : -128px -64px;
}
.ui-icon-arrowrefresh-1-n {
background-position : -144px -64px;
}
.ui-icon-arrowrefresh-1-e {
background-position : -160px -64px;
}
.ui-icon-arrowrefresh-1-s {
background-position : -176px -64px;
}
.ui-icon-arrow-4 {
background-position : 0% -80px;
}
.ui-icon-arrow-4-diag {
background-position : -16px -80px;
}
.ui-icon-extlink {
background-position : -32px -80px;
}
.ui-icon-newwin {
background-position : -48px -80px;
}
.ui-icon-refresh {
background-position : -64px -80px;
}
.ui-icon-shuffle {
background-position : -80px -80px;
}
.ui-icon-transfer-e-w {
background-position : -96px -80px;
}
.ui-icon-transferthick-e-w {
background-position : -112px -80px;
}
.ui-icon-folder-collapsed {
background-position : 0% -96px;
}
.ui-icon-folder-open {
background-position : -16px -96px;
}
.ui-icon-document {
background-position : -32px -96px;
}
.ui-icon-document-b {
background-position : -48px -96px;
}
.ui-icon-note {
background-position : -64px -96px;
}
.ui-icon-mail-closed {
background-position : -80px -96px;
}
.ui-icon-mail-open {
background-position : -96px -96px;
}
.ui-icon-suitcase {
background-position : -112px -96px;
}
.ui-icon-comment {
background-position : -128px -96px;
}
.ui-icon-person {
background-position : -144px -96px;
}
.ui-icon-print {
background-position : -160px -96px;
}
.ui-icon-trash {
background-position : -176px -96px;
}
.ui-icon-locked {
background-position : -192px -96px;
}
.ui-icon-unlocked {
background-position : -208px -96px;
}
.ui-icon-bookmark {
background-position : -224px -96px;
}
.ui-icon-tag {
background-position : -240px -96px;
}
.ui-icon-home {
background-position : 0% -112px;
}
.ui-icon-flag {
background-position : -16px -112px;
}
.ui-icon-calendar {
background-position : -32px -112px;
}
.ui-icon-cart {
background-position : -48px -112px;
}
.ui-icon-pencil {
background-position : -64px -112px;
}
.ui-icon-clock {
background-position : -80px -112px;
}
.ui-icon-disk {
background-position : -96px -112px;
}
.ui-icon-calculator {
background-position : -112px -112px;
}
.ui-icon-zoomin {
background-position : -128px -112px;
}
.ui-icon-zoomout {
background-position : -144px -112px;
}
.ui-icon-search {
background-position : -160px -112px;
}
.ui-icon-wrench {
background-position : -176px -112px;
}
.ui-icon-gear {
background-position : -192px -112px;
}
.ui-icon-heart {
background-position : -208px -112px;
}
.ui-icon-star {
background-position : -224px -112px;
}
.ui-icon-link {
background-position : -240px -112px;
}
.ui-icon-cancel {
background-position : 0% -128px;
}
.ui-icon-plus {
background-position : -16px -128px;
}
.ui-icon-plusthick {
background-position : -32px -128px;
}
.ui-icon-minus {
background-position : -48px -128px;
}
.ui-icon-minusthick {
background-position : -64px -128px;
}
.ui-icon-close {
background-position : -80px -128px;
}
.ui-icon-closethick {
background-position : -96px -128px;
}
.ui-icon-key {
background-position : -112px -128px;
}
.ui-icon-lightbulb {
background-position : -128px -128px;
}
.ui-icon-scissors {
background-position : -144px -128px;
}
.ui-icon-clipboard {
background-position : -160px -128px;
}
.ui-icon-copy {
background-position : -176px -128px;
}
.ui-icon-contact {
background-position : -192px -128px;
}
.ui-icon-image {
background-position : -208px -128px;
}
.ui-icon-video {
background-position : -224px -128px;
}
.ui-icon-script {
background-position : -240px -128px;
}
.ui-icon-alert {
background-position : 0% -144px;
}
.ui-icon-info {
background-position : -16px -144px;
}
.ui-icon-notice {
background-position : -32px -144px;
}
.ui-icon-help {
background-position : -48px -144px;
}
.ui-icon-check {
background-position : -64px -144px;
}
.ui-icon-bullet {
background-position : -80px -144px;
}
.ui-icon-radio-off {
background-position : -96px -144px;
}
.ui-icon-radio-on {
background-position : -112px -144px;
}
.ui-icon-pin-w {
background-position : -128px -144px;
}
.ui-icon-pin-s {
background-position : -144px -144px;
}
.ui-icon-play {
background-position : 0% -160px;
}
.ui-icon-pause {
background-position : -16px -160px;
}
.ui-icon-seek-next {
background-position : -32px -160px;
}
.ui-icon-seek-prev {
background-position : -48px -160px;
}
.ui-icon-seek-end {
background-position : -64px -160px;
}
.ui-icon-seek-first {
background-position : -80px -160px;
}
.ui-icon-stop {
background-position : -96px -160px;
}
.ui-icon-eject {
background-position : -112px -160px;
}
.ui-icon-volume-off {
background-position : -128px -160px;
}
.ui-icon-volume-on {
background-position : -144px -160px;
}
.ui-icon-power {
background-position : 0% -176px;
}
.ui-icon-signal-diag {
background-position : -16px -176px;
}
.ui-icon-signal {
background-position : -32px -176px;
}
.ui-icon-battery-0 {
background-position : -48px -176px;
}
.ui-icon-battery-1 {
background-position : -64px -176px;
}
.ui-icon-battery-2 {
background-position : -80px -176px;
}
.ui-icon-battery-3 {
background-position : -96px -176px;
}
.ui-icon-circle-plus {
background-position : 0% -192px;
}
.ui-icon-circle-minus {
background-position : -16px -192px;
}
.ui-icon-circle-close {
background-position : -32px -192px;
}
.ui-icon-circle-triangle-e {
background-position : -48px -192px;
}
.ui-icon-circle-triangle-s {
background-position : -64px -192px;
}
.ui-icon-circle-triangle-w {
background-position : -80px -192px;
}
.ui-icon-circle-triangle-n {
background-position : -96px -192px;
}
.ui-icon-circle-arrow-e {
background-position : -112px -192px;
}
.ui-icon-circle-arrow-s {
background-position : -128px -192px;
}
.ui-icon-circle-arrow-w {
background-position : -144px -192px;
}
.ui-icon-circle-arrow-n {
background-position : -160px -192px;
}
.ui-icon-circle-zoomin {
background-position : -176px -192px;
}
.ui-icon-circle-zoomout {
background-position : -192px -192px;
}
.ui-icon-circle-check {
background-position : -208px -192px;
}
.ui-icon-circlesmall-plus {
background-position : 0% -208px;
}
.ui-icon-circlesmall-minus {
background-position : -16px -208px;
}
.ui-icon-circlesmall-close {
background-position : -32px -208px;
}
.ui-icon-squaresmall-plus {
background-position : -48px -208px;
}
.ui-icon-squaresmall-minus {
background-position : -64px -208px;
}
.ui-icon-squaresmall-close {
background-position : -80px -208px;
}
.ui-icon-grip-dotted-vertical {
background-position : 0% -224px;
}
.ui-icon-grip-dotted-horizontal {
background-position : -16px -224px;
}
.ui-icon-grip-solid-vertical {
background-position : -32px -224px;
}
.ui-icon-grip-solid-horizontal {
background-position : -48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
background-position : -64px -224px;
}
.ui-icon-grip-diagonal-se {
background-position : -80px -224px;
}
.ui-widget-overlay {
background : #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) repeat-x 50% 50%;
}
.ui-widget-shadow {
margin : -8px 0 0 -8px;
padding : 8px;
background : #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) repeat-x 50% 50%;
}
.ui-accordion .ui-accordion-header {
cursor : pointer;
position : relative;
margin-top : 1px;
}
.ui-accordion .ui-accordion-li-fix {
display : inline;
}
.ui-accordion .ui-accordion-header-active {
border-bottom : 0 !important ;
}
.ui-accordion .ui-accordion-header a {
display : block;
font-size : 1em;
padding : 0.5em 0.5em 0.5em 2.2em;
}
.ui-accordion .ui-accordion-header .ui-icon {
position : absolute;
left : 0.5em;
top : 50%;
margin-top : -8px;
}
.ui-accordion .ui-accordion-content {
padding : 1em 2.2em;
border-top : 0;
margin-top : -2px;
position : relative;
top : 1px;
margin-bottom : 2px;
overflow : auto;
display : none;
}
.ui-accordion .ui-accordion-content-active {
display : block;
}
.ui-datepicker {
width : 17em;
padding : 0.2em 0.2em 0;
}
.ui-datepicker .ui-datepicker-header {
position : relative;
padding : 0.2em 0;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
position : absolute;
top : 2px;
width : 1.8em;
height : 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
top : 1px;
}
.ui-datepicker .ui-datepicker-prev {
left : 2px;
}
.ui-datepicker .ui-datepicker-next {
right : 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
left : 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
right : 1px;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
display : block;
position : absolute;
left : 50%;
margin-left : -8px;
top : 50%;
margin-top : -8px;
}
.ui-datepicker .ui-datepicker-title {
margin : 0 2.3em;
line-height : 1.8em;
text-align : center;
}
.ui-datepicker .ui-datepicker-title select {
float : left;
font-size : 1em;
margin : 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
width : 100%;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
width : 49%;
}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
float : right;
}
.ui-datepicker table {
width : 100%;
font-size : 0.9em;
border-collapse : collapse;
margin : 0 0 0.4em;
}
.ui-datepicker th {
padding : 0.7em 0.3em;
text-align : center;
font-weight : bold;
border : 0;
}
.ui-datepicker td {
border : 0;
padding : 1px;
}
.ui-datepicker td span, .ui-datepicker td a {
display : block;
padding : 0.2em;
text-align : right;
text-decoration : none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image : none;
margin : 0.7em 0 0 0;
padding : 0 0.2em;
border-left : 0;
border-right : 0;
border-bottom : 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float : right;
margin : 0.5em 0.2em 0.4em;
cursor : pointer;
padding : 0.2em 0.6em 0.3em 0.6em;
width : auto;
overflow : visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float : left;
}
.ui-datepicker.ui-datepicker-multi {
width : auto;
}
.ui-datepicker-multi .ui-datepicker-group {
float : left;
}
.ui-datepicker-multi .ui-datepicker-group table {
width : 95%;
margin : 0 auto 0.4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width : 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width : 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width : 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
border-left-width : 0;
}
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width : 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear : left;
}
.ui-datepicker-row-break {
clear : both;
width : 100%;
}
.ui-datepicker-rtl {
direction : rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
right : 2px;
left : auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
left : 2px;
right : auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right : 1px;
left : auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left : 1px;
right : auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear : right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float : left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
float : right;
}
.ui-datepicker-rtl .ui-datepicker-group {
float : right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
border-right-width : 0;
border-left-width : 1px;
}
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width : 0;
border-left-width : 1px;
}
.ui-datepicker-cover {
display : none;
display : block;
position : absolute;
z-index : -1;
top : -4px;
left : -4px;
width : 200px;
height : 200px;
}
.ui-dialog {
position : relative;
padding : 0.2em;
width : 300px;
}
.ui-dialog .ui-dialog-titlebar {
padding : 0.5em 0.3em 0.3em 1em;
position : relative;
}
.ui-dialog .ui-dialog-title {
float : left;
margin : 0.1em 0 0.2em;
}
.ui-dialog .ui-dialog-titlebar-close {
position : absolute;
right : 0.3em;
top : 50%;
width : 19px;
margin : -10px 0 0 0;
padding : 1px;
height : 18px;
}
.ui-dialog .ui-dialog-titlebar-close span {
display : block;
margin : 1px;
}
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
padding : 0;
}
.ui-dialog .ui-dialog-content {
border : 0;
padding : 0.5em 1em;
background : none;
overflow : auto;
}
.ui-dialog .ui-dialog-buttonpane {
text-align : left;
border-width : 1px 0 0 0;
background-image : none;
margin : 0.5em 0 0 0;
padding : 0.3em 1em 0.5em 0.4em;
}
.ui-dialog .ui-dialog-buttonpane button {
float : right;
margin : 0.5em 0.4em 0.5em 0;
cursor : pointer;
padding : 0.2em 0.6em 0.3em 0.6em;
line-height : 1.4em;
width : auto;
overflow : visible;
}
.ui-dialog .ui-resizable-se {
width : 14px;
height : 14px;
right : 3px;
bottom : 3px;
}
.ui-draggable .ui-dialog-titlebar {
cursor : move;
}
.ui-progressbar {
height : 2em;
text-align : left;
}
.ui-progressbar .ui-progressbar-value {
margin : -1px;
height : 100%;
}
.ui-resizable {
position : relative;
}
.ui-resizable-handle {
position : absolute;
font-size : 0.1px;
z-index : 99999;
display : block;
}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
display : none;
}
.ui-resizable-n {
cursor : n-resize;
height : 7px;
width : 100%;
top : -5px;
left : 0;
}
.ui-resizable-s {
cursor : s-resize;
height : 7px;
width : 100%;
bottom : -5px;
left : 0;
}
.ui-resizable-e {
cursor : e-resize;
width : 7px;
right : -5px;
top : 0;
height : 100%;
}
.ui-resizable-w {
cursor : w-resize;
width : 7px;
left : -5px;
top : 0;
height : 100%;
}
.ui-resizable-se {
cursor : se-resize;
width : 12px;
height : 12px;
right : 1px;
bottom : 1px;
}
.ui-resizable-sw {
cursor : sw-resize;
width : 9px;
height : 9px;
left : -5px;
bottom : -5px;
}
.ui-resizable-nw {
cursor : nw-resize;
width : 9px;
height : 9px;
left : -5px;
top : -5px;
}
.ui-resizable-ne {
cursor : ne-resize;
width : 9px;
height : 9px;
right : -5px;
top : -5px;
}
.ui-slider {
position : relative;
text-align : left;
}
.ui-slider .ui-slider-handle {
position : absolute;
z-index : 2;
width : 1.2em;
height : 1.2em;
cursor : default;
}
.ui-slider .ui-slider-range {
position : absolute;
z-index : 1;
font-size : 0.7em;
display : block;
border : 0;
}
.ui-slider-horizontal {
height : 0.8em;
}
.ui-slider-horizontal .ui-slider-handle {
top : -0.3em;
margin-left : -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
top : 0;
height : 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left : 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right : 0;
}
.ui-slider-vertical {
width : 0.8em;
height : 100px;
}
.ui-slider-vertical .ui-slider-handle {
left : -0.3em;
margin-left : 0;
margin-bottom : -0.6em;
}
.ui-slider-vertical .ui-slider-range {
left : 0;
width : 100%;
}
.ui-slider-vertical .ui-slider-range-min {
bottom : 0;
}
.ui-slider-vertical .ui-slider-range-max {
top : 0;
}
.ui-tabs {
padding : 0.2em;
}
.ui-tabs .ui-tabs-nav {
list-style : none;
position : relative;
padding : 0.2em 0.2em 0;
}
.ui-tabs .ui-tabs-nav li {
position : relative;
float : left;
border-bottom-width : 0 !important ;
margin : 0 0.2em -1px 0;
padding : 0;
}
.ui-tabs .ui-tabs-nav li a {
float : left;
text-decoration : none;
padding : 0.5em 1em;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
padding-bottom : 1px;
border-bottom-width : 0;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
cursor : text;
}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
cursor : pointer;
}
.ui-tabs .ui-tabs-panel {
padding : 1em 1.4em;
display : block;
border-width : 0;
background : none;
}
.ui-tabs .ui-tabs-hide {
display : none !important ;
}




#container {
	width:580px;
	padding:10px;
	margin:0 auto;
	position:relative;
	z-index:0;
}

#example {
	width:600px;
	height:350px;
	position:relative;
}

#ribbon {
	position:absolute;
	top:-3px;
	left:-15px;
	z-index:500;
}

#frame {
	position:absolute;
	z-index:0;
	width:739px;
	height:341px;
	top:-3px;
	left:-80px;
}

/*
	Slideshow
*/

#slides {
	position:absolute;
	top:15px;
	left:4px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:570px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	width:570px;
	height:270px;
	display:block;
}

.slides_container a img {
	display:block;
}

/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:585px;
}

/*
	Pagination
*/

.pagination {
	margin:26px auto 0;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

/*
	Footer
*/


/*
	Anchors
*/

.b1, .b2, .b3, .b4{font-size:1px; overflow:hidden; display:block;}
.b1 {height:1px; background:#888; margin:0 5px;}
.b2 {height:1px; background:#fff; border-right:2px solid #888; border-left:2px solid #888; margin:0 3px;}
.b3 {height:1px; background:#fff; border-right:1px solid #888; border-left:1px solid #888; margin:0 2px;}
.b4 {height:2px; background:#fff; border-right:1px solid #888; border-left:1px solid #888; margin:0 1px;}
.contentb {background: #fff; border-right:1px solid #888; border-left:1px solid #888;}
.contentb div {margin-left: 5px;}


.b1f, .b2f, .b3f, .b4f{font-size:1px; overflow:hidden; display:block;}
.b1f {height:1px; background:#09f; margin:0 5px;}
.b2f {height:1px; background:#09f; margin:0 3px;}
.b3f {height:1px; background:#09f; margin:0 2px;}
.b4f {height:2px; background:#09f; margin:0 1px;}
.contentf {
	background-color: #FFF;
}
.contentf div {margin-left: 5px;}