/* @override http://creativemagma.com/css/style.css */

@charset "UTF-8";
/* ---------------------------------------
---------------------------------------
-------------------------------------

	Stylesheet created by 
		CREATIVE MAGMA
	www.creativemagma.com

-------------------------------------
---------------------------------------
----------------------------------------- */

html, * {
	margin: 0px;
	padding: 0px;
}

body {
	background: #1b0000;
	margin: 0;
	padding: 0;
}

#bg {
	margin-right: auto;
	margin-left: auto;
	background: url(../images/bg-whole.jpg) no-repeat 50%;
	height: 800px;
}

#bg2 {
	margin-right: auto;
	margin-left: auto;
	background: url(../images/bg-whole2.2.jpg) no-repeat 50%;
	padding: 0px;
	margin-top: 0px;
}

#bg3 {
	margin-right: auto;
	margin-left: auto;
	background: url(../images/bg-contact.jpg) no-repeat;
background-position:50% 0;
	padding: 0px;
	margin-top: 0px;
	height: 875px;
}

#bg4 {
	margin-right: auto;
	margin-left: auto;
	background: url(../images/bg-articles.jpg) no-repeat;
	background-position:50% 0;
	padding: 0px;
	margin-top: 0px;
	height: 1130px;
}

#container {
	width: 900px;
	height: 768px;
	margin: 0px auto;
	padding: 0px;
}

#container2 {
	width: 900px;
	height: 1400px;
	margin: 0px auto;
	padding: 0px;
}

#logo {
	margin: 0px auto;
	padding: 0px;
	height: 400px;
	width: 550px;
}

#logo .transparent {
	margin-left: 75px;
	margin-top: 45px;
}

#nav {
	width: 900px;
	margin-top: 36px;
	height: 106px;
	padding: 0px;
}

#nav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: inline;
}

#nav ul li {
	float: left;
	width: 292px;
	height: 107px;
	margin: 0px;
	padding: 0px;
}

#nav ul li a {
	float: left;
	width: 292px;
	height: 107px;
	margin: 0px;
	padding: 0px;
}

#nav  ul  li.portfolio, #nav  ul  li.portfolio a  {
	background: url(../images/nav.jpg) no-repeat 0px 0px;
}

#nav  ul  li.portfolio a:hover {
	background: url(../images/nav.jpg) no-repeat 0px -107px;
}

#nav ul li.blog, #nav ul li.blog a {
	background: url(../images/nav.jpg) no-repeat -292px 0px;
}

#nav ul li.blog a:hover {
	background: url(../images/nav.jpg) no-repeat -292px -107px;
}

#nav ul li.start, #nav ul li.start a {
	background: url(../images/nav.jpg) no-repeat -584px 0px;
}

#nav ul li.start a:hover {
	background: url(../images/nav.jpg) no-repeat -584px -107px;
}
#nav ul li#start, #nav ul li#start a {
	background: url(../images/nav.jpg) no-repeat -584px 0px;
}

#nav ul li#start a:hover {
	background: url(../images/nav.jpg) no-repeat -584px -107px;
}

#nav2 {
	width: 901px;
	height: 106px;
	padding: 25px 0px 0px;
}

#nav2 ul {
	margin: 0px 0px 0px 25px;
	padding: 0px;
	list-style: none;
	display: inline;
}

#nav2 ul li {
	float: left;
	width: 292px;
	height: 106px;
	margin: 0px;
	padding: 0px;
}

#nav2 ul li a {
	float: left;
	width: 292px;
	height: 106px;
	margin: 0px;
	padding: 0px;
}

#nav2  ul  li.portfolio2, #nav  ul  li.portfolio2 a  {
	background: url(../images/nav2.2.png) no-repeat 0px 0px;
}

#nav2  ul  li.portfolio2 a:hover {
	background: url(../images/nav2.2.png) no-repeat 0px -107px;
}

#nav2 ul li.blog2, #nav ul li.blog2 a {
	background: url(../images/nav2.2.png) no-repeat -292px 0px;
}

#nav2 ul li.blog2 a:hover {
	background: url(../images/nav2.2.png) no-repeat -292px -107px;
}

#nav2 ul li.start2, #nav2 ul li.start2 a {
	background: url(../images/nav2.2.png) no-repeat -584px 0px;
}

#nav2 ul li.start2 a:hover {
	background: url(../images/nav2.2.png) no-repeat -584px -106px;
}

#categories {
	height: 29px;
	margin-left: 43px;
	margin-top: 5px;
}

#categories ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: inline;
}

#categories ul li {
	float: left;
	margin-right: 24px;
	color: #ebecec;
	font: 18px "Helvetica Neue", Verdana, Arial, sans-serif, Tahoma;
}

#categories ul li a {
	color: #ebecec;
	text-decoration: none;
}

#wrap {
	margin: 0px;
	padding: 0px;
}
    
#gallery-content {
	float: right;
	width: 155px;
	margin: 38px 58px 0px 0px;
	padding: 0px;
}
    
#gallery-right ul.gallery_demo_unstyled {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#gallery-right {
	padding: 0px;
}

#gallery-right .gallery_demo_unstyled li {
	margin: 19px 10px 12px 0px;
	padding: 0px;
	list-style-type: none;
}

.clear {
	clear: both;
}

#title {
	float:left;
	margin-left:40px;
	margin-top:50px;
}

#icons {
	float: left;
	margin-top: 37px;
	margin-left: 15px;
}

.left-margin {
	margin-left: 10px;
}

.pagination-one {
	font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
	color: #FFFFFF;
	margin: -11px 0 0;
}

.pagination-one a {
	color: #FFFFFF;
	text-decoration: none;
	cursor: pointer;
	padding: 5px;
}

.pagination-one a:hover {
	color: #FFFFFF;
	text-decoration: none;
	cursor: pointer;
	padding: 5px;
	background-color: #8e0000;
}

.pagination-two {
	font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
	color: #FFFFFF;

	margin-top: 178px;
}

.pagination-two a {
	color: #FFFFFF;
	text-decoration: none;
	cursor: pointer;
		padding: 5px;

}
.pagination-two a:hover {
	color: #FFFFFF;
	text-decoration: none;
	cursor: pointer;
		padding: 5px;
	background-color: #8e0000;


}
#footer {
	height: 50px;
	margin: 5px 0px 0px;
	font: 12px "Lucida Grande", "Lucida Sans", Verdana;
}

.space {
	margin-top: 15px;
}
#top-bar {
	height: 20px;
}

#top-bar #center {
	margin-right: auto;
	margin-left: auto;
	width: 1000px;
	height: 100%;
}




#form-left-left {
	float: left;
	width: 264px;
	height: 400px;
	margin-right: 12px;
	margin-top: 43px;
	margin-left: 22px;
}

#form-left-left p {
	font: 13px "Lucida Grande", "Lucida Sans", Verdana;
		color: #8a350e;
		margin-top: 12px;
		margin-left: 5px;
}


.eight {
	font-size: 8px;
}






#form-wrap {
	width: 397px;
	float: left;
	margin-left: 43px;
	margin-top: 5px;
}

#main {
	float: left;
	margin-top: 60px;
	margin-left: 64px;
}

#middle {
	float: left;
	width: 25px;
	margin-top: 16px;
	margin-left: 40px;
}

#top-bar #center #text-left {
	float: left;
	width: 200px;
}

#top-bar #center #text-right {
	float: right;
	width: 447px;
	color: #CCCCCC;
	font: 12px Verdana, Arial, Helvetica, sans-serif, Tahoma;
	text-transform: uppercase;
	margin-top: 0px;
}

#top-bar #center #text-right a {
	color: #CCCCCC;
	text-decoration: none;
	font-size: 11px;
}

#top-bar #center #text-right a:hover {
	color: #FFFFFF;
}

#form-left-left a {
	text-decoration: none;
	color: #7B371C;
}

#form-left-left a:hover {
	text-decoration: none;
	color: #d62937;
}

/*-----------------ARTICLES / CONTENT PAGES---------------------*/

#content-left-left {
	float: left;
	width: 720px;
	height: 766px;
	margin-right: 12px;
	margin-top: 0px;
	margin-left: 22px;
}

#content-left-left p {
	font: 13px "Lucida Grande", "Lucida Sans", Verdana;
		color: #8a350e;
		margin-top: 12px;
		margin-left: 5px;
}

#content-left-left a {
	color: #5A0D0C;
	text-decoration: none;
}

#content-left-left a:hover {
	color: #74110F;
}

#content-left-left h2.suscribe {
	font: 21px Helvetica, Arial, sans-serif;
	color: #6F0505;
}

#main #content-left-left #frmSS3 {
	width: 500px;
}

.myForm tr td .align-right {
	text-align: right;
}

.align-r {
	text-align: right;
}

.myForm tr td input {
	width: 250px;
	margin-bottom: 3px;
	height: 25px;
	margin-top: 3px;
}

.myForm tr td textarea {
	width: 250px;
	height: 150px;
}