/*
///////////////////////////////////////

                        Basic Structure

///////////////////////////////////////
*/

body {
	margin:0; 
	font:14px Arial, Verdana, Helvetica,sans-serif;
	background:#000 url(../images/bg.gif) repeat-x 50% 0;
	color:#ccc;
}
a, a:link
{
	color:#fcb514;
}
a:hover
{
	color:white;
}
.error_message_box td 
{
	vertical-align:middle;
}
.error_message_box  table
{
	padding:0;
	margin:0;
}
.success_message_box td
{
	vertical-align:middle;
}
.success_message_box  table
{
	padding:0;
	margin:0;
}


th, td
{
	vertical-align:top;
}
.error
{
	border: 2px solid red;
	background: #FFB0B3;
	color: black;
	padding: 10px;
	margin: 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	color: black;
}


.main {
	position:relative;
	padding:101px 0 127px;
	margin:0 auto; 
	width:828px;
}

.box-head {
	background: url(../images/col-head.gif) no-repeat 100% 0px;
	height:67px;
}

.logo {
	display:block;
	position:absolute;
	top:17px;
	left:20px;
	width:470px;
	height:165px;
}

.logo a{
	display:block;
	cursor:pointer;
	text-indent:-9999px;
	background:url(../images/logo.png) no-repeat;
	height:165px;
}

/*
///////////////////////////////////////

                               Content

///////////////////////////////////////
*/

.content 
{
	background:#000 url(../images/col-body.gif) repeat-y;
	width:828px;	
}

.content h1 
{
	font-size:29px;
	font-family: Arial, Verdana, Helvetica,sans-serif;
	color:#fcb514;
}

.content h2 
{
	padding-top:16px;
	font-size:21px;
	font-family: Arial, Verdana, Helvetica,sans-serif;
	color:#fcb514;
}

.cols 
{	
	padding:0 13px 90px;
	width:802px;	
	background:url(../images/col-foot.gif) no-repeat 0 100%;
}

.col
{	
	padding:30px 0px 0 21px;
	overflow:hidden;
	width:785px;	
	background:url(../images/content-bg.jpg) repeat-x;
}

.right-col
{
	position:absolute;
	right:8px;
	top:112px;
	width:230px;
	background:transparent url("../images/menu.jpg") no-repeat top right;
}
.right-col .sidepanel
{
	margin:0 15px 0 40px;
}

.right-col ul.menu
{
	margin:5px 0 0 40px;
	padding:0;
}
.right-col ul.menu li
{
	margin:0;
	padding:0;
	float:left;
	clear:both;
	display:block;
}
.right-col ul.menu a
{
	float:left;
	clear:both;
	display:block;
	margin:0;
	width:170px;
	padding:8px 0 8px 8px;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
	b2order-top:1px solid #444;
	border-bottom:1px solid #222;
}
.right-col ul.menu a:hover
{
	background:#555;
}

.right-col ul.menu a.last
{
	border-bottom:1px solid #666;
}


.left-col
{
	padding:0 0 0 6px;
	width:560px;
	float:left;
	overflow:hidden;
}

.block p {
	padding:0;
	line-height:1.4;
}

/*
///////////////////////////////////////

                                   Menu

///////////////////////////////////////
*/
ul.navigation-menu 
{
	padding-top:7px;
	position:absolute;
	left:581px;
	top:111px;
	width:239px;
	margin:0;
	background:url(../images/menu.jpg) no-repeat 20px 0;
	display:block;
	padding-bottom:15px;
}

.navigation-menu li {
	padding-left:1px;
	list-style-type:none;
	height:34px;
	width:149px;
}

.navigation-menu li  a{
	padding:0;
	display:block;
	text-indent:-9999px;
	height:34px;
	width:149px;
	overflow:hidden;
	background:url(../images/rolover.gif) no-repeat;
}

.navigation-menu li.home a{
	background-position:100% 0px;
}

.navigation-menu li.about a{
	background-position:100% -34px;
}

.navigation-menu li.patterns a{
	background-position:100% -68px;
}

.navigation-menu li.photos a{
	background-position:100% -102px;
}

.navigation-menu li.questions a{
	background-position:100% -136px;
}

.navigation-menu li.contact a{
	background-position:100% -170px;
}					


.navigation-menu li.home a:hover {
	background-position:-1% 0;
}

.navigation-menu li.about a:hover {
	background-position:-1% -34px;
}

.navigation-menu li.patterns a:hover {
	background-position:-1% -68px;
}

.navigation-menu li.photos a:hover {
	background-position:-1% -102px;
}

.navigation-menu li.questions a:hover {
	background-position:-1% -136px;
}

.navigation-menu li.contact a:hover {
	background-position:-1% -170px;
}	

/*
///////////////////////////////////////

                                Footer

///////////////////////////////////////
*/

#footer
{
	text-align:center;
	font-size:11px;
	color:#888;
	padding-top:15px;
}
#footer a
{
	color:#888;
}

/*
///////////////////////////////////////

            General Purpose Data Table
					 
///////////////////////////////////////
*/

table.data
{
	border-spacing:0 0;
	border-collapse:collapse;
	border:1px solid #ccc;
}
table.data td, table.data th
{
	padding:2px 5px;
	font-size:0.9em;
	border:1px solid #ccc;
	background:white;
}
table.data th
{
	background:#444 url("") repeat-x center center;
	border:1px solid #ccc;
	color:white;
}

/*
///////////////////////////////////////

            General Purpose Data Table
					 
///////////////////////////////////////
*/

fieldset
{
	margin:0;
	padding-left:0;
	border:0;
}
fieldset legend
{
	font-size:16px;
	padding-left:0;
	font-weight:bold;
	color:#fcb514;
}
fieldset table
{
	margin-top:10px;
	margin-bottom:10px;
}
table.input
{
	padding:4px;
}
table.input td, table.input th
{
	padding:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:top;
}
table.input th
{
	text-align:right;
}
input, select, textarea, label
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.0em;
}
label
{
	font-weight:bold;
}

/*
///////////////////////////////////////

                              Sub-Menu

///////////////////////////////////////
*/

.tab_menu
{
	padding:0;
	margin:25px 0;
	height:24px;
	display:block;
	clear:both;
	border-bottom:1px solid #ccc;
	
}
.tab_menu li
{
	float:left;
	display:inline;
}
.tab_menu a
{
	display:block;
	float:left;
	margin-right:5px;
	padding:5px 10px;
	background:#aaa;
	color:white;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	
}
.tab_menu a.there 
{
	display:block;
	float:left;
	margin-right:5px;
	padding:5px 10px;
	background:#A07E38;
	color:white;
}


/*
///////////////////////////////////////

                          Button Styles
					 
///////////////////////////////////////
*/

a.button, a.button:link, a.button:visited, input.button
{
	padding:2px 15px;
	background:#444; 
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size:0.9em;
	font-family:Arial, Helvetica, sans-serif;
	border:1px outset #444;
}
a.button.small, a.button.small:link, a.button.small:visited, input.button.small
{
	font-size:0.95em;
	padding:0.3em 1em;
}
a.button:hover, input.button:hover
{
	color:#ffffcc;
	background:#000;
	border:1px outset #000;
}