html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, img, small, sub, sup, ul, li, fieldset, form, label, legend  
{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font-family: inherit; vertical-align: baseline; }

body { background:url(img/Background.png) repeat-x 0 0; font:13px/20px Arial, sans-serif; color:#444; }
h1, h2 { font:italic 24px Georgia, sans-serif; border-bottom:1px solid #ccc; margin-bottom:20px; padding:0 0 10px }
h3 { font-size:18px; font-weight:700; }
h4 { font-size:14px; font-weight:700; }
p { margin:0 0 20px; }

a { text-decoration:underline; color:#008080}
a:hover { color:#88c1c5}
ul.list { padding-left:35px; margin:20px 0; }
ul.list li#first { list-style:none; margin-left:-15px; }

.f-left { float:left; }
.f-right { float:right; }
.wrapper { width:960px; margin:0 auto; }
.noteBox { float:right; width:300px; padding:10px; background:url(img/Background.png) repeat-x bottom left; border:1px solid #88c1c5; border-bottom:0; margin:0 0 5px; }

/*
Header
*/
#header 							{ float:left; width:100%; height:105px; overflow:hidden; }
h1#logo 							{ float:left; width:159px; height:54px; margin-top:20px; clear:right; background:url(img/Logo.png) no-repeat; text-indent:-9999px; border:0;}
h1#logo a							{ width:159px; height:54px; display:block; border:0; }
ul#navigation 					{ float:right; width:476/*550*/px; height:29px; line-height:29px; margin-top:70px; font-size:13px; font-weight:700; }
#navigation li 					{ display:inline; list-style:none; height:29px; line-height:29px; background:url(img/menu.png) no-repeat 0 0; padding:6px 0 5px 1px; margin-right:5px; }
#navigation li:hover 			{ background:url(img/menu.png) no-repeat 0 -31px;  }
#navigation li a 					{ color:#fff; text-decoration:none; background:url(img/menu.png) no-repeat right top; padding:6px 12px 5px 11px; margin-right:-5px; margin-top:-6px; }
#navigation li a:hover, #navigation li.current_page_item a	{ background:url(img/menu.png) no-repeat right -31px; margin-right:-5px; padding:6px 12px 6px 11px; }


/*
Front Page - Slider + Tagline
*/
#frontpage 						{ float:left; width:100%; height:290px; overflow:hidden; }
#frontpage h1.motto 			{ float:left; width:330px; font:24px/36px Arial, sans-serif; margin:30px 0; border:0; }
a.btn span 						{ float:left; display:block; width:10px; height:28px; line-height:28px; background:url(img/Button.png) no-repeat left top;   }
a.btn 								{ float:left; height:28px; line-height:28px; background:url(img/Button.png) no-repeat right top; padding:0 10px 0 0px; color:#fff; text-decoration:none; }
#weDo, #weAre 				{ margin:10px; }
#slider 								{ float:left; position:relative; overflow:hidden; width:500px; height:250px; border:1px solid #ddd; margin-top:20px }
#slider ul 							{ position:absolute; list-style:none; top:0; left:0}
#slider li 							{ float:left; width:490px; height:220px; padding:5px}
.pagination 						{ clear:left; position:relative; float:left;  list-style:none; height:25px; }
.pagination li 						{ float:left; cursor:pointer; padding:3px; margin:0 4px 0 0; text-align:center; color:#222}
.pagination li:hover 			{ background:#ddd;  color:#000}
li.current 							{ border-top:1px solid #aaa; }


/*
Content
*/
#main 								{ float:left; width:100%; background:#f5f5f5; padding:25px 0; border-top:1px solid #ddd }
#main2								{ float:left; width:100%; padding:25px 0;}
#content 							{ float:left; width:620px; }
#aside 								{ float:right; width:300px; }
#sidebar 							{ float:right; width:300px; background:url(img/SecondaryBg.png) repeat-y 0 0; display:inline;}
#cta 								{ float:left; text-align:center; width:268px; margin:15px 15px 25px; }
#start-project 					{ float:left;width:190px; height:38px; margin:0 39px; background:url(img/StartChat.png) no-repeat top left; display:block; text-indent:-9999px; }
blockquote 						{ float:left; font:13px/1.5em Trebuchet Ms, Arial, sans-serif; margin:10px; background:url(img/quote1.png) no-repeat top left; }
blockquote p 						{ margin:10px; padding:20px; background:url(img/quote2.png) no-repeat bottom right;}
blockquote cite 					{ padding-bottom:10px; display:block; font-style:normal; }

.module						{ float:left; padding:20px; }
.module a					{ float:left; }
.module img.thumb			{ float:left; margin:5px; padding:5px; }


/*
Portfolio
*/
.entry { float:left; width:100%; overflow:hidden; }
.entry { float:left; width:100%; overflow:hidden; }
.entry p, .entry h3 { float:right; width:340px; overflow:hidden; }
.thumb { background:#fff; padding:5px; border:1px solid #88c1c5; margin:0 10px 10px 0 }
.preview { float:left; }
.selectList {width:204px;}
.listspacer {margin-bottom:20px;}
.listspacer a#backbutton {float:right; font-family:Georgia;}

/*
Vertical Navigation
*/
ul#v-nav							{ float:left; width:100%; overflow:hidden; font-size:13px; font-weight:700; margin-bottom:20px; }
ul#v-nav li							{ float:left; margin:0 0 2px; list-style:none; width:100%; }
ul#v-nav li a						{ background:url(img/v-navBg.png) repeat-x bottom left; padding:3px 10px; width:278px; display:block; border:1px solid #ddd; text-decoration:none;}
ul#v-nav li a:hover,ul#v-nav li.current_page_item a	{ background:#008080 !important; color:#fff; padding:3px 10px; width:278px; display:block; border:1px solid #666888;}


#footer 							{ float:left; width:100%; height:105px; background:#008080; }
ul#navlinks							{ float:left; width:400px; list-style:none;  }
ul#navlinks li						{ display:inline; margin:2px; }
ul#navlinks li a, ul#navlinks li a:hover		{ color:#88c1c5 !important;  font-size:11px;}
p#copy                                                     {color:#046666; display:block; font-size:11px; line-height:1; margin:40px 0 0; padding:0;}
p#footertxt                                            {margin-top:15px; margin-bottom:0; color:#88c1c5 !important;  font-size:12px;}
p#footertxt a                                            { color:#88c1c5 !important;  font-size:12px;}
/*
Start a project
*/
.start-project                                    { width:500px; display:block;}
.start-project div#left                     { float:left; width:250px;}
.start-project div#right                   { float:right; width:250px;}
.start-project div#bottom                 { float:left; width:350px;}
.start-project  input                           { width: 200px;}
.start-project  select#contactby     { width: 110px;}
.start-project  select                         { width: 200px;}
.start-project  textarea                      { width: 350px;}
.start-project  input#submit1           {width: 110px;}  