body {
color: #f4c029;
font-family: garamond;
font-size: 14px;
background: #270501;
margin: 0px 0px 0px 0px;
background-image: url('http://breakthrough-designs.com/skins/firebender/bg.jpg');
background-repeat:repeat;
}

input, textarea {
background-color: #651502;
background-image: url('top bg.jpg');
background-position: repeat-x;
font-family: garamond; 
font-size: 12px;
color: #f4c029;
border-color: #490701;
border-width: 1px;
border-style: solid;
}



#bottombg {
background: url('http://breakthrough-designs.com/skins/firebender/bottom bg.jpg') bottom repeat-x;}

#topbg {
background: url('http://breakthrough-designs.com/skins/firebender/top bg.jpg') top repeat-x;}

#topimage1 {
background-image: url('http://breakthrough-designs.com/skins/firebender/images/index_01.jpg');
width: 850px;
height: 142px;
padding-top: 0px; background-repeat: no-repeat; padding-left: 0px;
}

#topimage2 {
background-image: url('http://breakthrough-designs.com/skins/firebender/images/index_02.jpg');
width: 850px;
height: 141px;
padding-top: 0px; background-repeat: no-repeat; padding-left: 0px;
}

#topimage3 {
background-image: url('http://breakthrough-designs.com/skins/firebender/images/index_03.jpg');
width: 850px;
height: 142px;
padding-top: 0px; background-repeat: no-repeat; padding-left: 0px;
}

#image1 {
background-image: url('http://breakthrough-designs.com/skins/firebender/images/index_04.jpg');
width: 48px;
padding-top: 0px; background-repeat: no-repeat; padding-left: 0px;
}

#image2 {
background-image: url('http://breakthrough-designs.com/skins/firebender/images/index_05.jpg');
width: 531px;
padding-top: 0px; background-repeat: no-repeat; padding-left: 0px;
font-size:14px;}


#image3 {
background-image: url('http://breakthrough-designs.com/skins/firebender/images/index_06.jpg');
width: 37px;
padding-top: 0px; background-repeat: no-repeat; padding-left: 0px;
}

#image4 {
background-image: url('http://breakthrough-designs.com/skins/firebender/images/index_07.jpg');
width: 193px;
padding-top: 0px; background-repeat: no-repeat; padding-left: 0px;
}

#image5 {
background-image: url('http://breakthrough-designs.com/skins/firebender/images/index_08.jpg');
width: 41px;
padding-top: 0px; background-repeat: no-repeat; padding-left: 0px;
}

.bgs {

border : 3px solid #620800;
margin : 2px;
}

.avabgs {

border : 3px solid #620800;
margin : 10px;
}
/* Gallery Styles */

#motioncontainer {
/*margin:2 auto;  Uncomment this line if you wish to center the gallery on page */
width: 100%; /* Set to gallery width, in px or percentage */
height: 200px; /* Set to gallery height */
}

#motioncontainer a img {
border: 3px solid #490701; /* Set image border color */
}

#motioncontainer a:hover img {
border: 3px solid #b86614; /* Set image border hover color */
}

#statusdiv {
background-color: #180200;
border: 1px solid #5e2908;
padding: 2px;
position: absolute; /* Stop Editing Gallery Styles */
left: -300px;
visibility: hidden;
}

#motioncontainer a:hover {
color: #dc8b28; /* Dummy definition to overcome IE bug */
}
/* End Gallery Styles */

a:link,a:visited,a:active {
color: #7d1302;
text-decoration: none;
letter-spacing: 2px;
}
	
a:hover {
color: #c84506;
letter-spacing:2px;

}

b {
font-size: 13px;
font-weight: bold;
letter-spacing: 3px;
color: #c84506;}

h1 {
background-image: url('http://breakthrough-designs.com/skins/firebender/top header bg.png');
background-repeat: no-repeat;
color: #810e02;
font-family: garamond;
font-size: 20px; 
text-align: center;
text-transform: uppercase;
letter-spacing: 5px;
text-align: center;
height: 65px;
}

h2 {
background-image: url('http://breakthrough-designs.com/skins/firebender/header 2 bg.png');
background-repeat: no-repeat;
color: #a33104;
font-family: garamond;
font-size: 24px; 
text-align: center;
text-transform: lowercase;
padding-bottom: 10px;
letter-spacing: 6px;
height: 27px;}

h3 {
background-image: url('http://breakthrough-designs.com/skins/firebender/nav header.png');
background-repeat: no-repeat;
color: #6c0501;
font-family: garamond;
font-size: 20px; 
text-align: center;
text-transform: lowercase;
padding-bottom: 0px;
letter-spacing: 6px;
height: 35px;}


.glidecontentwrapper{
position: relative; /* Do not change this value */
width: 510px;
height: 540px; /* Set height to be able to contain height of largest content shown*/
border: 5px solid #351c06;
overflow: hidden;
}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
background: #2a0400;
padding: 0px;
visibility: hidden;
width: 510px;
}
/*
 Total glidecontent width: 430px+10px+10px=490px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
width: 520px;
margin-top: 6px;
text-align: center; /*How to align pagination links: "left", "center", or "right"*/
background: #2a0400; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler a{ /*style for every navigational link within toggler */

display: inline-block;
border: 1px solid #351c06;
color: #5c310c;
padding: 1px 3px;
margin-right: 3px;
text-decoration: none;
}

.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background: #4e1201;
color: #f7b70f;
}

.glidecontenttoggler a:hover{
background: #4e1201;
color: #f7b70f;
}

.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
background: #4e1201;
color: #f7b70f;
}


.arrowlistmenu{
width: 183px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
padding: 0px 0px 0px 0spx; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/

}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 2px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 0px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #a22f04;
font:  13px garamond;
display: block;
padding: 0px 0px;
padding-left: 10px; /*link text is indented 19px*/
text-decoration: none;
border: 1px solid #6c0501;
font-size: 100%;
text-transform: uppercase;
background-color: #330300;
margin-bottom: 2px;
font-weight: bold;
letter-spacing: 2px;
text-align:right;

}

.arrowlistmenu ul li a:visited{
color: #a22f04;
font:  13px garamond;
font-size: 100%;
font-weight: bold;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #ffb60a;
font:  13px garamond;
display: block;
padding: 0px 0;
padding-left: 10px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border: 1px solid #ffb60a;
font-size: 100%;
text-transform: uppercase;
background-color: #700a00;
margin-bottom: 2px;
background-image: url('http://breakthrough-designs.com/skins/firebender/top link bg.jpg');
background-repeat:repeat;}