#home { background: #0F0F0F url(../images/home.jpg) no-repeat top center;}
#about { background: #0F0F0F url(../images/about.jpg) no-repeat top center;}
#products { background: #0F0F0F url(../images/products.jpg) no-repeat top center;}
#services { background: #0F0F0F url(../images/services.jpg) no-repeat top center;}
#clients { background: #0F0F0F url(../images/clients.jpg) no-repeat top center;}
#contactpage { background: #0F0F0F url(../images/about.jpg) no-repeat top center;}

body {
	margin: 0;
	padding: 0;
	font-size: 13px;
}


body, th, td, select, option {
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #EFEFEF;
	font-size: 12px;
	line-height: 16px;
}

h1, h2, h3 {
	font-weight: normal;
	color: #FEFEFE;
}

h1 {
	font-size: 24px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: none;
}

h2 {
	font-size: 24px;
}

h3 {
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 20px 0 0 0;
}

p, ul, ol {
}

blockquote {
	padding-left: 1em;
}

blockquote p, blockquote ul, blockquote ol {
	line-height: normal;
	font-style: italic;
}

a {
	color: #FFFFFF;
}

a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}

/* Menu */

#menu
{
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url(../images/menu-back.png);
	height: 30px;
	width: 100%;
}

#menu ul
{
	list-style: none;
	margin-top: 7px;
}

#menu li
{
	display: inline;
	padding-right: 3.5em;
	font-size: 0.8em;
}

#menu li a
{
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	background-color: inherit;
	font-weight: bold;
}

#menu li a:hover
{
	border-top: solid 3px #DF0A07;
}

#menu li a.active
{
	border-top: solid 3px #DF0A07;
}


#menucon {
	width: 960px;
	margin: 0 auto;
}

.contact {
	text-align: right;
	color: #CECECE;
	margin: -29px 0 0 0;
	font-size: 11px;
}

.contact a {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 11px;
	padding: 0 10px 3px 23px;
	text-transform: uppercase;
	background-image: url(../images/tsp-icon.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.contact a:hover {
	text-decoration: none;
	text-transform: uppercase;
	color: #CCCCCC;
}


/* Header */

#header {
	width: 990px;
	height: 150px;
	margin: 0 auto;
	padding: 0 0 0 0;
}

#header_home {
	width: 990px;
	height: 227px;
	margin: 0 auto;
	padding: 0 0 0 8px;
}


/* Page */

#page {
	width: 992px;
	background-image: url(../images/back-content-tile.png);
	background-repeat: repeat-y;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#page_home {
	width: 992px;
	background-image: url(../images/back-content-tile.png);
	background-repeat: repeat-y;
	margin: 0 auto;
}


/* Content Wrapper */

#contentwrap {
	clear: both;
	width: 950px;
	background-image: url(../images/back-content.png);
	padding: 0 40px 0 10px;
	background-repeat: no-repeat;
	overflow: auto;
}

#contentwrap_home {
	clear: both;
	width: 990px;
	background-image: url(../images/back-content.png);
	padding: 5px 5px 0 5px;
	background-repeat: no-repeat;
	overflow: auto;
}

/* Content */

#content {
	float: left;
	width: 434px;
}


.post {
	padding: 16px 0 5px 0;
}

.title {
	margin: 0;
	text-transform: uppercase;
	font-variant: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 28px;
	padding: 21px 0 9px 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #525252;
}

.entry {
	margin: 0;
	line-height: 18px;
}

.byline {
	margin: 0;
	color: #D79B00;
}

.meta {
	text-align: right;
	color: #646464;
}

.meta .more {
	padding-left: 20px;
	background: url(../images/img03.gif) no-repeat left center;
}

.meta .comments {
	padding-left: 20px;
	background: url(../images/img04.gif) no-repeat left center;
}

/* Content Wide Left Column */

/* our products */

#pudding {
	float: left;
	width: 690px;
}

.post2 {
	padding: 16px 0 35px 37px;
	width: 680px;
	float: left;
}

.title2 {
	margin: 0;
	text-transform: uppercase;
	font-variant: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 28px;
}

.entry2 {
	margin: 0;
	line-height: 18px;
}

.byline2 {
	margin: 0;
	color: #D79B00;
}

/* Sidebar */

#sidebar {
	float: right;
	width: 214px;
	padding: 10px 0 0 0;
	;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
}

#sidebar li ul {
	padding: 5px 0;
}

#sidebar li li {
	padding-left: 20px;
	padding-right: 20px;
	border-bottom: 1px solid #686868;
	background: url(../images/img02.gif) no-repeat 5px 50%;
}

#sidebar h2 {
	margin: 0;
	padding: 5px 0 0 0;
	border-bottom: 1px solid #686868;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

#sidebar a {
	text-decoration: none;
}

#sidebar a:hover {
	text-decoration: underline;
}

/* Sidebarnav */

#sidebarnav {
	float: left;
	width: 284px;
}

#sidebarnav ul {
	margin: 0;
	padding: 3px 20px 0 0;
	list-style: none;
}

#sidebarnav li {
}

#sidebarnav li ul {
	padding: 5px 0 0 15px;
}

#sidebarnav li li {
	padding-left: 20px;
	background-color: #262626;
	border-bottom: 1px solid #343434;
	line-height: 30px;
}

#sidebarnav h2 {
	margin: 0;
	padding: 15px 0 0 24px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

#sidebarnav a {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

#sidebarnav a:hover {
	text-decoration: underline;
}

/* Sidebar projects */

#projside {
	float: right;
	width: 214px;
	padding: 12px 0 0 5px;
}


/* Recent Projects */

#recent {
	clear: both;
	width: 960px;
}

#recent ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#recent li {
}

#recent li ul {
	padding: 5px 0;
}

#srecent li li {
	padding-left: 20px;
	background-color: #262626;
	border-bottom: 1px solid #343434;
}

#recent h2 {
	margin: 0;
	padding: 6px 0 9px 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../images/bck-recent.gif);
	background-repeat: no-repeat;
}

#recent a {
	text-decoration: none;
}

#recent a:hover {
	text-decoration: underline;
}

/* Projects nav */

#projectnav {
	width: 200px;
}

#projectnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#projectnav li {
}

#projectnav li ul {
	padding: 5px 0;
}

#projectnav li li {
	padding-left: 2px;
	background-color: #000000;
	border-bottom: 1px solid #343434;
}

#projectnav h2 {
	margin: 0;
	padding: 6px 0 9px 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../images/bck-recent.gif);
	background-repeat: no-repeat;
}

#projectnav a {
	text-decoration: none;
}

#projectnav a:hover {
	text-decoration: underline;
}




/* Footer */

#footer {
	clear: both;
	width: 960px;
	padding: 5px 0 0 0;
	background: url(../images/img07.gif) repeat-x;
	margin: 0 auto;
}

#footer ul
{
	float: left;
	top: 5px;
	left: 5px;
	padding: 0 5px 0 8px;
	list-style: none;
	line-height: 16px;
}

#footer p
{
	padding: 8px 9px 0 60px;
	margin: 0;
}

#footer li
{
	padding-right: 2.5em;
	font-size: 11px;
}

#footer li a
{
	color: #7D7D7D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}

a.footlink {
	color: #A4A4A4;
	font-weight: bold;
	text-decoration: none;
}

a.footlink:visited {
	color: #A4A4A4;
	font-weight: bold;
	text-decoration: none;
}

#footer li a:hover
{
	color: #555555;
}

.footercopy {
	text-align: center;
	color: #A3A3A3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 59px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #414141;
	float: right;
}

.footercopy a {
	text-decoration: none;
	color: #7C7C7C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-right: 10px;
}

.footercopy a:hover {
	text-decoration: underline;
}

/*logo*/
.logo {
	width: 226px;
	height: 220px;
	margin-top: 35px;
}
.logo a {display: block; width: 226px; height: 220px; background: url(../images/the-surf-project-logo.png) no-repeat top left;}
.logo a:hover {background-position: bottom left;}

.flash {
	width: 990px;
	height: 150px;
	margin-top: 30px;
}

/* project details */

#projdet {
	float: left;
	width: 640px;
	padding: 20px 0 42px 15px;
}

#projdet li img {
	padding: 0 30px 0 0 ;
	margin: 0;
	float: left;
}

#projdet h2 {
	padding: 0 30px 0 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
}

#projdet p {
	padding: 0 30px 0 0;
}

#projdet li {
	background-image: url(../images/sm-sq-bul.gif);
	list-style-type: none;
	background-repeat: no-repeat;
	padding: 0 0 0 14px;
	background-position: 5px;
}

#projdet ul {
}

/* project breadcrumbs */

#projcrumbs ul
{
	list-style: none;
	margin: 0;
	padding: 9px 10px 5px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	text-transform: uppercase;
	color: #424242;
	text-decoration: none;
}

#projcrumbs li {
	padding: 2px 0 2px 0;
	margin: 0;
	display: inline;
}

#projcrumbs a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	text-transform: uppercase;
	color: #4C4B4B;
	text-decoration: none;
}

#projcrumbs a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	text-transform: uppercase;
	color: #807F7F;
	text-decoration: none;
}

#projcrumbs a.active {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	text-transform: uppercase;
	color: #D41716;
	text-decoration: none;
}

#launch {}
#launch a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-transform: uppercase;
	color: #C5C2C2;
	text-decoration: none;
}
#launch a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-transform: uppercase;
	color: #AB0E0C;
	text-decoration: none;
}
#launch img {
	border: 0;
	padding: 2px 5px 0 0;
	margin: 2px 0 0 0;
}

/* Slider */
	#slider ul, #slider li{margin:0; padding:0; list-style:none;}
	#slider, #slider li{ width:600px; height:325px; overflow:hidden;}
	#slider img {border: 0}
	span#prevBtn {padding: 5px 10px 5px 0}
	span#prevBtn a {font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:12px}
	span#nextBtn {padding: 5px 10px 5px 0;
	text-align: right;
}
	span#nextBtn a {font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:12px}
/* // Slider */

/* Services page */

#unique {
	background-color: transparent;
	background-image: url(../images/img-unique-design.gif);
	background-repeat: no-repeat;
	background-position: 0 35px;
	width: 95%;
	padding-top: 35px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#unique p {padding: 6px 0 0 45px;
	margin: 0;}
#unique h3 { 
    padding: 10px 0 0 45px;
	margin: 0;
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	}

#user {
	background-color: transparent;
	background-image: url(../images/utilities-icon.gif);
	background-repeat: no-repeat;
	background-position: 0 10px;
	width: 95%;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#user p {padding: 6px 0 0 45px;
	margin: 0;}
#user h3 { 
    padding: 10px 0 0 45px;
	margin: 0;
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	}


/**Logo page**/


#logo {
	padding: 20px 0 200px 0;
}
.post3 {
	padding: 16px 0 200px 37px;
}

/**contact form**/
#contact-form {
	width: 640px;
	padding: 2px 0 0 0;
	margin: 15px 0 0 0;
}
 #contact-form form { }
  #contact-form form fieldset.first {
	overflow: hidden;
	width: 90%;
	margin: 0 0 1px;
	padding: 30px 0 13px;
	border: 0;
}
   #contact-form form fieldset.first div.column { display: inline; float: left; width: 265px; margin-left: 15px; }
   #contact-form form fieldset.first div.second { float: right; margin-left: 0; margin-right: 15px; }
    #contact-form form fieldset.first div p { margin: 0 0 7px; }
    #contact-form form fieldset.first div p.checkbox { }
     #contact-form form fieldset.first div p label { display: block; margin: 0 0 2px; padding: 0 0 0 5px; color: #CCCCCC; font-weight: bold; }
     #contact-form form fieldset.first div p span.label { display: block; margin: 0 0 2px; padding: 0 0 0 5px; color: #CCCCCC; font-weight: bold; }
     #contact-form form fieldset.first div p.checkbox label { display: inline; margin: 0; padding: 0 0 0 5px; color: #634737; font-weight: normal; }
      #contact-form form fieldset.first div p label span { color: #80796a; font-weight: normal; }
     #contact-form form fieldset.first div p input { width: 250px; padding: 3px 5px; vertical-align: middle; }
		 #contact-form form fieldset.first div p input.money { padding-left: 20px; width: 152px; background: #fff url(../images/icons-dollar.gif) 5px 50% no-repeat; border: 1px solid #aaa; }
		 body.pl #contact-form form fieldset.first div p input.money { padding-left: 30px; width: 142px; background: #fff url(../images/icons-pln.gif) 5px 50% no-repeat; border: 1px solid #aaa; }
     #contact-form form fieldset.first div p.file input { width: auto; }
     #contact-form form fieldset.first div p.checkbox input { width: auto; }
     #contact-form form fieldset.first div p select { padding-top: 1px; padding-bottom: 1px; max-width: 264px; }
		 * html #contact-form form fieldset.first div p #f-country { width: 264px; }		 
     #contact-form form fieldset.first div p img { vertical-align: middle; }
     #contact-form form fieldset.first div p.file img { cursor: pointer; }
     #contact-form form fieldset.first div p textarea { width: 250px; height: 150px; padding: 3px 5px; }
  #contact-form form fieldset.second { margin: 0; padding: 10px 15px; background: #f0ede7; }
   #contact-form form fieldset.second p { position: relative; width: 499px; margin: 0; padding: 0 0 0 25px; }
    #contact-form form fieldset.second p input { position: absolute; top: 0; left: 0; margin: 3px 0 0; }
    * html #contact-form form fieldset.second p input { margin: 0; }
 #contact-form div.submit { text-transform: uppercase; text-align: right; }
  #contact-form div.submit button { padding: 3px 15px 3px 10px; border: none; background: #040404 url(../images/bg-comment-submit.gif) 100% 100% no-repeat; color: #fff; }
   #contact-form div.submit button span { padding: 0 0 0 10px; background: url(../images/bullet-f.gif) 0 50% no-repeat; }
 #contact-form .send-ok { background: #F0EDE7; padding: 1em; text-align: center; font-size: 1.2em; margin: 0 0 0.5em;  }
 
input, textarea, select {
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 16px;
	background: #272727;
	border: 1px solid #4E4E4E;
}
#contact-rght {
	padding: 10px;
	background: #272727;
	margin: 20px 0 0 0;
}
#contact-rght a {
	color: #E9E9E9;
	text-decoration: underline;
}

/*home left content*/

#home-wel {
	padding: 16px 48px 5px 37px;
	width: 500px;
	float: left;
}
#home-wel h2 {
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	font-size: 20px;
	line-height: 16px;
	margin: 0;
}

#home-wel p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 16px;
}

.focus {
	padding: 0 0 20px 90px;
	background-image: url(../images/focus-web-design.png);
	background-repeat: no-repeat;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3F3F3F;
}

.start {
	padding: 0 0 20px 90px;
	background-image: url(../images/get-started-web-design.png);
	background-repeat: no-repeat;
}

/*home feature project*/

#home_feat {
	padding: 16px 0 20px 5px;
	width: 390px;
	float: left;}
	
#home_feat img{
	border: 1px solid #3F3F3F;
	margin: 0;
}
#home_feat h2{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #ADADAD;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: right;
	margin: 0 0 -10px 0;
	padding: 0 30px 0 0;
	text-transform: uppercase;
}

#home-feat p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 16px;
}

.feat_but {
	margin: -1px 0 0 0;
	padding: 0 0 0 0;
	text-align: right;
}

#feat_text {
	margin: -16px 0 0 0;
	background-color: #444444;
	width: 366px;
	height: 31px;
}
#feat_text p {
	float: left;
	padding: 7px 0 0 8px;
	margin: 0;
}
#feat_text a {
	text-transform: uppercase;
	text-decoration: none;
	font-size: 11px;
}


/*home bottom content*/

#home-bot {
	padding: 20px 38px 20px 23px;
	width: 926px;
	float: left;
	background-color: #444444;
}
#home-bot h1 {
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #E9E9E9;
	font-size: 12px;
	text-transform: uppercase;
	margin: 0;
	padding: 0 0 5px 0;
}

#home-bot p {
	color: #CCCCCC;
	margin: 0;
	padding: 0 0 14px 0
}

#home-bot a {
	color: #CCCCCC;
	text-decoration: none;
}
#home-bot a:hover {
	color: #999DA0;
	text-decoration: none;
}

/* call buttons */

.call a {
	font-size: 10px;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #2A2E2D;
	padding: 8px 8px 8px 15px;
	background-image: url(../images/call-bullet.gif);
	background-repeat: no-repeat;
	background-position: 5px 12px;
}
.call a:hover {
	background-color: #414543;
}
.callred a {
	font-size: 10px;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #921911;
	padding: 8px 8px 8px 15px;
	background-image: url(../images/call-bullet.gif);
	background-repeat: no-repeat;
	background-position: 5px 12px;
}
.callred a:hover {
	background-color: #B31B10;
}

/* secondary nav */

#secnav {
	
}

#secnav ul {
	margin: 0;
	padding: 8px 2px 20px 0;
	list-style: none;
}

#secnav li {
	padding: 6px 0 6px 8px;
	list-style-position: inside;
	list-style-image: url(../images/call-bullet.gif);
	list-style-type: none;
	background-color: #262626;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #2F2F2F;
}

#secnav li ul {
	padding: 20px 20px 20px 0;
}


#secnav a {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}

#secnav a:hover {
	text-decoration: none;
	color: #CCCCCC;
}

/* site map styles */

#sitemap {
}

#sitemap ul {
	margin: 0;
	padding: 30px 0 45px 40px;
	list-style: none;
}

#sitemap li {
	padding: 2px 0 2px 0;
	list-style-position: outside;
	list-style-image: url(../images/call-bullet.gif);
	list-style-type: none;
	color: #CCCCCC;
	font-size: 11px;
}

#sitemap li ul {
	padding: 5px 0 0 15px;
}

#ssitemap li li {
	padding-left: 20px;
	background-color: #262626;
	border-bottom: 1px solid #343434;
	line-height: 30px;
}

#sitemap h2 {
	margin: 0;
	padding: 15px 0 0 24px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

#sitemap a {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

#sitemap a:hover {
	text-decoration: underline;
}

/* products page */

#pproducts {}

#pproducts li img {
	padding: 0 30px 0 0 ;
	float: left;
}

#pproducts ul
{
	list-style: none;
}

#pproducts li {
	padding: 15px 0 15px 0;
	margin: 0 0 0 -40px;
}

/* link page styles */

#linkpage {
	padding: 0 0 80px 0;
	width: 650px;
	float: left;
}

#linkpage ul {
	margin: 0;
	padding: 5px 0 9px 40px;
	list-style: none;
}

#linkpage li {
	padding: 2px 0 2px 0;
	list-style-position: outside;
	list-style-image: url(../images/call-bullet.gif);
	list-style-type: none;
	color: #CCCCCC;
	font-size: 11px;
}

#linkpage li ul {
	padding: 5px 0 0 15px;
}

#linkpage li li {
	padding-left: 20px;
	background-color: #262626;
	border-bottom: 1px solid #343434;
	line-height: 30px;
}

#linkpage h2 {
	margin: 0;
	padding: 15px 0 0 24px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

#linkpage a {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#linkpage a:hover {
	text-decoration: underline;
}

/* pic side-by-text */

#horcon {
	padding: 0 0 20px 0;
	clear: both;
}

#horcon img {
	float: left;
	border: none;
	padding: 0 30px 40px 0;
	clear: both;}
	
#horcon p {}