body{
	background-image: url('http://www.bemygoth.com/layoutimg/background.jpg');
}

p{
	font-size: 16px;
	font-family: georgia;
	margin: 20px 20px 0px 20px;
	color: white;
}

ul{
	font-size: 16px;
	font-family: georgia;
	margin: 10px 50px 0px 50px;
	color: white;
}

li{

	font-size: 16px;
	font-family: georgia;
	margin: 5px 10px 0px 10px;
}

h1,h2,h3,h4,h5,h6{
	font-family: georgia;
	margin: 20px 10px 5px 10px;
	color: #ffa500;
}

.zero_list_style{
	list-style-type: none;
}

.small{
	font-size: 13px;
}

.black{
	color: #000000;
}

.white{
	color: white;
}

.orange{
	color: #ffa500;
}

.pclass{
	font-size: 16px;
	font-family: georgia;
	margin: 15px 10px 0px 10px;
}

.center{
	text-align: center;
}

.align_left{
	text-align: left;
}

.align_right{
	text-align: right;
}

.left{
	float: left;
}

.right{
	float: right;
}

.disclaimer{
    font-size:10px;
    margin: 0px;
    text-align:center;
    color:#999999;
}

.underline{
	text-decoration: underline;
}

.zero_margin{
	margin: 0px 0px 0px 0px;
}

.framed{
	border: 5px ridge #ffa500;
}

a.link_white:link {color: #ffffff;}
a.link_white:visited {color: #ffffff;}
a.link_white:hover {color: #ffa500;}
a.link_white:active {color: #ffa500;}

a.link_black:link {color: #000000;}
a.link_black:visited {color: #000000;}
a.link_black:hover {color: #ffffff;}
a.link_black:active {color: #ffffff;}

a.link_orange:link {color: #ffa500;}
a.link_orange:visited {color: #ffa500;}
a.link_orange:hover {color: #ffa500; text-decoration: underline;}
a.link_orange:active {color: #ffa500; text-decoration: underline;}
a{text-decoration: none;}



/*----- MENU -----*/
.div_menu{
	background-image: url('http://www.bemygoth.com/layoutimg/button.jpg');
	height: 25px;
	width: 900px;
	margin: 0px auto 0px auto;
	font-weight: bold;
	text-align: center;
}

.menu_p_button{
	margin: 2px 0px 0px 0px;
	float: left;
	width: 90px;
	text-align: center;
}

.menu_p_button_left{
	margin: 2px 0px 0px 45px;
	float: left;
	width: 90px;
	text-align: center;
}



/*----- HEADER -----*/

.div_header{
	height: 175px;
	width: 900px;
	margin: 30px auto 0px auto;
	background-image: url('http://www.bemygoth.com/layoutimg/header.jpg');
}

.div_header_menu{
	float: right;
}

a.header_menu_link:link {color: #ffffff;}
a.header_menu_link:visited {color: #ffffff;}
a.header_menu_link:hover {color: #ffa500;}
a.header_menu_link:active {color: #ffa500;}

.header_menu_p_button{
	float: left;
	margin: 5px 10px 0px 0px;
	font-size: 12px;
}

/*----- TUT BOX -----*/
/* box sizes are based on the golden ratio 1,61 : 1 */

.tut_box_div_small{
	text-align: center;
	margin: 30px 0px 0px 0px;
	height: ;
	width: 267px;
	float: left;
}

.tut_box_div_large{
	text-align: center;
	margin: 0px 0px 0px 0px;
	height: ;
	width: 332px;
	float: left;
}

.tut_box_h_small{
	margin: 10px 0px 5px 0px;
}

.tut_box_h_large{
	margin: 10px 0px 5px 0px;
}

.tut_box_span_small{
	font-size: 16px;
	color: #ffffff;
}

.tut_box_span_large{
	font-size: 20px;
	color: #ffffff;
}

.tut_box_img_small{
	height: 165px; /* image ratio based on 300x225 */
	width: 220px; /* div width - 2x5(frame) - 2x20(margin from p) */
	border: 5px ridge #ffa500;
}

.tut_box_img_small_vertical{
	height: 220px; /* image ratio based on 300x225 */
	width: 165px; /* div width - 2x5(frame) - 2x20(margin from p) */
	border: 5px ridge #ffa500;
}

.tut_box_img_large{
	height: 207px;
	width: 275px;
	border: 5px ridge #ffa500;
}



/*----- SUBSCRIBE -----*/

.subscribe_h{
	text-align: center;
	margin: 0px 0px 5px 0px;
}

.subscribe_div{
	width: 900px;
	margin: 0px 0px 0px 0px;
	text-align: center;
}

.subscribe_div_contain_p{
	float: left;
	margin: 0px 0px 0px 40px;
	width: 220px;
	
}

.subscribe_p{
	width: 220px;
	margin: 10px 0px 0px 0px;
}

.subscribe_p_heading{
	float: left;
	width: 260px;
	margin: 5px 0px 20px 0px;
}

.subscribe_p_input{
	float: left;
	margin: 5px 0px 0px 0px;
}

.subscribe_img{
	height: 165px; /* same size as the tut_box_img_small */
	width: 220px;
	margin: 0px 0px 0px 75px; /* remember the 5px border on either side */
	float: left;
	border: 5px ridge #ffa500;
}

.subscribe_form{
	width: 260px;
	margin: 10px 0px 0px 55px;
	float: left;
}

.subscribe_input_text{

}

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



/*----- VIDEO TUTORIAL -----*/

.video_tutorial_div_overview{
	width: 900px;
	margin: 10px 0px 0px 0px;
	text-align: center;
}

.video_tutorial_object{
	height: 385px;
	width: 640px;
	margin: 0px auto 0px auto;
}

.video_tutorial_p{
	width: 500px;
	margin: 10px 0px 0px 250px;
}


/*----- DIV -----*/



.div_main{
	width: 900px;
	margin: 0px auto 0px auto;
	background-image: url('http://www.bemygoth.com/layoutimg/main.jpg');
}

.div_footer{
	width: 900px;
	height: 100px;
	margin: 0px auto 75px auto;
	background-image: url('http://www.bemygoth.com/layoutimg/footer.jpg');
}

.div_tut_overview_horizontal{
	height: 120px;
	width: 900px;
	margin: 50px 0px 20px 0px;
}

.div_tut_overview_vertical{
	height: 170px;
	width: 900px;
	margin: 50px 0px 20px 0px;
}

.div_tut_need_text{
	margin: 0px 0px 0px 0px;
	float: left;
	width: 400px;
}

.div_tut_first_text_horizontal{
	margin: 0px 0px 0px 0px;	
}

.div_tut_first_text_vertical{
	margin: 0px 0px 0px 0px;
}

.div_tut_horizontal{
	height: 338px;
	width: 900px;
	margin: 50px 0px 0px 0px;
}

.div_tut_horizontal_ekstra_text{
	height: 450px;
	width: 900px;
	margin: 50px 0px 0px 0px;
}

.div_tut_vertical{
	height: 450px;
	width: 900px;
	margin: 50px 0px 0px 0px;
}

.div_tut_extra_text{
	margin-bottom: 125px;
}

.div_tut_extra_text2{
	margin-bottom: 175px;
}

.div_comment{
	text-align: left;
	width: 500px;
	margin:5px auto 0px auto;
}

.div_comment_contain{
	text-align: center;
}

.div_comment_verify{
	margin: 15px auto 0px auto;
	height: 30px;
	width: 60px;
	border: 1px solid #ffa500; 
}

.div_gallery{
	width: 205px;
	margin: 0px 0px 0px 30px;
	text-align: left;
	float: left;
}

.div_gallery_image_main{
	height: 250px;
	width: 900px;
	margin: 0px 0px 0px 0px;
}

.div_gallery_image_left{
	height: 500px;
	width: 450px;
	margin: 0px 0px 0px 0px;
	float: left;
	text-align: center;
}

.div_gallery_image_right{
	height: 500px;
	width: 450px;
	margin: 0px 0px 0px 450px;
	text-align: center;
}

.div_banner_image{
	width: 900px;
	margin: 50px 0px 0px 0px;
	text-align: center;
}

.div_banner_code{
	width: 400px;
	margin: 0px auto 0px auto;
	text-align: left;
}

/*----------header----------*/

.header_img{
	height: 175px;
	width: 900px;
	margin: 0px 0px 0px 0px;
}

.header_logo{
	margin: -25px 0px 0px -50px;
	position: relative;
	border: 0px black solid;
}



/*----------main------------*/

.main_h_comment_title{
	text-align: center;
	margin-top: -20px;
}

.main_p_comment_pagenumber{
	text-align: center;
}

.main_p_comment_verify{
	margin: 5px auto 0px auto;
}

.main_p_comment_message{
	font-style: italic;
	margin: 20px 40px 0px 40px;
}

.main_p_comment_date{
	text-align: right;
	margin-top: -18px;
	color: #888888;
}

.main_form_add_comment{
	width: 600px;
	margin: 10px auto 0px auto;
	text-align: center;
}

.main_hr_comment{
	 color: #444444;
	 background-color: #444444;
	 border: 1px solid #444444;
	 margin: 30px 30px 0px 30px;
}

.main_p_comment_username{
	margin: 10px 20px 0px 20px;
	color: #aa0000;
}

.main_p_comment_text{
	text-align: left;
	margin-left: 150px;
}

.main_span_comment{
	font-size: 13px;
	color: #999999;
}

.main_textarea_comment{
	margin-top: 16px;
}

.main_input_comment_right{
	float: right;
	margin-right: 150px;
	margin-top: -18px;
}

.main_input_comment_verify{
	margin-top: 10px;
}

.main_input_comment_submit{
	margin-top: 10px;
}

.back_span{
	font-size: 13px;
	font-family: georgia;
	margin: 5px 5px 5px 5px;
	font-style: italic;
	text-decoration: underline;
}

.main_title{
	text-align: center;	
}

.main_tut_title{
	text-align: center;
	margin:	30px auto 20px auto;	
}

.main_subtitle{
	color: white;
	text-align: center;
	margin: 0px 200px 0px 200px;
}

.ul_tut_need{
	margin: 0px 0px 0px 0px;
}

.to_top{
	font-style: italic;
	font-size: 13px;
	text-align: right;
}

.news_p{
	margin: 35px 15px 0px 15px;
}

.news_tree{
	margin: 2px 5px 0px 15px;
}

.blog_p{
	margin: 35px 15px 0px 15px;
}

.tut_price_p{
	text-align: center;
	color: #ffffff;
	margin: 0px;
	font-size: 12px;
}

.main_p_buy{
	text-align: center;
	margin-top: 100px;
	margin-bottom: 30px;
}

.main_img_download_center{
	height: 338px;
	width: 450px;
	margin: 5px 223px 0px 223px;
}

.blog_tree{
	margin: 2px 5px 0px 15px;
}

.faq_link{
	margin-left: 40px;
}

.banner_code_below{
	margin: 5px 0px 0px 0px;
	color: #ffa500;
	text-align: center;
}

.banner_code_p{
	margin: 0px 0px 0px 0px;
	padding: 5px;
	color: black;
	background-color: #ffffff;
}

/*--------footer----------*/

.footer_img{
	height: 100px;
	width: 900px;
	margin: 0px 0px 0px 0px;
}

/*-----------images-------*/

.image_divider_vertical{
	height: 320px;
	width: 17px;
	margin: 20px auto 0px auto;
	float: left;
}

.image_divider_horizontal{
	height: 41px;
	width: 900px;
	margin: 0px auto 0px auto;
}

.image_divider_horizontal_bottom{
	height: 41px;
	width: 900px;
	margin: 20px auto 30px auto;
}

.image_225x300{
	height: 225px;
	width: 300px;
}

.image_169x225{
	height: 225px;
	width: 169px;
}

.image_tut_overview{
	height: 150px;
	width: 200px;
	margin: 0px 20px 0px 40px;
	float: left;
}

.image_tut_overview_vertical{
	height: 200px;
	width: 150px;
	margin: 0px 20px 0px 40px;
	float: left;
}

.image_tut_first_text_saver{
	height: 0px;
	width: 900px;
	margin: 0px 0px 0px 0px;
}

.image_tut_first_horizontal{
	height: 338px;
	width: 450px;
	margin: 0px 20px 0px 20px;
	float: left;
}

.image_tut_horizontal{
	height: 338px;
	width: 450px;
	margin: 0px 20px 0px 20px;
	float: left;
}

.image_tut_first_vertical{
	height: 450px;
	width: 338px;
	margin: 0px 20px 0px 20px;
	float: right;
}

.image_tut_vertical{
	height: 450px;
	width: 338px;
	margin: 0px 20px 0px 20px;
	float: left;
}

.image_tut_extra_text{
	margin-top: 35px;
	margin-bottom: 15px;
}

.image_tut_extra_text2{
	margin-top: 65px;
	margin-bottom: 35px;
}

.image_gallery_overview_horizontal{
	height: 150px;
	width: 195px;
	margin: 5px 0px 0px 0px;
}

.image_gallery_overview_vertical{
	height: 150px;
	width: 125px;
	margin: 5px 0px 0px 0px;
}

.image_gallery_horizontal{
	height: 300px;
	width: 400px;
	margin: 0px 0px 0px 0px;
}

.image_gallery_vertical{
	height: 400px;
	width: 300px;
	margin: 0px 0px 0px 0px;
}