@charset "utf-8";
/* Valid CSS Stylesheet 

    ______      __       _____       _     __         
   / ____/___ _/ /_     / ___/____  (_)___/ /__  _____
  / /_  / __ `/ __ \    \__ \/ __ \/ / __  / _ \/ ___/
 / __/ / /_/ / /_/ /   ___/ / /_/ / / /_/ /  __/ /    
/_/    \__,_/_.___/   /____/ .___/_/\__,_/\___/_/     
                          /_/                         

*/

h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
color: #e3ab22;
}

h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
color:#220605;
}

h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #333333;
}

h4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color:#FF9900;
}

a:link  {
color: #2f2219;
text-decoration: none;
border: none;
outline: none;
}

a:hover {
color: #2f2219;
text-decoration: none;
outline: none;
}

a:active {
color: #2f2219;
text-decoration: none;
border: none;
outline: none;
}

a:visited  {
color: #2f2219;
text-decoration: none;
border: none;
outline: none;
}

p {
padding-bottom: 20px;
}


.top{
margin: 0;
margin-top:-22px;
margin-right:10px;
padding: 0;
float: right;
}


/* Begin #BODY Section
---------------------------------------------------------------------------------------------------------------------------------------
*/

body {
background-image: url(../images/grad.jpg);
background-repeat: repeat-y;
background-position:50%;
background-color:#372b1b;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
border: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
color:#CCCCCC;
}

/* End #BODY Section
---------------------------------------------------------------------------------------------------------------------------------------
*/


/* Begin #pageWrapper Section
---------------------------------------------------------------------------------------------------------------------------------------
*/

#pageWrapper {
background-image: url(../images/bg.jpg);
background-repeat:repeat-x;
width: 100%;
height: 100%;
margin: 0 auto;
border: 0;
padding: 0;
}

/* End #pageWrapper Section
---------------------------------------------------------------------------------------------------------------------------------------
*/

/* Begin #contentWrapper Section
---------------------------------------------------------------------------------------------------------------------------------------
*/

#contentWrapper {
width: 1000px;
height: 100%;
margin: 0 auto;
border: 0;
padding: 0;
}

/* End #contentWrapper Section
---------------------------------------------------------------------------------------------------------------------------------------
*/

/* Begin #topBar Section
---------------------------------------------------------------------------------------------------------------------------------------
*/

#topBar {
width: 1000px;
height: 25px;
margin: 0 auto;
border: 0;
padding: 0;
}

/* End #topBar Section
---------------------------------------------------------------------------------------------------------------------------------------
*/

/* Begin #banner Section
---------------------------------------------------------------------------------------------------------------------------------------
*/

#banner {
background-image: url(../images/a.gif);
background-repeat: no-repeat;
width: 1000px;
height: 140px;
margin: 0 auto;
margin-top: 1px;
border: 0;
padding: 0;
}

/* End #banner Section
---------------------------------------------------------------------------------------------------------------------------------------
*/

/* Begin #nav Section
---------------------------------------------------------------------------------------------------------------------------------------
*/

#nav {
width: 1000px;
height: 30px;
margin: 0 auto;
border: 0;
padding: 0;
margin-top:-6px;
}

#nav ul {
margin: 0;
padding: 0;
border: 0;
float: left;
}

#nav li {
margin: 0;
padding: 0;
border: 0;
list-style: none;
text-indent: -5000px;
float: left;
}

#profile a {
display:block;
background-image: url(../images/profile.png);
background-repeat: no-repeat;
width: 82px;
height: 31px;
background-position: 0 -31px;
}

#profile a:hover {
width: 82px;
height: 31px;
background-position: 0 0px;
border: 0;
outline: 0;
}

#who a {
display:block;
background-image: url(../images/who.png);
background-repeat: no-repeat;
width: 82px;
height: 31px;
background-position: 0 -31px;
}

#who a:hover {
width: 82px;
height: 31px;
background-position: 0 0px;
border: 0;
outline: 0;
}

#design a {
display:block;
background-image: url(../images/design.png);
background-repeat: no-repeat;
width: 82px;
height: 31px;
background-position: 0 -31px;
}

#design a:hover {
width: 82px;
height: 31px;
background-position: 0 0px;
border: 0;
outline: 0;
}

#services a {
display:block;
background-image: url(../images/services.png);
background-repeat: no-repeat;
width: 82px;
height: 31px;
background-position: 0 -31px;
}

#services a:hover {
width: 82px;
height: 31px;
background-position: 0 0px;
border: 0;
outline: 0;
}

#gallery a {
display:block;
background-image: url(../images/gallery.png);
background-repeat: no-repeat;
width: 82px;
height: 31px;
background-position: 0 -31px;
}

#gallery a:hover {
width: 82px;
height: 31px;
background-position: 0 0px;
border: 0;
outline: 0;
}

#contact a {
display:block;
background-image: url(../images/contact.png);
background-repeat: no-repeat;
width: 82px;
height: 31px;
background-position: 0 -31px;
}

#contact a:hover {
width: 82px;
height: 31px;
background-position: 0 0px;
border: 0;
outline: 0;
}

/* End #nav Section
---------------------------------------------------------------------------------------------------------------------------------------
*/

/* Begin #show Section
---------------------------------------------------------------------------------------------------------------------------------------
*/

#showcase {
width: 781px;
height: 482px;
margin: 0 auto;
margin-top: 35px;
margin-bottom: 35px;
border: 0;
padding: 0;
float: left;
border: 3px solid #FFCC00; 
 }

/* End #show Section
---------------------------------------------------------------------------------------------------------------------------------------
*/

/* Begin side pics
---------------------------------------------------------------------------------------------------------------------------------------
*/
.smallpictop{
	height:100px;
	width:100px;
	border: 3px solid #FFCC00;
	float:left;
	margin:37px 0px 0px 20px;
	}

.smallpic{
	height:100px;
	width:100px;
	border: 3px solid #FFCC00;
	float:left;
	margin:20px 0px 0px 20px;
	}
	

/* End #show Section
---------------------------------------------------------------------------------------------------------------------------------------
*/


/* Begin #content Section
---------------------------------------------------------------------------------------------------------------------------------------
*/

#content {
width: 775px;
height: 100%;
margin: 0 auto;
border: 0;
padding: 0;
padding-bottom: 25px;
float: left;
}

.pages {
float:left;
}

#gallerycontent {
width: 1000px;
height: 100%;
margin: 0 auto;
border: 0;
padding: 0;
padding-bottom: 15px;
float: left;
}
/* End #content Section
---------------------------------------------------------------------------------------------------------------------------------------
*/

#map {
text-align:right;
}

#map a {
font: bolder Verdana, Arial, Helvetica, sans-serif 24pt;
font-weight:bolder;
background-image:url(../images/map.png);
padding:5px;
color:#000000;
border: #FFCC00 thin solid;
}

#partersites {
height:150px;
padding:10px;
margin-top:10px;
width:820px;
text-align:center;
float:left;
}

#partersites img {
border:none;
}
	

/* Begin #footer Section
---------------------------------------------------------------------------------------------------------------------------------------
*/

#footerOuter {
background-image: url(../images/footerBg.jpg);
background-repeat: repeat-x;
background-color: #2f2219;
width: 100%;
height: 150px;
margin: 0 auto;
border: 0;
padding: 0;
float: left;
}

#footerInner {
width: 875px;
height: 137px;
margin: 0 auto;
margin-top: 10px;
margin-bottom: 0px;
padding: 0;
padding-bottom: 0px;
}

#footerInner li {
color: #fada1f;
list-style: none;
margin: 0 auto;
padding: 0;
}

.left {
float: left;
}

.right {
float: right;
}

/* End #footer Section
---------------------------------------------------------------------------------------------------------------------------------------
*/


/* Begin form Section
---------------------------------------------------------------------------------------------------------------------------------------
*/

#form {
width: 771px;
margin: 0 auto;
margin-bottom: 25px;
border: 0;
float: left;
}

#name {
background-color: #e3e3e3;
color: #e3ab22;
margin: 0 auto;
margin-bottom: 10px;
padding: 0;
padding-left: 10px;
padding-top: 10px;
border: 1px solid #d3d3d3;
width: 771px;
height: 25px;
font: 100% 'Lucida Sans', 'Lucida Sans Unicode', Verdana, sans-serif;
font-size: 12px;
font-weight: bold;
}

#email {
background-color: #e3e3e3;
color: #e3ab22;
margin: 0 auto;
margin-bottom: 10px;
padding: 0;
padding-left: 10px;
padding-top: 10px;
border: 1px solid #d3d3d3;
width: 771px;
height: 25px;
font: 100% 'Lucida Sans', 'Lucida Sans Unicode', Verdana, sans-serif;
font-size: 12px;
font-weight: bold;
}

#comments {
background-color: #e3e3e3;
color: #e3ab22;
margin: 0 auto;
padding: 0;
padding-left: 10px;
padding-top: 10px;
border: 1px solid #d3d3d3;
margin-bottom: 10px;
width: 771px;
height: 150px;
font: 100% 'Lucida Sans', 'Lucida Sans Unicode', Verdana, sans-serif;
font-size: 12px;
font-weight: bold;
overflow: auto;
}


#form #send li {
list-style: none;
float: right;
}

#form #send {
text-decoration: none;
display: block;
outline: none;
float: right;
cursor: pointer;
}

#form #send:hover {
}

#form #reset li {
list-style: none;
float: right;
}

#form #reset {
text-decoration: none;
display: block;
outline: none;
float: right;
cursor: pointer;
}

#form #reset:hover {
}


/* End form Section
---------------------------------------------------------------------------------------------------------------------------------------
*/


/* Begin navigation --------------------------------------------------------------------------------------------------------------------------------*/

.navbar {
margin: 0;
padding: 0;
width: 100%;
text-align: center;
float: left;
}

.navbar ul {
margin: 0;
padding: 0;
list-style: none;
text-align: center;
float: left;

}

.navbar li {
margin: 0;
margin-left: 0px;
margin-right: 4px;
margin-top: 20px;
margin-bottom: 20px;
padding: 0;
list-style: none;
outline: none;
border: #999999 1px solid;
float: left;
font-weight: bold;
font-size: 10px;
color: #000000;
background-image:url(../images/gallerybuttonup.jpg);
width:90px;
height:27px;
text-align:left;
display:block;
cursor: pointer;
text-align:center;
padding-top:3px;
}

.navbar li:hover {
background-image:url(../images/gallerybuttondown.jpg);
}

.navbar li a:link {	
display: block; 
margin: 0;
padding: 0;
outline: none;
color: #000000;
float: left;
width:90px;
height:30px;
}

.navbar li a:visited {	
display: block; 
margin: 0;
padding: 0;
outline: none;
color: #000000;
width:90px;
height:30px;
}



/* End navigation --------------------------------------------------------------------------------------------------------------------------*/

.yellow {
	font-size: 18px;
	color: #FADA1F;
}


/* Begin slider ---------------------------------------------------------------------------------------------------------------------------*/

#topBox img {
border: 1px solid #FFCC00;
}

#topBox {
width: 900px;
height: 100%;
margin: 0;
margin-top: 20px;
padding: 0;
float: left;
}


#slider {
width: 900px;
margin: 0 auto;
position: relative;
}

.scroll {
height: 1000px;
width: 900px;
margin: 0;
overflow: auto;
overflow-x: hidden;
position: relative;
clear: left;
}

.scrollContainer div.panel {
padding: 10px;
padding-top: 20px;
height: 1000px;
width: 900px;
}

.panel h2 {
color: #0affff;
}

.hide {
display: none;
}