/****************************************************************************

Author: Stephen
Development by: Wallop
Last updated: 

*****************************************************************************/

/* defaults ****************************************************************/

* {
	margin:0;
	padding:0;
} 

body {
	font:normal 12px Arial, Verdana, Helvetica, sans-serif;
	background:#DAE0E2;
	color:#535353;
	text-align:center;
	margin:30px 0 20px 0;
}

body a {
	color:#5CA217;
	text-decoration:underline;
}

body a:hover {
	text-decoration:none;
	color:#6FC11C;
}

/* heading attibutes *************************************************/

/* removes the link underline from logo swap */

h1 a {
	text-decoration:none;
}

/* list items ********************************************/

ul, li {
	margin:0;
	padding:0;
	list-style:none;
}

/* set more defaults **********************************************************/

/*input {
	border:none;
	border:0;
}*/

a img {
	border:none !important;
}

/* hacks *************************************************************************/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-table;
}

/* Hides from IE-mac */

* HTML .clearfix {
	height: 1%;
}

/* tables inherit font sizes */

table {
	font-size: 1em;
}

form {
	margin:0;
	padding:0;
}

label {
	display:none;
}

/* class attributes *********************************************/

h3.newsTitle, p.green {
	color:#5CA217;
	font-size:13px;
	font-weight:normal;
	margin:0;
}

p.green {
	margin:0 0 10px 0;
}

p.titleTop {
	margin:0 0 20px 0 !important;
}

div.disclaimer {
	background:#fff;
	border-top:solid 1px #B6B9C0;
	border-bottom:solid 1px #B6B9C0;
	font-size:10px;
	color:#6f6f6f;
	margin:0 auto;
	padding:16px 20px 16px 20px;
	text-align:center;
	width:740px;
	clear:both;
}

div.disclaimer p {
	text-align:left;
}

p.copyright {
	font-size:11px;
	color:#6f6f6f;
	margin:10px 0 20px 0;
}

.heading {
	color:#41633A;
	font-weight:bold;
}

p.projectBox {
	float:right;
	padding:0 0 10px 10px;
}

p.mark {
	text-align:center;
	padding:20px 0 20px 0;
}

p.right {
	text-align:right;
}

p.footerNav {
	padding:10px 0 10px 0;
	color:#999;
}

/* dotted line breaks */

.break p {
	margin:0;
	padding:0;
}

p.break {
	background: url(../images/break.gif) repeat-x 0px 6px;
	height:10px;
}

/* main divs ********************************************************************/

#wrap {
	width:770px;
	text-align:left;
	background-color:#fff;
	padding:5px;
	margin:0 auto;
	border:solid 1px #B6B9C0;
}

#wrap p {
	margin:0 0 10px 0;
	line-height:18px;
}

#header {
	width:770px; 
	height:162px;
	background:url(../images/bg_header.jpg) repeat-x 0 0;
	clear:both;
}

h1#logo a {
	display:block;
	width:352px;
	height:48px;
	background:url(../images/logo.gif) no-repeat 0 0;
	text-indent:-9999px;
	margin:36px 0 0 20px;
	float:left;
	overflow:hidden;
}

#signup {
	width:250px;
	height:120px;
	background:url(../images/bg_email.jpg) no-repeat 0 0;
	float:right;
}

#signupTable {
	margin:30px 0 0 0;
	color:#C2EBFE;
	font-size:11px;
}

#signupTable .signupText {
	padding:0 0 0 16px;
}

#signupTable input.input {
	background-color:#02618E;
	border:solid 1px #026899;
	padding:4px;
	color:#fff;
}

#masthead {
	width:768px;
	height:300px;
	margin:5px 0 5px 0;
	/*border:solid 1px #ccc;*/
}

#content {
	width:770px;
	background:url(../images/bg_content_top.gif) no-repeat 0 0;
}

#colLeft h2, #colLeftWide h2, #newsTable h2, p.nameHeading {
	color:#034E72;
	font-size:14px;
	margin:0 0 16px 0;
	font-weight:bold;
}

#colLeft h3, #colLeftWide h3, #newsTable h3, p.nameHeading {
	color:#555;
	font-size:16px;
	margin:0 0 16px 0;
	font-weight:bold;
}

p.nameHeading {
	margin:0 !important;
}

#colLeft, #colLeftWide {
	width:450px;
	float:left;
	margin:0 0 0 20px;
	padding:30px 20px 10px 0;
	display:inline; /* for DF bug */
}

#colLeft li {
	margin:0 0 6px 6px;
}

#colLeftWide {
	width:705px;
	background:none;
	background-image:none;
}

#colRight {
	width:215px;
	float:right;
	padding:30px 0 0 20px;
	margin:0 20px 0 0;
	display:inline; /* for DF bug */
	color:#666;
	font-size:11px;
	background:url(../images/break_vert.gif) repeat-y 1px 20px;
}

#colRight p.newsBlurb {
	line-height:18px;
	margin:0 0 25px 0;
}

/*#colRight p.newsBlurb a {
	color:#666;
	text-decoration:none;
}*/

#boxes {
	width:470px;
	float:left;
	clear:both;
	margin:10px 0 10px 0;
}

a#boxViva, a#boxMarisol, a#boxBlog, a#boxLimoncito {
	display:block;
	text-indent:-9999px;
	float:left;
}

a#boxViva, a#boxMarisol, a#boxLimoncito, a#boxLimoncitoSm {
	width:230px;
	height:146px;
}

a#boxViva {
	background:url(../images/box_viva.jpg) no-repeat 0 0;
}

a#boxMarisol {
	background:url(../images/box_marisol.jpg) no-repeat 0 0;
}

a#boxLimoncitoSm {
	background:url(../images/png/box_limoncito_sm.png) no-repeat 0 0;
}

a#boxLimoncito {
	background:url(../images/png/box_limoncito.png) no-repeat 0 0;
}

a#boxBlog {
	background:url(../images/box_news.jpg) no-repeat 0 0;
}

a#boxMarisol {
	float:right;
}

a#boxBlog, a#boxLimoncito {
	width:470px;
	height:146px;
	margin:5px 0 0 0;
}

/* news page ***************************************************/

#newsTable td {
	vertical-align:top;
}

#newsTable a {
	font-weight:bold;
}

table td.dateCol {
	width:130px;
	border-right:solid 1px #A3C8D6;
	font-size:14px;
	font-weight:bold;
	color:#999;
}

table td.summaryCol {
	padding:0 0 0 10px;
}

/* gallery ***************************************************/

#galleryWrap {
	width:725px;
	clear:both;
}

#dynloadarea {
	float:left;
	width:520px;
	height:362px;
	margin:3px 0 0 0;
	display:inline;
	background-color:#ccc;
}

#galleryThumbs {
	float:right;
	width:200px;
}

#galleryThumbs li {
	width:60px;
	height:40px;
	float:left;
	display:inline;
	margin:3px 3px 3px 3px;
}


/* navigation ************************************************/

#nav {
	width:770px;
	height:42px;
	clear:both;
	background:url(../images/bg_nav.jpg) repeat-x 0 0;
}

#nav a.active {
	background-position:0 -42px;
}

#nav ul#nav {
	float:left;
}

#nav li {
	display:inline;
	float:left;
	font-size:1px;
}

#nav li a {
	text-decoration:none;
	display:block;
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 11px;
}

a#navHome, a#navProjects, a#navSales, a#navGallery, a#navBlog, a#navNews, a#navContact {
	height:42px;
}

a:hover#navHome, a:hover#navProjects, a:hover#navSales, a:hover#navGallery, a:hover#navBlog, a:hover#navNews, a:hover#navContact {
	background-position:0 -42px;
}

a#navHome {
	width:82px;
	background:url(../images/nav/n_home.jpg) no-repeat 0 0;
}

a#navProjects {
	width:142px;
	background:url(../images/nav/n_projects.jpg) no-repeat 0 0;
}

a#navSales {
	width:220px;
	background:url(../images/nav/n_sales.jpg) no-repeat 0 0;
}

a#navGallery {
	width:88px;
	background:url(../images/nav/n_gallery.jpg) no-repeat 0 0;
}

a#navBlog {
	width:66px;
	background:url(../images/nav/n_blog.jpg) no-repeat 0 0;
}

a#navNews {
	width:74px;
	background:url(../images/nav/n_news.jpg) no-repeat 0 0;
}

a#navContact {
	width:98px;
	background:url(../images/nav/n_contact.jpg) no-repeat 0 0;
}

/* title attributes */

#div h2 {
	text-indent:-99999px;
	font-size:1px;
	margin:0 0 14px 0;
}

/* general */

#h_welcome {
	width:84px;
	height:17px;
	background:url(../images/h_welcome.gif) no-repeat 0 0;
}