/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}

/* End Reset*/

#header_container {
height: 150px;
background-image:url(images/header_bg_01.jpg);
background-repeat:repeat-x;
}

#header {
height: 150px;
width:900px;
margin-left:auto;
margin-right:auto;
}

#header_top{
width: 900px;
height: 100px;
}

#logo{
margin-top: 25px;
float:left;
overflow:hidden;
background-image:url(images/logo.jpg);
background-repeat:no-repeat;
width:326px;
height:103px;
}

#logo a {
display:block;
width: 326px;
height: 103px;
}

#navigation {
width: 498px;
height:61px;
margin-top: 35px;
float:right;
overflow:hidden;
}

.button {
width: 98px;
height: 61px;
float:left;
overflow:hidden;
}

.home
{
  display: block;
  width: 98px;
  height: 61px;
  background: url("images/button_1.png") no-repeat 0 0;
}

.home:hover
{ 
  background-position: 0 -61px;
}

.packages
{
  display: block;
  width: 98px;
  height: 61px;
  background: url("images/button_2.png") no-repeat 0 0;
}

.packages:hover
{ 
  background-position: 0 -61px;
}

.portfolio
{
  display: block;
  width: 98px;
  height: 61px;
  background: url("images/button_3.png") no-repeat 0 0;
}

.portfolio:hover
{ 
  background-position: 0 -61px;
}

.faq
{
  display: block;
  width: 98px;
  height: 61px;
  background: url("images/button_4.png") no-repeat 0 0;
}

.faq:hover
{ 
  background-position: 0 -61px;
}

.contact
{
  display: block;
  width: 98px;
  height: 61px;
  background: url("images/button_5.png") no-repeat 0 0;
}

.contact:hover
{ 
  background-position: 0 -61px;
}

#home
{
  display: block;
  width: 98px;
  height: 61px;
  background: url("images/button_1.png") no-repeat 0 0;
}

#home :hover
{ 
  background-position: 0 -61px;
}

#header_bottom{
width: 900px;
float:left;
}

#header_text {
background-image:url(images/sundial.png);
background-position:center;
background-repeat:no-repeat;
width: 330px;
color:#bba36f;
font-family:"Arial Narrow", Calibri, Arial;
font-size:16px;
margin-top: 15px;
float:left;
overflow: hidden;
}

.slider_img{
margin-top: 30px;
margin-left: 25px;
float:left;
overflow:hidden;
width: 175px;
height: 175px;
}

.slider_text{
width: 225px;
height: 200px;
float: right;
overflow:hidden;
margin-top:30px;
margin-right: 15px;
}

.slider_text img{
margin-bottom: 10px;
}

.slider_text p{
font-family:"Arial Narrow", Calibri, Arial;
font-size:16px;
color:#bba36f;
}

#main_text {
background:url(images/main_text_bg.jpg);
background-repeat:repeat-x;
background-color:#e4e0dd;
}

#main_text_wrapper {
width:900px;
margin-left:auto;
margin-right:auto;
height: 900px;
}

#main_text p{
font-family:"Arial Narrow", Calibri, Arial;
color:#666666;
}

#main_text_wrapper img{
margin-left: 15px;
float:left;
}

#col_left{
background-image: url(images/col_left_bg.jpg);
background-repeat:repeat-x;
background-color:#f2f0ef;
width: 200px;
height:900px;
float:left;
overflow:hidden;
}
.col_header {
width:200px;
margin-top: 8px;
}

#col_left ul li{
font-family:"Arial Narrow", Calibri, Arial;
font-size: 16px;
color:#666666;
margin-left: 35px;
list-style:square;
}

#col_left ul li a{
font-family:"Arial Narrow", Calibri, Arial;
font-size: 16px;
color:#666666;
list-style:square;
text-decoration:none;
}

#col_left ul li a:hover{
text-decoration:underline;
}

h3 {
	color:#51352c;
	font-family:"Arial Narrow", Calibri, Arial;
	font-size:19px;
	margin-left: 8px;
	margin-right: 5px;
	line-height: 22px;
	width: 170px;
}

#quote{
font-family: "Geometr231 Lt BT", Arial, Helvetica, sans-serif;
font-size:22px;
font-style:italic;
}

.text {
margin-right: 8px;
margin-left: 8px;
color:#666666;
font-family:"Arial Narrow", Calibri, Arial;
font-stretch:narrower;
font-size:16px;
}

.text span{
font-size:20px;
color:#51352c;
}

.text .support{
font-size:16px;
}

.text a{
color:#51352c;
}

.text p{
margin-bottom: 25px;
}

#col_middle{
background-image: url(images/col_middle_bg.jpg);
background-repeat:repeat-x;
background-color:#d0cbcb;
width: 700px;
height:900px;
float:left;
overflow:hidden;
}

tr img{
margin-top: 10px;
}

#portfolio{
width:500px;
height: 500px;
margin-left:auto;
margin-right:auto;
}

#templates {
width:690px;
margin-top:10px;
}
#templates img {
margin-top: 10px;
margin-left:10px;
margin-right:10px;
}

.package_all{
width:300px;
height:220px;
background:url(images/header_bg_01.jpg);
float:left;
margin-left: 30px;
margin-bottom: 15px;
}

.package_all ul{
color:#CCCCCC;
margin-left: 18px;
}

.package_all h5{
margin-left: 5px;
font-family:"Arial Narrow", Arial;
font-size:18px;
}

.more{
background:url(images/more_bg.png);
background-repeat:no-repeat;
width:75px;
height:30px;
margin-left: 200px;
margin-top: 10px;
}

.more a {
display:block;
width: 75px;
height: 30px;
}
.more a:link {
	text-decoration: none;
	color:#000000;
}
.more a:visited {
	text-decoration: none;
	color:#000000;
}
.more a:hover {
	text-decoration: none;
	color:#000000;
}

.more a:active {
	text-decoration: none;
	color:#000000;
}


#previous {
background-image:url(images/continue_btn.png);
background-repeat:no-repeat;
width: 140px;
height: 28px;
font-family:"Arial Narrow", Calibri, Arial;
font-size:16px;
padding-top:3px;
}

#previous a {
display:block;
width: 140px;
height: 28px;
}
#previous a:link {
	text-decoration: none;
	color:#000000;
}
#previous a:visited {
	text-decoration: none;
	color:#000000;
}
#previous a:hover {
	text-decoration: none;
	color:#000000;
}

#previous a:active {
	text-decoration: none;
	color:#000000;
}

#continue {
background-image:url(images/continue_btn.png);
background-repeat:no-repeat;
width: 140px;
height: 28px;
font-family:"Arial Narrow", Calibri, Arial;
color:#666666;
font-size:16px;
padding-top:3px;
}


#continue a {
display:block;
width: 140px;
height: 28px;
}
#continue a:link {
	text-decoration: none;
	color:#000000;
}
#continue a:visited {
	text-decoration: none;
	color:#000000;
}
#continue a:hover {
	text-decoration: none;
	color:#000000;
}

#continue a:active {
	text-decoration: none;
	color:#000000;
}

form{
width: 500px;
}

#footer{
height: 200px;
background:#4f332a;
}

#footer span{
width:100%;
float:right;
font-family:"Arial Narrow", Calibri, Arial;
font-size: 16px;
color:#bba36f;
}

.footer_section{
width: 200px;
float:left;
margin-left:25px;
}

#footer_wrapper{
width:900px;
height: 150px;
margin-right:auto;
margin-left:auto;
}

h5{
font-family: "Geometr231 Lt BT", Arial, Helvetica, sans-serif;
font-size:22px;
color:#6abecb;
}

#footer li{
list-style:none;
}

#footer ul li a{
font-family:"Arial Narrow", Calibri, Arial;
font-size: 16px;
color:#bba36f;
text-decoration:none;
}
#footer ul li a:active{
font-family:"Arial Narrow", Calibri, Arial;
font-size: 16px;
color:#bba36f;
text-decoration:none;
}
#footer ul li a:visited{
font-family:"Arial Narrow", Calibri, Arial;
font-size: 16px;
color:#bba36f;
text-decoration:none;
}

#footer ul li a:hover{
font-family:"Arial Narrow", Calibri, Arial;
font-size: 16px;
color:#bba36f;
text-decoration: underline;
}

/* Easy Slider */

	#slider_content{
	position:relative;
	float:left;
	margin-left:35px;
	}
	
	#slider{
	
	}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:450px;
		height:250px;
		overflow:hidden; 
		}	
	
	#prevBtn, #nextBtn{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		top:10px;
		}	
	#nextBtn{ 
		top:71px;
		left:450px;
		}
		
		#prevBtn{
		top: 71px;
		left: -30px;		
		}			
													
	#prevBtn a, #nextBtn a{  
		display:block;
		width:30px;
		height:77px;
		background:url(images/btn_prev.png) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(images/btn_next.png) no-repeat 0 0;	
		}												

/* // Easy Slider */