body {
color: #dfdfdf;
font-family: century gothic;
font-size: 14px;
background: #131313;
margin: 0px 0px 0px 0px;
background-image: url('http://breakthrough-designs.com/skins/Ambition/bg.jpg');
background-repeat:repeat;
}
#bottombg {
background: url('http://breakthrough-designs.com/skins/Ambition/bottom bg.png') bottom repeat-x;}

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


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

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

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

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

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

#image3 {
background-image: url('http://breakthrough-designs.com/skins/Ambition/images/index_06.jpg');
width: 578px;
font-size: 14px;
padding-top: 150px; background-repeat: no-repeat; padding-left: 0px;
}

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

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

#content {
padding-right: 20px;
padding-left: 20px;
}


.bgs {

border : 3px solid #131313;
margin : 6px;
}

.avabgs {

border : 3px solid #131313;
margin : 18px;
}

a:link,a:visited,a:active {
color: #a8d540;
text-decoration: none;
letter-spacing: 2px;
}

a:hover {
color: #ffffff;
letter-spacing:2px;

}

b {
font-size: 14px;
font-weight: bold;

letter-spacing: 1px;
color: #c0e36e;}

h1 {
background: url('http://breakthrough-designs.com/skins/Ambition/header.png') no-repeat;
color: #dcdfdb;
font-family: century gothic;
font-size: 18px; 
text-transform: lowercase;
letter-spacing: 4px; 
line-height: 15px;
text-align: left;
height: 50px;
padding-bottom: 0px;
padding-top: 5px;
padding-left: 10px
}



h4 {
background: url('http://breakthrough-designs.com/skins/Ambition/nav header bg.png') no-repeat;
color: #dcdfdb;
font-family: century gothic;
font-size: 20px; text-transform: uppercase;
letter-spacing: 3px; line-height: 10px;
text-align: right;
height: 40px;
padding-top: 13px;
padding-right: 10px;}

#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 #191918; /* Set image border color */
}

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

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

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



.arrowlistmenu{
width: 175px; /*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 0px; /*header text is indented 10px*/
}

.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: #90968f;
font:  15px century gothic;
display: block;
padding: 0px 0px;
padding-left: 10px; /*link text is indented 19px*/
text-decoration: none;
border-bottom: 1px solid #383937;
border-top: 1px solid #434441;
border-left: 3px solid #434441;
border-right: 3px solid #383937;
text-transform: lowercase;
background-color: #1a1a19;
margin-bottom: 1px;
font-weight: bold;
letter-spacing: 2px;
text-align:right;
opacity: .80;
filter: alpha(opacity = 80);
padding-top: 2px;
padding-bottom: 2px;
}

.arrowlistmenu ul li a:visited{
color: #90968f;
font:  15px century gothic;
display: block;
padding: 0px 0px;
padding-left: 10px; /*link text is indented 19px*/
text-decoration: none;
border-bottom: 1px solid #383937;
border-top: 1px solid #434441;
border-left: 3px solid #434441;
border-right: 3px solid #383937;
text-transform: lowercase;
background-color: #1a1a19;
margin-bottom: 1px;
font-weight: bold;
letter-spacing: 2px;
text-align:right;
opacity: .80;
filter: alpha(opacity = 80);
padding-top: 2px;
padding-bottom: 2px;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #dbdeda;
font:  15px century gothic;
display: block;
padding: 0px 0px;
padding-left: 10px; /*link text is indented 19px*/
text-decoration: none;
border-bottom: 1px solid #b6d66a;
border-top: 1px solid #434441;
border-left: 3px solid #434441;
border-right: 3px solid #b6d66a;
text-transform: lowercase;
background-color: #0f100f;
margin-bottom: 1px;
font-weight: bold;
letter-spacing: 2px;
text-align:right;
opacity: .80;
filter: alpha(opacity = 80);
padding-top: 2px;
padding-bottom: 2px;}



input, textarea {
background-color: #1c1c1c;
background-image: url('http://breakthrough-designs.com/skins/Ambition/textarea.jpg');
background-position: repeat-x;
font-family: century gothic; 
font-size: 10px;
color: #dfdfdf;
border-color: #555454;
border-width: 1px;
border-style: solid;
}


.glidecontentwrapper{
position: relative; /* Do not change this value */
width: 530px;
height: 620px; /* Set height to be able to contain height of largest content shown*/
border: 1px solid #d3d7d2;
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: #191918;
padding: 5px;
visibility: hidden;
width: 520px;
}
/*
 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: 530px;
margin-top: 6px;
text-align: center; /*How to align pagination links: "left", "center", or "right"*/
background: #191918; /*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;

color: #dfdfdf;
padding: 3px 3px;
margin-right: 3px;
font-weight: bold;
text-decoration: none;
opacity: .80;
filter: alpha(opacity = 80);
}

.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */

color: #b6d66a;
}

.glidecontenttoggler a:hover{
color: #b6d66a;
}

.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{

color: #dfdfdf;
}