/*
/*

----- zavvydesigns screen stylesheet -----
----- zavvydesigns.com 2008 -----

----- Background Colours -----

Main Background: #fff

----- Foreground Colours -----

Main Content: #fff

----- Text Colours -----

Main Heading: #4b6b72
Sub-Heading: #a4d2d5
Main Body: #ccc
Secondary Body: #999
Internal Link: #c00
External Link: #cf3
Internal Link Hover: #900
External Link Hover: #690

----- Dimensions -----

Site Width: 922px
Left Column Width: 683px
Right Column Width: 195px 

*/


/* ----- universal styles ----- */

* {
	margin: 0;
	padding: 0;
	border: none;
}

/* ----- tags ----- */
/* Generic styles that apply to specific HTML tags e.g. body, ul, p, a, strong, blockquote, cite, pre, code etc… */
body {
background-color: #ffffff; 
text-align: left; 
line-height: 15px; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 13px; 
color: #333333;
text-decoration: none;
}

p {
line-height: 15px; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 13px; 
color: #333333;
padding-top: 0.5em;
padding-bottom: 0.5em;
}

a:link {
color: #339999;
	text-decoration: underline;
	padding-bottom: 1px;
}

img a {
background-image: none;
}

a: visited {
color: #abbebe;
text-decoration: none;
}

a:hover {
color: #4f6b72;
background-color: #cae8ea;
}



ul {
margin-left: 2em;
padding: 1em;
}

ul li {
	display: block;
	list-style-type: disc;
	line-height: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	margin-top: 0.5;
	margin-bottom: 0.5em;
}



/* ----- page wrapper ----- */
/* Styles that apply to the page wrapper layout. */
#wrapper { 
 margin: 0 auto;
 width: 922px;
}

#faux {
 background: url(fauxcol.gif);
 margin-bottom: 5px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%
}

/* ----- heading and text styles ----- */
/* Styles that apply to content headings and body text. */
h1 {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 18px;
	line-height: 26px;
	color: #4f6b72;
	font-weight: bold;
	letter-spacing: 2px;
	text-transform: uppercase;
}

h2 { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 16px; 
line-height: 24px; 
color: #4f6b72; 
	letter-spacing: 1px;
font-weight: normal; 
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	letter-spacing: 1px;
	line-height: 25px;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #4f6b72;
	line-height: 18px;
}
p {
line-height: 15px; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #333333;
padding-top: 0.5em;
padding-bottom: 0.5em;
}


/* Styles that are used universally e.g. a .hide style. */

/* ----- header ----- */
/* Styles that apply to the website masthead. */
#header {
 color: #333;
 width: 902px;
 padding: 10px;
 height: 120px;
 margin: 10px 0px 5px 0px;
 background: #fff;
}

/* ----- global navigation ----- */
/* Styles that apply to global navigation. */
#navigation {
 color: #4f6b72;
 padding: 10px;
 margin: 0px 0px 5px 0px;
 background: #fff;
}

#navlist
{
padding: 3px 0;
margin-left: 0;
border-bottom: 1px solid #778;
font: bold 16px Verdana, sans-serif;
}

#navlist li
{
list-style: none;
margin: 0;
display: inline;
}

#navlist li a
{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: #a4d2d5;
text-decoration: none;
}

#navlist li a:link { color: #4f6b72; }
#navlist li a:visited { color: #4f6b72; }

#navlist li a:hover
{
color: #fff;
background: #4f6b72;
border-color: #4f6b72;
}

#navlist li a#current
{
background: white;
border-bottom: 1px solid white;
}

/* ----- contact form ----- */
/* Styles that apply to contact form */
#formwrapper { 
 color: #333;
 border: 1px dashed  #C1DAD7;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 width: 650px;
 float: left;
 background: #fff;
}
.textbox {
   font-size: 11px;
   background-color: #fff;
   border: 1px solid #4f6b72;
}

.button {
 font: 14x "Trebuchet MS", Arial, Helvetica, sans-serif;
 background-color: #D7E5F2;
 color: #102132;
 margin-left: 12px;
 margin-top: 3px;
 margin-bottom: 2px;
}

/* ----- table ----- */

#formwrapper th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA;
}



#formwrapper td {
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #333;
	font-size: 11px;
		font-family: Arial, Helvetica, sans-serif;

}


#formwrapper td.alt {
	background: #F5FAFA;
	color: #333;
		font-size: 11px;

		font-family: "Trebuchet MS", Verdana, Arial, sans-serif;

}

th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA;
}

th.alt{
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
		text-align: left;
	padding: 6px 6px 6px 12px;
	background: #fff;
}

td.alt {
	background: #F5FAFA;
	color: #333;
	font-size: 11px;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	list-style: disc;
}
/* ----- content ----- */
/* Styles that apply to the main content area. */
#packagelist {
	margin: 5px;
	padding: 5px;
	width: auto;
	border: thin dotted #0099cc;
	font-weight: normal;
}

/* ----- left column ----- */
/* Styles that apply to the left column. */
#leftcolumn {
	float: left;
	color: #333;
	margin: 10px;
	padding: 0px;
	width: 683px;
	display: inline;
	position: relative;
}

#attentionbox {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 12px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #cae8ea;
	border-right-color: #cae8ea;
	border-bottom-color: #cae8ea;
	border-left-color: #cae8ea;
	width: 500px;
	float: none;
	padding: 3px 3px 3px 6px;
}

/* ----- right column ----- */
/* Styles that apply to the right column. */
#rightcolumn { 
 display: inline;
 color: #333;
 margin: 10px;
 padding: 0px;
 width: 195px;
 float: right;
}

#sidebar {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 11px;
	padding: 10px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #abbebe;
	border-right-color: #abbebe;
	border-bottom-color: #abbebe;
	border-left-color: #abbebe;
	width: 160px;
	float: none;
}


/* ----- footer ----- */
/* Styles that apply to the website footer. */
#footer { 
 width: 902px;
 clear: both;
 color: #4f6b72;
 background: #fff;
 margin: 0px 0px 10px 0px;
 padding: 10px;
 border-top-style: dotted;
 border-top-color: #abbebe;
 }

/* ----- images ----- */
/* Styles that apply to images. */
#portfoliowrapper { 
 color: #333;
 border: 1px dashed  #C1DAD7;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 width: 900px;
 float: left;
 background: #fff;
}
/* ----- classes ----- */
/* Styles that apply to classes. */
.clear { clear: both; background: none; }

.footer {
 color: #4f6b72;
font-size: 10px;
text-align: center;
}

.packageheader {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA;
}

.packagedetails
 {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;

}

.imglink
{
background: none; !important;
text-decoration: none;
}