@charset "UTF-8";
/* CSS Document */
a:link {
	text-decoration: none;
	color: #00a7fe;
}
a:visited {
	text-decoration: none;
	color: #0081c4;
}
a:hover {
	text-decoration: none;
	color: #ff6600;
}
a:active {
	text-decoration: none;
}

.tel {color: #00a7fe}

p{
color: #363f4d;
font-size:12px;
font-family:Helvetica,Verdana,sans-serif;
line-height:20px;
font-weight:100;
}

img{
border-width: thin;
border-style: solid;
border-color: #f3f3f3;
}

img:hover{
border-width: thin;
border-style: solid;
border-color: #d8d8d8;

}



h1{
color:#00a7fe;
font-family:Helvetica,Verdana,sans-serif;
font-size:20px;
line-height:15px;
font-weight:100;
}

h2{
text-decoration: none;
font-weight: normal;
color: #363f4d;
font-family:Helvetica,Verdana,sans-serif;
font-size: 14px;
line-height: 12px;
}


h3{
color: #7f7f7f;
font-size:12px;
font-family:Helvetica,Verdana,sans-serif;
font-weight: 100;
}


h4{
	font-weight: bold;
	font-style: italic;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	text-align: center;
	font-size: 14px;
	padding: 10px;
	background-color: #bbbec0;
	color: white;
}	


.floatleft {float:left;}
.floatright {float:right;}
.clear {clear:both;} 

* {
margin:0;
padding:0;
}

body {
background-image: url(/images/bg.gif);
background-position: top center;
background-repeat: repeat;
font-size: 62.5%; 
font-family: Helvetica, sans-serif;
	
}


	
#strip{
margin-left: -108px;
margin-bottom: 5px;
position: absolute;
background-image: url(/images/spiral.gif);
background-repeat: repeat-y;
width: 990px;
height: 720px;
z-index: -1;
}




	

#page-wrap{
width: 915px;
margin: 0 auto;
}


#bg{
background-image: url(/images/paper.gif);
background-repeat: repeat;
width: 915px;
height: 720px;
min-height: auto;
display: block;


}




/* footer */

#footer{

margin-left: -49px;

margin-top: 5px;
height:25px;
width: 965px;
float:left;
}

#site-by{
float: left;
width: 150px;
}

#site-by h3{
text-align: left;
}

#copyright{
float: right;
width: 300px;
}

#copyright h3{text-align: right;}

/* end footer */






#nav-container{
	float:left;
	width: 995px;
	height:63px;
	margin-top:0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -52px;
	top: 0px;
	left: 0px;
	background-image: url(../images/logo-header.gif);
	background-repeat: no-repeat
}


ul#nav li{
	
	display:inline;
	}
		ul#nav li a	{
		display:block;
		text-indent:-9999px;
		height:63px;
		float:left;
		overflow:hidden;
		
					}
					ul#nav li a.home  {
					margin-left: 503px;
					width:68px;
					background-image: url(../images/btn/home-btn.gif);
					background-position:bottom;
					background-repeat:no-repeat;
					
					}
					
					ul#nav li a.portfolio {
					width:81px;
					background-image: url(../images/btn/portfolio-btn.gif);
					background-position:bottom;
					overflow:hidden;
					}
					
					ul#nav li a.packages {
					width:92px;
					background-image: url(../images/btn/packages-btn.gif);
					background-position: bottom;
					overflow:hidden;
					}
					
					ul#nav li a.blog {
					width:54px;
					background-image: url(../images/btn/blog-btn.gif);
					background-position: bottom;
					overflow:hidden;
					}
					
					ul#nav li a.about {
					width:87px;
					background-image: url(../images/btn/about-btn.gif);
					background-position: bottom;
					overflow:hidden;
					}
					
					ul#nav li a.contact {
					width:82px;
					background-image: url(../images/btn/contact-btn.gif);
					background-position: bottom;
					overflow:hidden;
					}
					
					ul#nav li a:hover{
					background-position:top;
					background-repeat:no-repeat;
					
					}
					
					body#home ul#nav li a.home,
					body#portfolio ul#nav li a.portfolio,
					body#packages ul#nav li a.packages,
					body#about ul#nav li a.about,
					body#contact ul#nav li a.contact
					{
					background-position:top;
					overflow:hidden;
					}
					
					
ul#tab				{position: relative; top:120px; left:967px; z-index: 10;  }
					
ul#tab li a.contact {
					width:62px;
					height: 233px;
					background-image: url(../images/tab.png);
					background-position: bottom;
					overflow:hidden;
					
					}
					
ul#tab li a	{
		display:block;
		text-indent:-9999px;
		height:273px;
		float:left;
		overflow:hidden;
		}
		
li		{list-style: none;}
			
					
.main{
margin: 7px;
width: 900px;
height:600px;
float:left;
display: block;
}

#main-contact{
background-image: url(/images/contact-bg.jpg);
background-repeat: no-repeat;
}

.flash{
width: 900px;
height: 600px;
}

/* packages */

#main-packages{
}




#packages-col1{

margin-right: 2px;
padding: 14px;
display: inline;
width: 269px;
height: 580px;
float:left;

background-color: #DCDCDC;
}

#packages-col2{
margin-left: 2px;
margin-right: 2px;
padding: 14px;
display: inline;
width: 269px;
height: 580px;
float:left;

background-color: #DCDCDC;
}

#packages-col3{
margin-left: 2px;
padding: 14px;
display: inline;
width: 270px;
height: 580px;
float:left;

background-color: #DCDCDC;
}



.packages-img{
margin-top: 10px;
}

/* end of packages */


/* About us page */

.bio{
float:left;
width: 285px;
padding: 5px;
}

.bio img{
padding-left: 15px;
border-style: none;}

.bio-copy{

	padding-left: 15px;

	border-left-color: #3f3f3f;

	border-right-style: none;

	border-left-style: solid;

	border-bottom-style: none;

	border-top-style: none;

	border-right-width: 0px;

	border-top-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 1px;

}

.name{
padding-left: 15px;
padding-bottom: 15px;
padding-right: 5px;
padding-top: 291px;
float:left;
width:60px;
}

#tim{
margin-left: 50px;
}

#ben{
margin-left: 15px;
}


#main-home{
}




/* START of form styling */




fieldset { border: none; }
input, textarea, a { outline: none; }


form {
	padding: 275px 0 0 155px;
	width:700px;
	

}



#formLeft {
	width: 200px;
	float: left;
	}
	
	
	
#formRight{
width: 175px;
float: left;



}
#or{
padding-left: 0px;
padding-bottom: 0px;
padding-right: 25px;
padding-top: 100px;
text-align: center;
width: 25px;
float:left;
display: inline;

}



#contact-details{
padding:13px 0px 0px 0px;
width: 250px;
float:left;
display: inline;

}

#contact-details a{

font-size:14px;
font-family:Helvetica,sans-serif;
line-height:20px;
font-weight:100; }

	
	#formLeft input {
		background:transparent none repeat scroll 0 0;
		border:medium none;
		font-size:1.2em;
		margin:8px 0 0 0px;
		text-align:center;
		width:150px;
	}
	
	#formLeft .input-bg {
		background: url(/images/form-sm-bg.gif) bottom left no-repeat transparent;
		height:30px;
		margin-bottom: 13px;
		position: relative;
	}
	#formLeft .active {
		background: url(/images/form-sm-bg.gif) top left no-repeat transparent;
	}

	#formLeft textarea {
		background:transparent none repeat scroll 0 0;
		border:medium none;
		display:block;
		font-family:Helvetica,sans-serif;
		font-size:1.3em;
		height:175px;
		margin:0 0 0 10px;
		overflow:auto;
		padding:10px 0;
		width:130px;
	}
	
	#formRight textarea {
		background:transparent none repeat scroll 0 0;
		border:medium none;
		display:block;
		font-family:Helvetica,sans-serif;
		font-size:1.3em;
		height:175px;
		margin:0 0 0 10px;
		overflow:auto;
		padding:10px 0;
		width:130px;
	}

	
	#formRight .message-bg {
		background: url(/images/message-bg.gif) bottom left no-repeat transparent;
		height: 175px;
	}
	#formRight .active {
		background: url(/images/message-bg.gif) top left no-repeat transparent;
	}
label {
	font-family: Helvetica, sans-serif;
	display: block;
	font-size: 1.3em;
	text-indent: 0px;
	font-weight: normal;
}
label.error {
	position: absolute;
	top: -16px;
	right: 49px;
	padding: 3px;
	color: #da3939;
	font-size: 1.0em;
	text-align: right;
	font-style: italic;
	font-weight: normal;
}
input.submit-button {
	margin-top: 5px;
	float: left;
	width: 150px;
	height: 24px;
	
}






/* FINISH form styling */