body
{   
    margin:0px 0px 0px 0px;
    height:100%; /*Required for IE6*/
}

h1
{
    margin:0 0 0 0;
    padding:0 0 0 0;
    position:absolute;
    font-family:Arial;
    font-weight:normal;
    font-size:10px;
    color:White;
    bottom:5px;
    left:5px;
    z-index:2;
}

h2
{
    margin-bottom:0px;
    margin-top:0px;
    margin-left:auto;
    margin-right:auto;
    padding-bottom:0px;
    padding-top:0px;
    padding-left:0px;
    padding-right:0px;
    position:relative;
    width:540px;
    top:110px;
    font-weight: normal;
}

h3
{
    margin-bottom:0px;
    margin-top:0px;
    margin-left:auto;
    margin-right:auto;
    padding-bottom:0px;
    padding-top:0px;
    /*padding-left:100px;*/
    padding-right:0px;
    position:relative;
    width:580px;
    top:100px;
    font-weight: normal;
}

.page
{
    position:absolute;
    width:100%;
    height:100%;
    overflow:hidden;
}

.main_content
{   
    position:absolute;
    width:100%;
    height:100%;
    border-style:none;
    border-width:3px;
    z-index:2;
    overflow:hidden;
    
}

#company_detail
{
    position:absolute;
    top:310px;
    width:120px;
    height:190px;
    font-size:10px;
    font-family:Arial,Verdana;
    color:White;
    background-image:url('images/photo/descrip_box30.png'); 
    background-position:10px 0px;
    background-repeat:no-repeat;
    left:-80px;
    color:White;
    padding-left:85px;
    padding-right:10px;
    padding-top:3px;
    text-align:left;
    border-style:none;
    border-width:1px;
}

.Description_link
{   
    color:White;
    font-weight:bold;
    text-decoration:none;
}

#logo
{
    background-image:url('images/photo/logo_photo2.png'); 
    position:absolute;
    top:10px;
    left:-50px;
    width:200px;
    height:113px;
}

.resize_background
{
    position:absolute;
    width:100%;
    height:100%;
    z-index:0;
    overflow:hidden;
}

.resize_background2
{
    position:absolute;
    width:100%;
    height:auto;
    min-height:100%;
    bottom:0px;
    min-width:920px;
    overflow:hidden;
}

.main_font,.heading_font,.general_link
{   
    font-size:14px;
    font-family:Arial,Verdana;
    /*line-height:23px;*/
    margin-bottom:0px;
    margin-top:0px;
    margin-left:0px;
    margin-right:0px;
    padding-bottom:0px;
    padding-top:0px;
    padding-left:0px;
    padding-right:0px;
    letter-spacing:0px;
    color: white;
    font-weight: normal;
}

.heading_font
{   
    font-weight: bold;
    font-size:14px;
    
}
.general_link
{
    text-decoration:underline;
    font-weight:bold;
}

.image_input
{
    background-color:Transparent;
    background-image:url(images/photo/blank.gif); /*Required for IE8 to allow focus*/
    width:166px;
    height:20px;
    border-style:none;
    border-width:1px;
}

.image_textarea
{
    background-color:Transparent;
    background-image:url(images/photo/blank.gif); /*Required for IE8 to allow focus*/
    width:169px;
    height:93px;
    border-style:none;
    border-width:1px;
    overflow: auto; 
}

.image_submit
{   
    font-size:14px;
    font-family:Arial,Verdana;
    background-color:Transparent;
    border-style:none;
    border-width:1px;
    cursor:pointer;
    
    
    font-weight:bold;
    text-decoration:underline;
    color:White;
    
}


.back_button
{
    position:absolute;
    font-size:14px;
    font-family:Arial,Verdana;
    font-weight:bold;
    color:white;
    z-index:2;
    border-style:none;
    background-color:Transparent;
    text-decoration:underline;
    cursor:pointer;
}

#copyright,#listings,#sitemap,#text_links
{
    position:absolute;
    font-family:Arial;
    font-size:10px;
    color:White;
    bottom:5px;
    z-index:2;
}

#copyright
{
    left:150px;
}

#sitemap
{
    left:345px;
    bottom:6px;
}

#text_links
{
    left:415px;
}

#listings
{   
    right:5px;
}

.indent
{   
    margin:  0 0 0 20px;
    padding: 0 0 0 0;
}

.small_link
{
    color:White;
    text-decoration:none;
    font-weight:bold;
}
.small_link:hover
{
   text-decoration:underline;
}

.footer_link
{
    color:White;
    text-decoration:none;
    font-weight:bold;
}
.footer_link:hover
{
   text-decoration:underline;
}

#content_container
{
    position:relative;
    width:460px;
    height:340px;
    top:130px;
    margin-left:auto;
    margin-right:auto;
    border-style:none;
    border-width:1px;
    
}

#content_background
{
    position:absolute;
    width:460px;
    height:340px;
    top:0px;
    left:0px;
    background-image:url(images/photo/contact_background.gif);
    filter:alpha(opacity=50);
    opacity:0.5;     
}


/*HOME*/
#home_heading1,#home_heading2,#home_heading3
{   
    font-family:georgia, serif;
    color:#4c5434;
    font-size:30px;
    font-weight:normal;
    border-style:none;
    width:420px;
    left:0px;
}

#home_heading1
{
    margin-bottom:0px;
    margin-top:0px;
    margin-left:auto;
    margin-right:auto;
    padding-bottom:0px;
    padding-top:0px;
    /*padding-left:100px;*/
    padding-right:0px;
    position:relative;
    font-weight: normal;
    
    font-size:20px;
    top:75px;
    
}

#home_heading2
{
    top:70px;
    color:#484848;
    font-size:50px;
    
}

#home_heading3
{
    top:65px;
    text-align:right;
    color:#975365;
}


/*HOME*/


/*CONTACT*/


#contact_name,#contact_address,#email_address,#contact_questionnaire
{
    position:absolute;
    display:block;
    width:260px;
    left:10px;
    z-index:2;
}

#contact_name
{   
    top:7px;
}

#contact_address
{   
    top:auto;
    top:27px;
}

#email_address
{
    margin-bottom:0px;
    margin-top:0px;
    margin-left:0px;
    margin-right:0px;
    padding-bottom:0px;
    padding-top:0px;
    padding-left:0px;
    padding-right:0px;
    top:126px;
    background-image:url(images/photo/email.png);
    background-repeat:no-repeat;
    width:171px;
    height:13px;
    
}

#contact_questionnaire
{   
    top:275px;
    width:450px;
}

#email_enquiry,#enquiry_labels,#enquiry_status
{
    position:absolute;
    left:200px;
    display:block;
    width:250px;
    border-style:none;
    border-width:1px;
    z-index:2;
}

#email_enquiry
{   
    top:7px;
}

#enquiry_labels
{
    top:64px;
    line-height:26px;
}

#enquiry_status
{
    top:80px;
    width:250px;
}

#enquiry_form_background
{
    position:absolute;
    top:66px;
    left:274px;
    width:178px;
    height:147px;
    background-image:url(images/photo/enquiry_form.gif);
    background-repeat:no-repeat;
    background-position:top left;
    z-index:2;
}

#enquiry_name,#enquiry_email,#enquiry_message
{
    position:absolute;
    left:279px;
    z-index:2;
}

#enquiry_name
{
    top:71px;
}

#enquiry_email
{  
    top:94px;
}

#enquiry_message
{   
    top:117px;
}

#enquiry_submit
{
    position:absolute;
    top:215px;
    left:405px;
    z-index:2;
    width:50px;
}

#enquiry_back
{   
    position:absolute;
    top:180px;
    left:190px;
    
    width:50px;
    height:50px;
}

/*CONTACT*/


/*PORTFOLIO PAGE*/
#portfolio_client
{
    position:absolute;
    top:7px;
    left:7px;
    z-index:2;
}

#portfolio_description
{
    position:absolute;
    top:25px;
    left:7px;
    width:450px;
    border-style:none;
    z-index:2;
    
}

.portfolio_picture
{
    position:absolute;
    background-repeat:no-repeat;
	background-position:right;
    top:100px;
    left:112px;
    width:238px;
    height:167px;
    z-index:2;
	outline:none;
}

#portfolio_picture1
{
    background-image:url("images/photo/cookshop.gif");   
}

#portfolio_picture2
{
    background-image:url("images/photo/walpole.gif");   
}

#portfolio_picture3
{
    background-image:url("images/photo/socialstock.gif");   
}

#portfolio_picture4
{
    background-image:url("images/photo/beta_male.gif");   
}

#portfolio_picture5
{
    background-image:url("images/photo/eapg.gif");   
}

#portfolio_picture6
{
    background-image:url("images/photo/propeller.gif");   
}

#portfolio_picture7
{
    background-image:url("images/photo/smw.gif");   
}

#portfolio_picture8
{
    background-image:url("images/photo/ipms.gif");   
}

#portfolio_picture9
{
    background-image:url("images/photo/freeman.gif");   
}

#portfolio_picture10
{
    background-image:url("images/photo/sherbet.gif");   
}
#portfolio_picture11
{
    background-image:url("images/photo/chinatech.gif");   
}
#portfolio_picture12
{
    background-image:url("images/photo/random.gif");   
}
#portfolio_picture13
{
    background-image:url("images/photo/george.gif");   
}

#portfolio_picture14
{
    background-image:url("images/photo/ribui.gif");   
}

#portfolio_link
{
    position:absolute;
    top:280px;
    left:0px;
    width:460px;
    border-style:none;
    text-align:center;
    text-decoration:none;
    z-index:2;
    font-weight:bold;
	outline:none;
}
#portfolio_link:hover
{
    text-decoration:underline;
}

#portfolio_first,#portfolio_1,#portfolio_2,#portfolio_3,#portfolio_4,#portfolio_5,#portfolio_6,#portfolio_7,#portfolio_8,#portfolio_last
{
    position:absolute;
    top:310px;
    text-decoration:none;
    width:18px;
    height:18px;
    padding-left:4px;
    padding-top:1px;
    z-index:2;
    font-weight:bold;
	cursor:pointer;
	outline:none;
}
#portfolio_first:hover,#portfolio_1:hover,#portfolio_2:hover,#portfolio_3:hover,#portfolio_4:hover,#portfolio_5:hover,#portfolio_6:hover,#portfolio_7:hover,#portfolio_8:hover,#portfolio_last:hover
{   
    text-decoration:underline;
}


#portfolio_1_selected,#portfolio_2_selected,#portfolio_3_selected,#portfolio_4_selected,#portfolio_5_selected,#portfolio_6_selected,#portfolio_7_selected,#portfolio_8_selected
{
   position:absolute;
    top:310px;
    text-decoration:none;
    width:18px;
    height:18px;
    padding-left:4px;
    padding-top:1px;
    z-index:2;
    font-weight:bold;
}

.portfolio_selected
{
    background-image:url(images/photo/selected.gif);
    background-repeat:no-repeat;
	padding-left:5px;
	cursor:default;

}

.port_link
{
	outline:none;
}

#portfolio_first
{
    left:252px;
}
#portfolio_1,#portfolio_1_selected
{
    left:272px;
}
#portfolio_2,#portfolio_2_selected
{
    left:292px;
}
#portfolio_3,#portfolio_3_selected
{
    left:312px;
}
#portfolio_4,#portfolio_4_selected
{
    left:332px;
}
#portfolio_5,#portfolio_5_selected
{
    left:352px;
}
#portfolio_6,#portfolio_6_selected
{
    left:372px;
}
#portfolio_7,#portfolio_7_selected
{
    left:392px;
}
#portfolio_8,#portfolio_8_selected
{
    left:412px;
}

#portfolio_last
{
    left:432px;
}




#portfolio_menu
{
	position:absolute;
	top:310px;
	left:60px;
	list-style:none;
	display:inline;
	font-weight:bold;
	color:#FFF;
	padding:0;
	margin:0;
	z-index:1;
}

#portfolio_menu li
{
	float:left;
	margin:0;
	padding:0;
	text-align:center;
	width:22px;
	height:21px;
	cursor:pointer;
}

#portfolio_menu li a
{
	text-decoration:none;
	text-align:center;
	color:#FFF;
	padding:0;
	margin:0;
	outline:none;
}

#portfolio_menu li:hover
{
	text-decoration:underline;
}

.portfolio_selected2
{
    background-image:url(images/photo/selected.gif);
    background-repeat:no-repeat;
	background-position:3px 0px;
	cursor:default;
}






#portfolio_medium_container
{
    position:absolute;
    top:10px;
    left:10px;
    width:465px;
    height:420px;
    z-index:2;
    padding-right:10px;
    overflow:visible;
    border-style:none;
    border-width:1px;
}

#content_container_medium
{
    position:relative;
    width:490px;
    height:340px;
    top:130px;
    margin-left:auto;
    margin-right:auto;
    border-style:none;
    border-width:1px;
    
}

#content_background_medium
{
    position:absolute;
    width:490px;
    height:340px;
    top:0px;
    left:0px;
    background-image:url(images/photo/contact_background_490.gif);
    filter:alpha(opacity=50);
    opacity:0.5;     
}

/*PORTFOLIO PAGE*/

/*ABOUT PAGE*/
#about1,#about2,#about3
{
    position:absolute;
    left:7px;
    width:450px;
    border-style:none;
    z-index:2;
}
#about1
{   
    top:17px;
}
#about2
{
    top:120px;
}
#about3
{
    top:200px;
}


/*ABOUT PAGE*/


/*FAQ*/
#question1,#question2,#question3,#question4,#question5,#question6,#question7,#question8,#question9,#question10,#question11
{
    position:absolute;
    left:10px;
    text-decoration:none;
    font-weight:bold;
    width:500px;
    z-index:2;
}
#question1:hover,#question2:hover,#question3:hover,#question4:hover,#question5:hover,#question6:hover,#question7:hover,#question8:hover,#question9:hover,#question10:hover
{
    text-decoration:underline;
}
#question1
{
    top:10px;
}
#question2
{
    top:35px;
}
#question3
{
    top:60px;
}
#question4
{
    top:85px;
}
#question5
{
    top:110px;
}
#question6
{
    top:135px;
}
#question7
{
    top:160px;
}
#question8
{
    top:185px;
}
#question9
{
    top:210px;
}
#question10
{
    top:235px;
}
#question11
{
    top:295px;
    font-weight:normal;
}

#question_pointer
{
    position:absolute;
    top:0px;
    left:0px;
    width:0px;
    height:0px;
    visibility:hidden;
}


#question
{
    position:absolute;
    top:10px;
    left:10px;
    text-decoration:none;
    width:450px;
    font-weight:bold;
    font-size:15px;
    z-index:2;
}

#answer
{
    position:absolute;
    top:38px;
    left:10px;
    width:430px;
    height:270px;
    overflow:auto;
    z-index:2;
    padding-right:10px;
}

#question_back1,#question_back2,#question_back3,#question_back4,#question_back5,#question_back6,#question_back7,#question_back8,#question_back9,#question_back10
{   
    left:10px;
    top:315px;
    z-index:3;
}


/*FAQ*/


/*QUESTIONNAIRE*/
#questionnaire
{
    position:absolute;
    top:10px;
    left:10px;
    width:430px;
    height:294px;
    z-index:2;
    padding-right:10px;
    overflow:auto;
}

.questionnaire_label
{
    position:relative;
    display:block;
    margin-left:3px;
    margin-top:10px;
}
.questionnaire_edit
{
    position:relative;
    background-color:Transparent;
    background-image:url(images/photo/blank.gif); /*Required for IE8 to allow focus*/
    border-style:none;
    width:385px;
    height:20px;
    display:block;
    top:5px;
    font-size:13px;
    left:5px;
    z-index:2;
}

.questionnaire_edit_bg
{
    position:absolute;
    background-image:url(images/photo/edit_medium.gif);
    background-repeat:no-repeat;
    width:395px;
    height:30px;
    z-index:1;
    
}

.questionnaire_textarea
{
    position:relative;
    background-color:Transparent;
    background-image:url(images/photo/blank.gif); /*Required for IE8 to allow focus*/
    width:384px;
    height:139px;
    border-style:none;
    overflow:auto;
    display:block;
    margin-left:7px;
    margin-top:5px;
    font-size:13px;
    z-index:2;
    
}

.questionnaire_textarea_bg
{
    position:absolute;
    background-image:url(images/photo/edit_large.gif);
    background-repeat:no-repeat;
    width:395px;
    height:150px;
}

#questionnaire_status
{
    position:absolute;
    top:10px;
    left:10px;
    width:440px;
    height:320px;
    overflow:auto;
    z-index:2;
}

#questionnaire_back
{
    left:0px;
    top:300px;
    width:50px;
    height:50px;
}

#questionnaire_back2
{
    left:12px;
    top:312px;
    width:50px;
    height:50px;
}

#questionnaire_title
{   
    top:auto;
    width:auto;
}

#questionnaire_intro
{
    top:auto;
    width:auto;
}

#questionnaire_submit
{   
    border-style:none;
    width:50px;
    left:-5px;
    text-decoration:underline;
   
    
    margin-bottom:0px;
    margin-top:0px;
    margin-left:0px;
    margin-right:0px;
    padding-bottom:0px;
    padding-top:0px;
    padding-left:0px;
    padding-right:0px;
    position:absolute;
    
}    
/*QUESTIONNAIRE*/

/*LINKS*/
#links
{
    position:absolute;
    top:10px;
    left:10px;
    width:430px;
    height:314px;
    z-index:2;
    padding-right:10px;
    overflow:auto;
    border-style:none;
    border-width:1px;
}

.link_link
{
    font-size:14px;
    font-family:Arial,Verdana;
    color: white;
    font-weight: bold;
    text-decoration:none;
}

.link_link:hover
{
   text-decoration:underline;
}

/*LINKS*/

/******MENU BUTTON BACKGROUND******/
#home,#about,#portfolio,#faq,#contact,#home_button,#about_button,#portfolio_button,#faq_button,#contact_button
{   
    background-position:10px 0px;
    background-repeat:no-repeat;
    position:absolute;
    width:200px;
    height:30px;
    left:-80px;
    right:0px; /*IE seems to require this redundant value to make hover work*/
    color:White;
    font-family:Verdana,Arial;
    font-weight:normal;
    font-size:18px;    
    text-decoration:none;
    padding-right:10px;
    padding-top:3px;
    text-align:right;
    border-style:none;
    border-width:1px;
    
}

#home,#about,#portfolio,#faq,#contact
{
    background-image:url(images/photo/menu_box.gif);
    left:-60px;
}

#home_button,#about_button,#portfolio_button,#faq_button,#contact_button
{   
    background-image:url(images/photo/menu_box30.png);
}

#home_button:hover,#about_button:hover,#portfolio_button:hover,#faq_button:hover,#contact_button:hover
{
    background-image:url(images/photo/menu_box60.png);
    left:-60px;
}
#home,#home_button
{   
    top:130px;
}
#about,#about_button
{   
    top:165px;
    
}
#portfolio,#portfolio_button
{
    top:200px;
    
}
#faq,#faq_button
{
    top:235px;
    
}
#contact,#contact_button
{
    top:270px;
    
}

#change_theme_button
{
    background-image:url(images/photo/menu_box30.png);
    background-repeat:no-repeat;
    position:absolute;
    width:200px;
    height:30px;
    color:White;
    font-family:Verdana,Arial;
    font-weight:normal;
    font-size:18px;    
    text-decoration:none;
    padding-left:10px;
    padding-top:3px;
    border-style:none;
    border-width:1px;
    top:12px;
    right:-45px;
}

#change_theme_button:hover
{
    background-image:url(images/photo/menu_box60.png);
    right:-25px;
}