/* default */

html
{
padding				: 0;
margin				: 0;
}

body 
{
background			: #ccc url(../img/bg-repeat.jpg) repeat-x top left;
margin				: 0px auto;
padding				: 0;
text-align			: center;
}

div 
{
text-align			: left;
}

img 
{
border				: 0;
display				: block
}

h1, h2, h3, h4, h5, h6
{
color				: #333;
padding				: 3px;
font-family			: Geneva,Verdana,Serif,Sans-serif,Arial;
}

h1 
{
font-size			: 160%;
font-weight			: bold;
}

h2 
{
font-size	 		: 140%;
}

h3 
{
font-size			: 130%;
}

h4 
{
font-size			: 120%;
}

h5 
{
font-size			: 110%;
}

h6 
{
font-size			: 100%;
font-style	 		: italic;
}

p 
{
margin				: 0 0 18px 0;
padding				: 0;
font-size			: 100%;
color				: #333;
}

a 
{
color				: #336699;
font-family			: Geneva,Verdana,Serif,Sans-serif,Arial;
text-decoration		: underline;
}

a:hover 
{
color				: #333;
}

a:focus 
{
outline 			: 0;
}

hr 
{
background			: #333;
border				: 0;
border-top			: 1px solid #DDD;
height				: 1px;
line-height			: 1px;
margin				: 0 0 10px 0;
}

form 
{
margin				: 0 0 0 3px;
padding				: 0;
}

input, select 
{
border				: 1px solid #FF9966;
color				: #000;
font-family			: Geneva,Verdana,Serif,Sans-serif,Arial;
font-size			: 11px;
height				: 16px;
margin				: 5px 0;
}

textarea 
{
border				: 1px solid #FF9966;
color				: #000;
font-family  		: Geneva,Verdana,Serif,Sans-serif,Arial;
font-size			: 11px;
margin				: 5px 0;
overflow			: auto;
}

td 
{
color				: #000;
font-family			: Verdana, Arial, Helvetica, sans-serif;
font-size			: 11px;
line-height			: 18px;
text-align			: left;
vertical-align		: top;
}

ul 
{
margin				: 0;
padding				: 0;
}

.guest_menu,
.blog_sub_menu,
.album_menu
{
position			: relative;
display				: block;
width				: 94%;
height				: 20px;
text-align			: right;
margin				: 5px;
float				: right;
}

/* page container */

#page_container 
{
position			: relative;
width				: 100%;
left				: 0;
top					: 0;
}

/* page */

#page 
{
font-family			: Verdana, Arial, Helvetica, sans-serif;
font-size			: 11px;
position			: absolute;
margin-left			: 50%;
left				: -473px;
z-index				: 0;
width				: 945px;
min-width			: 77px;
min-height			: 77px;
}

/* navigation */

.nav 
{
position			: absolute;
height				: 28px;
width				: 945px;
top					: 21px;
background			: url(../img/navbar.png) no-repeat;
z-index				: 130;
text-align			: center;
}

/* header */

#header 
{
position			: absolute;
top					: 63px;
left				: 0;
width				: 945px;
height				: 211px;
background			: url(../img/banner.png) no-repeat center;
z-index				: 20;
border				: none;
}

#header #header_image
{
position			: absolute;
display				: block;
top					: 5px;
left				: 339px;
height				: 199px;
width				: 265px;
z-index				: 600;
}

#header #header_image img
{
position			: absolute;
top					: 0;
left				: 0;
display				: none;
}

/* content */

#content 
{
position			: absolute;
top					: 286px;
left				: 0;
width				: 953px;
min-height			: 2px;
height				: auto;
z-index				: 80;
}

.min-height
{
position			: relative;
float				: right;
background			: none;
height				: 274px;
width				: 1px;
top					: 0;
display				: block;
}

/* boxes */

.inside 
{
position			: relative;
float				: left;
display				: block;
margin				: 5px 4% 5px 3%;
width				: 92%;
}

.inside ul,
.inside ol
{
	margin: 0 15px 10px 15px;
}

.small_information_box 
{
position			: relative;
float				: left;
height				: 302px;
width				: 228px;
z-index				: 35;
margin				: 0;
background			: url(../img/small-box-default.png) left top no-repeat;
}

.small_inforemation_box_top 
{
position			: absolute;
top					: 0;
left				: 0;
height				: 14px;
width				: 228px;
background			: none;
}

.small_inforemation_box_mid 
{
position			: absolute;
top					: 14px;
left				: 0;
height				: 274px;
width				: 228px;
background			: none;
}

.small_inforemation_box_bot 
{
position			: absolute;
top					: 288px;
left				: 0;
height				: 14px;
width				: 228px;
background			: none;
}

.medium_information_box 
{
position			: relative;
float				: left;
display				: block;
min-height			: 302px;
height				: auto;
width				: 460px;
z-index				: 35;
margin				: 0 13px 0 3px;
}

.medium_inforemation_box_top 
{
position			: relative;
float				: left;
display				: block;
top					: 0;
left				: 0;
height				: 14px;
width				: 460px;
background			: url(../img/m_box_field_top.png) left top no-repeat;
}

.medium_inforemation_box_mid 
{
position			: relative;
float				: left;
display				: block;
top					: 0;
left				: 0;
height				: auto; 
width				: 460px;
background			: url(../img/m_box_field_mid.png) left top repeat-y;
}

.medium_inforemation_box_bot 
{
position			: relative;
float				: left;
display				: block;
top					: 0;
left				: 0;
height				: 14px;
width				: 460px;
background			: url(../img/m_box_field_bot.png) left top no-repeat;
}

.bg1
{
background			: url(../img/small-box-kick.png) left top no-repeat !important;
}

.bg2
{
background			: url(../img/small-box-pose.png) left top no-repeat !important;
}

.bg3
{
background			: url(../img/small-box-punch.png) left top no-repeat !important;
}

.bg4
{
background			: url(../img/small-box-grey.png) left top no-repeat !important;
}

.s_holder
{
position			: relative;
float				: left;
width				: 228px;
z-index				: 35;
margin				: 0 10px 0 0;
}

.boxheader 
{
position			: relative;
width				: 228px;
margin-top			: 0px;
z-index				: 600;
text-align			: center;
line-height			: 16px;
font-size			: 18px;
font-family 		: Georgia,Helvetica,Arial,sans-serif;
color				: #333;
text-transform		: uppercase;
}

/* footer */

#footer 
{
position			: relative;
margin-top			: 12px;
margin-bottom		: 12px;
float				: left;
display				: block;
height				: 43px;
width				: 945px;
z-index				: 10;
white-space			: nowrap;
padding				: 0;
background			: url(../img/footer.png) no-repeat top left scroll;
}

.nomargintop
{
margin-top			: -7px !important;
}

#footer p 
{
font-family			: Georgia, "Times New Roman", Times, serif;
font-size			: 11px;
font-style			: italic;
color				: #cccccc;
text-align			: center;
padding				: 0;
margin				: 8px 0 0 0;
line-height			: 12px;
}

/* invisible elements */

.hide 
{
display				: none !important;
}

/* main menu */

.menu a, .menu a:link, .menu a:visited 
{
text-align			: center;
text-decoration		: none;
outline				: none;
letter-spacing		: normal;
word-spacing		: normal;
color				: #fff;
}

.menu a:hover 
{
color				: #fff;
}

.menu, .menu ul 
{
margin				: 0;
padding				: 0;
border				: 0;
list-style-type		: none;
display				: block;
}

.menu li 
{
display				: block;
float				: left;
position			: relative;
z-index				: 5;
text-align			: center;
min-height			: 24px;
width				: 134px;
padding				: 0;
margin				: 0;
border-right		: 1px solid #333333;
}

.menu li:hover 
{
z-index				: 800;
white-space			: normal;
}

.menu li li 
{
float				: none;
}

.menu ul 
{
visibility			: hidden;
position			: absolute;
z-index				: 10;
left				: 0;
top					: 0;
background			: none;
}

.menu li:hover > ul 
{
visibility			: visible;
top					: 100%;
}

.menu, .menu ul 
{
min-height			: 0;
}

.menu ul 
{
padding				: 0 0 10px 0;
margin				: 0 0 0 -11px;
border				: none;
background			: url(../img/nav-bottom-shadow.png) no-repeat bottom left scroll;
display				: block;
}


.menu 
{
padding				: 2px 0 3px 0;
}

/* submenu links */
.menu ul li 
{
clear				: both;
border				: none;
background			: url(../img/nav-side-shadow.png) repeat-y top left scroll;
padding				: 0 11px;
}

.menu li.last 
{
border-right		: none;
width				: 133px;
}

.menu a.link_last
{
position			: relative;
display				: block;
z-index				: 400;
overflow			: hidden;
height				: 25px;
width				: 135px;
cursor				: pointer;
text-decoration		: none;
text-align			: center;
}

.menu a 
{
position			: relative;
display				: block;
z-index				: 400;
overflow			: hidden;
height				: 25px;
width				: 134px;
cursor				: pointer;
text-decoration		: none;
text-align			: center;
}

.menu a .text 
{
font-family			: Tahoma, Arial, Helvetica, Sans-Serif;
font-size			: 12px;
font-style			: normal;
font-weight			: bold;
color				: #FFF;
padding				: 0;
line-height			: 13px;
text-align			: center;
display				: block;
margin				: 5px 0 0 0;
}

.menu a:hover .text 
{
color				: #fff;
}

.menu a:hover 
{
background-color	: #333;
}

.menu a.link_last:hover
{
background			: url(../img/navbar-end-hover.png) no-repeat 0px -1px scroll;
}

.menu a.link_first:hover
{
background			: url(../img/navbar-start-hover.png) no-repeat 1px -1px scroll;
}

.menu a.active 
{
background-color	: #000;
}
.menu a.last_active
{
background			: url(../img/navbar-end-active.png) no-repeat 0px -1px scroll;
}

.menu a.first_active
{
background			: url(../img/navbar-start-active.png) no-repeat 1px -1px scroll;
}

.menu li:hover a .text 
{
color				: #fff;
}

.menu li:hover li a 
{
background-color	: #FF9900;
}

.menu li:hover > a .text 
{
color				: #fff;
}

.menu ul a 
{
display				: block;
text-align			: left;
white-space			: nowrap;
padding				: 0;
width				: 134px;
height				: 24px;
overflow			: hidden;
line-height			: 13px;
margin-right		: auto;
border				: none;
font-family			: Arial, Helvetica, sans-serif;
font-size			: 12px;
font-weight			: bold;
color				: #FFF;
}

.menu ul span 
{
display				: inline;
float				: none;
margin				: inherit;
padding				: inherit;
background-image	: none;
text-align			: inherit;
text-decoration		: inherit;
}

.menu li ul a span.holder
{
position			: relative;
float				: left;
height				: 18px;
width				: 20px;
z-index				: 500;
background			: #FF9900 url(../img/nav-arrow.png) no-repeat top left;
margin				: 6px 0 0 6px;
padding				: 0;
}

.menu ul a, .menu ul a:link, .menu ul a:visited, .menu ul a:hover, .menu ul a:active, .nav ul.menu ul span, .nav ul.menu ul span span 
{
text-align			: left;
text-decoration		: none;
line-height			: 13px;
color				: #fff;
font-family			: Arial, Helvetica, sans-serif;
font-size			: 12px;
letter-spacing		: 1px;
}

.menu ul li a:hover
{
background			: #333;
}

.menu ul li a:hover span.holder {
background			: url(../img/nav-arrow-hover.png) no-repeat top left;
}

.menu ul li:hover > a
{
background			: #333;
}

.menu ul li:hover > a span.holder {
background			: url(../img/nav-arrow-hover.png) no-repeat top left;
}

.menu ul li a:hover span {
color				: #FFF;
}

.menu ul li:hover > a span {
color				: #FFF;
}

.menu .subtext
{
position			: relative;
top					: 4px;
margin				: 5px 4px 5px 2px !important;
padding				: 0 !important;
z-index				: 300;
}

/* components */
.comp_menu a,
.comp_menu a:active,
.comp_menu a:visited,
.comp_menu a:hover
{
color				: #333;
font-size			: 12px;
line-height			: 13px;
text-decoration		: none;
}

/* blog */

.blog_main_menu
{
list-style			: none;
margin				: 0 !important;
padding				: 0;
}

.blog_main_menu li
{
background			: url(../img/sidelist-image.png) no-repeat 3px 0;
height				: 24px;
margin				: 0 0 5px; 
}

.blog_main_menu li a
{
text-decoration		: none;
}

.comp_side_menu
{
position			: relative;
color				: #ff6600;
font-size			: 13px;
line-height			: 14px;
font-family			: Georgia,Verdana,Arial,sans-serif;
font-weight			: bold;
margin				: 0 0 0 35px;
top					: 4px;
text-transform		: capitalize;
}

.text_333
{
color				: #333;
}

.blog_post
{
position			: relative;
width				: 100%;
}

.author_bar
{
position			: relative;
width				: 100%;
border-bottom		: 1px solid #333;
}

.blog_bar_top
{
font-family			: Georgia,Verdana,Arial,sans-serif;
font-size			: 12px;
line-height			: 13px;
color				: #999;
font-style 			: italic;
font-weight			: normal;
}

.blog_bar_bot,
.blog_bar_bot a
{
font-family			: Georgia,Verdana,Arial,sans-serif;
font-size			: 12px;
line-height			: 18px;
color				: #ff6600;
font-weight			: normal;
display				: block;
margin				: 0 0 5px 0;
}

.blog_message
{
position			: relative;
width				: 100%;
margin				: 5px 0;
}

.blog_message img
{
margin				: 0 18px 5px 5px;
}


/* guestbook */

.guestbookinput
{
width				: 98%;
}

.submit_btn
{
height				: 21px;
margin				: 2px 0;
cursor				: pointer;
background			: #666;
border				: #ccc 1px solid;
}

#contactform .submit_btn
{
margin:10px 0 2px 0;
}

.submit_btn:hover
{
color				: #fff;
}

.spacer
{
margin				: 0 0 5px 0;
}

.guestbook_post
{
position			: relative;
width				: 98%;
border				: 1px solid #333;
margin				: 0 0 5px 0;
background			: #cccc99 url(../img/ccc_filler.jpg) repeat-x top left;
}

.guestbook_post .author_bar
{
width				: 100%;
position			: relative;
background			: #ccc;
border-bottom		: 1px solid #333;
}

.guestbook_post .guestbook_message
{
position			: relative;
width				: 100%;
background			: #cccc99;
}

.guestbook_post .inside_guestbook_head
{
margin				: 3px 2% 2px;
width				: 96%;
background			: #cccccc;
}

.guestbook_post .inside_guestbook_message
{
margin				: 3px 2% 2px;
width				: 96%;
background			: #cccc99;
}



/* photo gallery */


div.thumbnail_image_holder 
{
position			: relative;
width				: 135px;
height				: 101px;
float				: left;
margin				: 1px;
border				: 1px solid #333;
cursor				: pointer;
overflow			: hidden;
}

div.thumbnail_image_holder img
{
width: 150px;
}

div.detail_image_holder 
{
display				: block;
margin-bottom		: 5px;
}

div.detail_image_menu 
{
position			: relative;
display				: block;
margin				: 0px auto;
height				: 53px;
width				: 80px;
overflow			: hidden;
}

div.detail_image_menu img 
{
position			: relative;
display				: block;
border				: none;
margin				: 0;
padding				: 0;
width				: 80px;
}

div.detail_image_menu a 
{
display				: block;
float				: left;
margin				: 3px 6px 3px 0;
}

.catagory_img
{
position			: relative;
margin				: 8px 0px 0px 5%;
display				: block;
float				: left;
width				: 44%;
z-index				: 11;
white-space			: nowrap;
padding				: 0;
border				: 1px solid #e9e9e9;
overflow			: hidden;
}

/* contactform */

#contactform
{
position			: relative;
display				: block;
width				: 90%;
margin-left			: 20px;
}

#contactform label
{
position			: relative;
display				: block;
float				: left;
width				: 200px;
}

#contactform span
{
color				: #cc0000;
font-weight			: bold;
}

#contactform input,
#contactform p
{
position			: relative;
display				: block;
float				: left;
width				: 400px;
}

#contactform textarea,
#contactform span#message_parent
{
position			: relative;
display				: block;
float				: left;
width				: 400px;
height				: 150px;
}

.back_button
{
text-decoration		: none;
color				: #333333;
font-size			: 12px;
font-weight			: bold;
font-family			: Arial, Helvetica, sans-serif;
text-align			: right;
float				: right;
margin-right		: 10px;
cursor				: pointer;
}

.back_button:hover
{
text-decoration		: none;
color				: #339999;
font-size			: 12px;
font-weight			: bold;
font-family			: Arial, Helvetica, sans-serif;
text-align			: right;
float				: right;
margin-right		: 10px;

}

.back_button span
{
float				: right;
display				: block;
position			: absolute;
right				: 20px;
top					: 0px;
width				: 60px;
z-index				: 600;
}

.back_button span span
{
float				: right;
display				: block;
position			: absolute;
right				: 0px;
margin-top			: 3px;
width				: auto;
z-index				: 600;
}

.remove_border
{
border				: none !important;
}

.hidden
{
display				: none !important;
}

.reset_width
{
width				: auto !important;
}

.error {
color				: #cc0000;
}

/* popups */
#popup_bg
{
position			: fixed;
top					: 0px;
left				: 0px;
width				: 100%;
height				: 100%;
display				: block;
margin				: 0px;
padding				: 0px;
background-color	: #333333;
opacity				: 0.7;
filter				: alpha(opacity=70);
z-index				: 10000;
background-attachment: scroll;	
}

#popup_content
{
position			: fixed;
display				: block;
left				: 50%;
top					: 50%;
background-color	: #aa4b30;
background-image	: url(../img/popup_msg_bg.png);
background-repeat	: repeat-x;
border				: 3px #ff3333 solid;
border-bottom		: 3px #ff6633 solid;
border-right		: 3px #ff6633 solid;
z-index				: 10001;
overflow			: hidden;
}

#popup_content h1, 
#popup_content h2, 
#popup_content h3,
#popup_content h4, 
#popup_content h5, 
#popup_content h6,
#popup_content p
{
color				: #ffffff;
font-family			: Georgia, Arial, sans-serif;
}

#popup_content h1, 
#popup_content h2, 
#popup_content h3,
#popup_content h4, 
#popup_content h5, 
#popup_content h6
{
font-size			: 20px;
font-weight			: bold;
text-align			: center;
line-height			: 24px;
margin-bottom		: 10px;
}

#popup_content p
{
font-size			: 14px;
font-weight			: normal;
text-align			: left;
line-height			: 18px;
margin-bottom		: 5px;
}

#popup_content a.link
{
color				: #ffffff;
font-family			: Arial, sans-serif;
font-size			: 14px;
font-weight			: normal;
font-style			: italic;
text-decoration		: underline;
text-align			: center !important;
line-height			: 30px;
margin-bottom		: 5px;
margin-top			: 5px;
cursor				: pointer;
}

#photo_holder
{
position			: absolute;
left				: 10px;
top					: 10px;
z-index				: 10004;
opacity				: 1;
filter				: alpha(opacity=100);
}

#popup_content p.reason
{
text-align			: center;
font-style			: italic;
}

#popup_close_btn
{
position			: fixed;
display				: block;
height				: 30px;
width				: 30px;
left				: 50%;
top					: 50%;
background-image	: url(../img/close.png);
z-index				: 10002;
border				: none;
cursor				: pointer;
}

a#popup_previous 
{
position			: absolute;
display				: block;
cursor				: pointer;
top					: 50%;
left				: 2%;
margin				: -19px 0 0 0;
width				: 40px;
height				: 38px;
background			: url("../img/popup_previous_button.png") no-repeat scroll 0px 0px transparent;
z-index				: 10005;
}

a#popup_previous:hover  
{
background			: url("../img/popup_previous_button.png") no-repeat scroll 0 -38px transparent;
}

a#popup_next
{
position			: absolute;
display				: block;
cursor				: pointer;
top					: 50%;
right				: 2%;
margin				: -19px 0 0 0;
width				: 40px;
height				: 38px;
background			: url("../img/popup_next_button.png") no-repeat scroll 0px 0px transparent;
z-index				: 10005;
}

a#popup_next:hover  
{
background			: url("../img/popup_next_button.png") no-repeat scroll 0 -38px transparent;
}

/* forms */
.cs_clear, .clear 
{
clear				: both;
font-size			: 1px;
height				: 1px;
line-height			: 1px
}