/* 
   #92D6C6 : Aqua Blue
   #3D3729 : Brown
   #56A391 : Blue Links

	Pattern: Courtesy of Squidfingers (Awesome pattern collection)
	Bird: Copyright of Simon Oxley (istockphoto)

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

CSS Developed by Postscript5

This site has been tested on Mozilla, Firefox, IE, PC & Mac. And on various screen resolutions.

Email: grace@postscript5.co.uk

Please learn from this css but please do not steal either the CSS or content. 
I have learnt from so many sources whilst learning css and building sites with it, 
below were and still are my daily reading and helplines, so if you are just starting out on the path
to learning CSS i highly recommend these for inspiration, guidance and help;

Books: 

1. Bulletproof Web Design by Dan Cederholm (Essential!) As you can see i loved his box tutorial!
2. Designing with Web Standards by Jeffrey Zeldman
3. More Eric Meyer on CSS by Eric A. Meyer
4. CSS Mastery: Advanced Web Standards Solutions by Andy Budd
5. The CSS Anthology: 101 Essential Tips, Tricks and Hacks by Rachel Andrew (Awesome Book, this is my 'bible')

Websites: 

http://www.maxdesign.com.au/presentation/process/
http://www.soxiam.com/Notes/CSSTools
http://www.designmeltdown.com/default.aspx
http://www.huddletogether.com/projects/lightbox2/
http://www.pmob.co.uk/
http://www.barelyfitz.com/screencast/html-training/css/positioning/
http://www.colourlovers.com/
http://cssmania.com/
http://www.cssremix.com/
http://designshack.co.uk/
http://www.collylogic.com/
http://www.simplebits.com/
http://veerle.duoh.com/index.php
http://www.sitepoint.com/forums/ (CSS Forum - Great help when you need it right away!)

If you like or dislike my site please let me know, i love the feedback!
Or if you really like it please submit it to a CSS Showcase site, thanks!
 ----------------------------- */

/* Main */

body {
	background: transparent;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 61.5%;
	line-height: 1.5;
	color: #FAF5E9;
}

.container {
	margin: 0 auto;
	width: 900px;
	height: 100%;
	padding: 10px;
}

.container1 {
	margin: 0 auto;
	width: 900px;
	height: 100%;
	padding: 10px;
}


/* Basics */

h1 {
	font-size: 25px;
	line-height: 28px;
	color: #1F1F1F;
	background-color: inherit;
}

h2 {
	color: #1F1F1F;
	background-color: inherit;
	margin-bottom: -8px;
	font-size: 16px;
	line-height: 22px;
	text-decoration: none;
}

h5 {
	color: #1F1F1F;
	background-color: inherit;
	margin-bottom: -8px;
	font-size: 12px;
	line-height: 12px;
	text-decoration: none;
}



img {
	border-style: none;
}

/* Linkage */

a:link, a:visited {
	color: #1887AB;
	text-decoration: underline;
}

a:hover {
	color: white;
	background: #000000;
	padding: 0;
	text-decoration: none;
}

/* External Linkage */

a.external span {
	display: none;
}

a.external:link{
	color: #D11C7A;
	text-decoration: underline;
	background: url(collection/external_linkage.png) no-repeat 100% 0;
	padding: 0 12px 0 0;
}

a.external:hover {
	color: #fff;
	padding: 1px;
	text-decoration: none;
	background: #000000 url(collection/external_linkage.png) no-repeat 100% 0;
	padding: 0 12px 0 0;
}

/* Logo & Badge */

#badge {
    background: transparent url(collection/badge_beta5.png) no-repeat;
    overflow: hidden;
    width: 80px;
    height: 80px;
    position: absolute;
	margin-left: -60px;
	margin-top: -7px;
	float: left;
	z-index: 4;
}

#logo {
    background: transparent url(logosq.jpg) no-repeat;
    overflow: hidden;
    width: 450px;
    height: 160px;
    position: absolute;
	margin-left: 0px;
	margin-top: 3px;
	z-index: 3;
}

#testimonialtop {
	overflow: hidden;
	width: 280px;
	height: 110px;
	position: absolute;
	margin-left: 638px;
	margin-top: 30px;
	z-index: 3;
	left: 150px;
	top: 26px;
}

/* Blue Divider */

#topbar {
	width: 100%;
	height: 7px;
	margin: 0 auto;
	padding: 0;
	background: #D11C7A;
	z-index: 0;
}

#bottombar {
	width: 100%;
	height: 7px;
	margin: 0 auto;
	padding: 0;
	background: #157B95;
	z-index: 0;
}

/* List Stylings */

ul.list {
	margin-left: 0;
	padding: 0;
	list-style-type: none;
}

ul.bullet {
	color: #3D3729;
	background-color: inherit;
	margin-left: 0;
	padding: 0;
}

ul.bullet li {
	list-style-type: square;
	list-style-position: inside;
}

ul.contactline, ul.contactliner {
	margin-left: 0;
	padding: 0;
	list-style-type: none;
}

ul.contactline li {
	padding: 3px 0;
}

ul.contactliner li {
	padding: 3px 0;
	border-top: 1px dotted #ccc;
}

/* Navigation Tabs */

#navtabs {
	background: #000000;
	font-size:1.2em;
	line-height: 24px;
	padding-bottom: 0;
	z-index: 0;

}
#navtabsholder {
	width: 900px;
	margin: 0 auto;
	padding: 1px 0 0;
	text-align: right;
	z-index: 0;
}

ul#navigate {
	margin-right: 0;
	margin-bottom: 0;
	padding-right: 2px;
	z-index: 0;
}

#navtabs li {
	display: inline;
	list-style-type: none;
	z-index: 0;
}

#navigate a { 
	padding: 5px 12.5px 5px;
}

#navigate a:link, #navigate a:visited {
	color: #fff;
	text-decoration: none;
	background: #D11C7A;
}

#navigate a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #000000;
}

#navigated a { 
	padding: 5px 19px;
	z-index: 0;
}

#navigated a:link, #navigated a:visited {
	color: #fff;
	background-color: inherit;
	text-decoration: none;
}

#navigated a:hover {
	color: #fff;
	text-decoration: none;
	background: #000000;
}

/* Header & Content */

#header {
	background: #000000 url(toptop.jpg) repeat-x;
	height: 145px;
	position: relative;
	z-index: 0;
}

#content {	
	padding-top: 0px;
	font-size:1.2em;
	color: #555;
	background: #fff url(bg1a.jpg) repeat-x;
	min-height: 0px;
	z-index: 5;
}

.img {
	margin: 10px 0 5px;
	padding: 4px;
	border: 4px solid #d7d7d7;
}

#left {
	width: 415px;
	padding-bottom: 15px;
	float: left;
}

#rightcontent {
	background-color: #000000;
	width: 300px;
	margin: 10px 0 0 25px;
	float: right;
}


#toprightcontent {
	background: transparent url(fondotop.jpg) no-repeat;
	height: 50px;
	margin: 0px 0px 0px 0px;
}

.contentinset {
	padding: 0px 20px 20px;
	background-color: #000000;

}

.contentinset1 {
	padding: 1px 20px 20px;
	background-color: #000000;
}

.contactbox {
	background-color: #EEEFF0;
	padding: 1px 20px 5px;
}

.phonebox {
	border: 3px solid #EEE;
	background-color: #EEEFF0;
	padding: 1px 20px 5px 10px;
}

#maincontent {
	width: 455px;
	margin: -20px 0 40px;
}

#maincontent divider{
	background: url(collection/divider_diagonal.gif) repeat-x;
	}

#date {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 72.5%;
	line-height: 1.5;
	color: #56A391;
}
#clientTools {
	background-image:url(collection/Invoice_bg.png);
	width:360px;
	height: 215px;
	line-height: 0;
}
#clientTools_text {
	padding-left:36px;
	padding-right:20px;
	line-height:17px;
	font-family: "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Sans-Serif;
	font-size:11px;
	color:#FFFFFF;
}
#clientTools_content {
	padding-left:26px;
	padding-right:20px;
	line-height:17px;
	font-family: "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Sans-Serif;
	font-size:11px;
	color:#FFFFFF;
} 
#clientTools a:hover {
    background-color: #509282;
}
#clientProject {
	background-image:url(collection/Projectclient_bg.png);
	width:351px;
	height: 150px;
	line-height: 0;
}
#clientProject_text {
	padding-left:36px;
	padding-right:20px;
	line-height:17px;
	font-family: "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Sans-Serif;
	font-size:11px;
	color:#FFFFFF;
}
#clientProject a:hover {
    background-color: #509282;
    }


/* Contact Form */

form {
	margin: 5px 0px 0px;
	padding: 0 1em;
}
label {
	width: 150px;
}
input {
	width: 200px;
	margin-bottom: 5px;
	border: 1px solid #ccc;
	padding: 1px;
	color: #333;
}
textarea {
	width: 300px;
	border: 1px solid #ccc;
	padding: 1px;
	color: #333;
}
select { 
	padding: 1px;
}
input:focus, textarea:focus {
	background: #9FDACC;
	color: #000;
}
input.submit:focus {
	background: #9FDACC;
	color: #fff;
}
.submit {
	padding: 1px;
	background: #000000;
	border: 0px solid #777;
	color: #fff;
	margin-top: 10px;
}

/* Footer */

#footer {
	font-size: 1.2em;
	color: #fff;
	background: #000000;
	margin: 0;
	padding-bottom: 0px;
}

#footer a:link, #footer a:visited {
	color: #157B95;
	text-decoration: none;
}

#footer a:hover {
	color: #fff;
	background: #D11C7A;
	padding: 0;
	text-decoration: underline;
}

#rightlinks {
	float: right;
	margin-right:0px;
}

.split50,
.split7030{overflow:auto; width:100%;}
.split7030 .floatL{width:28%;}
.split7030 .floatR{width:68%;}	
.split50 .floatL{width:48%; }
.split50 .floatR{width:48%;}	


/* End Of CSS */