/*
Framework v1.0
Created by: Walter Dumlao
www.walterdumlao.com
Modified: 03/24/2009

Color Pallete
Text ................. #554638
..Text lighter .......
..Text darker ........
Links ................ #228200
..Links hover ........ 
Headers .............. #c90000
..Sub headers ........ #433c1e
Unique Pop ........... 

#1ca0b6
*/

body, h1, h2, h3, h4, h5, h6, form, inputs, label, img {
border:0;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
outline:0;
padding:0;
vertical-align:baseline;
}
body {
background:#baebff url(../img/bg-body.gif) repeat-x;
color:#07445e;
font-family:Arial;
font-size:100%;
line-height:1;
}

/*
Typography
*/
a { color:#369a00; text-decoration:none; }
a:hover { text-decoration:underline; }
h1, h2, h3 { font-family:Arial, Helvetica; margin:0 0 5px; }
h1 { color:#03263f; font-family:Arial; font-size:2.25em; font-weight:700; letter-spacing:-1px; }
h2 { color:#0a7eae; font-size:1.125em; font-weight:700; line-height:1.25em; margin:0 0 20px; }
h3 { font-size:18px; font-weight:700; }
b, strong { color:#000; }
span.subTitle { font-size:0.75em; }
address { line-height:24px; }

p {
font-size:12px;
line-height:18px;
margin:5px 0 15px;
}
blockquote { font-family:Georgia; }
ul {
background:none;
list-style: none;
margin:0 30px;
padding:0;
}
	ul li {
	background:url(../img/list-arrow.gif) no-repeat 0 5px;
	margin:10px 0;
	padding:0 0 0 15px;
	}
	ul li.title { background:none; font-size:16px; padding:0; }

/* Re Usable */
hr {
background:#ccc;
border:0;
height:1px;
}
span.tagLine { display:none; }

.clear { clear:both; }


/* Reset list items */
#mainTopNav, ul#mainSideNav, ul#footLinks, ol#formList, ul#linksTopArea, ul.reset {
background:none;
list-style:none;
margin:0;
padding:0;
}
	#mainTopNav li, ul#mainSideNav li, ul#footLinks li, ul#linksTopArea li, ul.reset li {
	background:none;
	margin:0;
	padding:0;
	}
	ul#footLinks li, ul#linksTopArea li { float:left; }
	
	
	
/* MAIN TEMPLATE */
.customBg1 {
background:url(../img/bg-top.gif) no-repeat center top;
height:160px;
position:absolute; top:0;
width:100%;
z-index:1;
}
#container {
background:#baebff url(../img/wrap-top.gif) no-repeat;
margin:30px auto 0;
overflow:hidden;
padding:20px 10px 0;
position:relative;
width:970px;
z-index:2;
}
#header {
background-color:#fff;
height:80px;
overflow:hidden;
position:relative;
}
	/* logo */
	#logoArea { float:left; margin:20px; }
		a#logo { display:block; font-size:30px; }
	/* top search bar */
	#searchArea { float:right; margin:20px; }
		#searchArea #search { background-color:#fff; border:0; height:30px; width:250px; }
	
	#mainTopArea { float:right; margin:20px 10px 0 0; }
	#mainTopNav { background:url(../img/bg-nav.gif) no-repeat 0 -40px; height:40px; width:320px; }
	#mainTopNav li { float:left; margin-right:10px; }
		#mainTopNav li a { background:url(../img/bg-nav.gif) no-repeat; background-position:0 0; display:block; height:40px; width:70px; }
		/*#mainTopNav li.about a { background-position:-80px 0; width:100px; }*/
		#mainTopNav li.portfolio a { background-position:-80px 0; width:100px; }
		#mainTopNav li.contact a { background-position:-190px 0; width:110px; }
		#mainTopNav li a:hover, #mainTopNav li.onPage a { background:none; }
		#mainTopNav li span { display:none; }
/* footer */
#footer {
background:#baebff url(../img/footer-corner.gif) no-repeat;
clear:both;
padding:15px 0;
overflow:hidden; 
}
	ul#footLinks { float:right; font-size:12px; margin:10px 0; }
		ul#footLinks li { margin:0 10px; }
			ul#footLinks li a { color:#2296c5; font-size:12px; }
	#footLogo { font-size:12px; margin:10px; }
/* form styles */
ol#formList li {
border-top:1px solid #f1f1f1;
padding:5px 0;
}
ol#formList li.error { background-color:#f48484; }
	ol#formList li.error { color:#c90606; }
input.inputTxt, textarea.textareaStyle {
border:1px solid #ccc;
font-size:12px;
padding:4px;
}
label em { color:#f00; font-size:14px; } /* notes: style for required asterisk */
/* notes: h / v infront of labels indicate horizontal and vertical alignment */
label.hStyleLabel, label.vCheckStyleLabel, label.hRadioStyleLabel {
font-size:12px;
line-height:16px;
vertical-align:top;
}
label.hStyleLabel {
display:inline-block;
padding:5px 0;
width:30%;
}
label.vCheckStyleLabel { display:block; margin-left:30%; }
label.hRadioStyleLabel {  display:inline-block; }
	label.hRadioStyleLabel input { margin-top:4px; }
span.notes {
color:#999;
display:block;
font-size:11px;
margin-left:30%;
}
input.btn {
background:#ff4e00;
border:0;
color:#fff;
font-size:14px;
font-weight:700;
padding:7px 10px;
}

ul.formMessage li {
background-color:#e53434;
color:#fff;
font-size:0.875em;
font-weight:700;
margin:0 0 1px;
padding:5px 10px;
}

/* corners */
.cornerTop, .cornerTop .corner, .cornerBottom, .cornerBottom .corner { background:url(../img/corner1.gif) no-repeat; background-position:0 0; }
.cornerTop, .cornerBottom {
background-position:-15px -15px;
clear:both;
height:15px;
position:relative;
width:100%;
}
.cornerTop { margin:0 0 -10px; }
.cornerBottom { background-position:-15px 0; margin:-10px 0 0; }
	.cornerTop .corner, .cornerBottom .corner { background-position:0 -15px; float:right; height:15px; width:15px; }
	.cornerBottom .corner { background-position:0 0; }
.boxStyle {
background-color:#cfdce1;
}
.boxStyle .content { background-color:#fff; clear:both; margin:0 5px; overflow:hidden; padding:10px 10px; }

/* notes: setting form guides */
ol.formListShort label.hStyleLabel { width:20%; }
ol.formListShort span.notes, ol.formListShort label.vCheckStyleLabel { margin-left:20%; }

ol.formListShort2 label.hStyleLabel { width:15%; }
ol.formListShort2 span.notes, ol.formListShort2 label.vCheckStyleLabel { margin-left:15%; }

/* Column layouts */
.layout2Col, .layout1Col { background:#fff url(../img/bg-content.gif) repeat-x; overflow:hidden; padding:10px 0; position:relative; }
.column1, .column2, .column3, .column4, .column5 { float:left; }

/* 2 columns */
.layout2Col .column1 { padding:15px 20px 0; width:670px; }
.layout2Col .column2 { width:260px; }

/* 1 columns */
.layout1Col .column1 { padding:15px 20px; }

/* box */
.box2 { color:#ba985c; }

/* SITE MODS */

.homeIntro {
background:url(../img/home-intro.gif);
height:237px;
overflow:hidden;
width:970px;
}
	.homeIntro p { color:#afddf8; font-size:14px; line-height:28px; margin:100px 400px 0 20px; }
.carouselWidth {}
		
.servicesBox {
background:url(../img/services.gif);
float:left;
height:165px;
margin:0 10px 0 0;
width:360px;
}
	.servicesBox p { line-height:20px; padding:40px 140px 0 20px; }

.portfolioBox {
background:url(../img/portfolio.gif);
float:left;
height:125px;
padding:40px 0  0;
width:930px;
}

.home {
background:none;
background-color:#fff;
overflow:hidden;	
padding:20px;
}

/* portfolio page */

.siteBox {
border:1px solid #cadde5;
margin:0 0 10px;
padding:15px;
}
	.siteBox h3 {
	font-size:20px;
	font-weight:700;
	}


.siteBox p { width:500px; }
.wikinancial a.logo { float:right; margin:20px 40px 0 10px; }
.salonserious a.logo { float:right; margin:20px 40px 0 10px; }
.innpedia a.logo { float:right; margin:0 40px 0 10px; }
.hostmypost a.logo { float:right; margin:20px 40px 0 10px; }
.freightBrokers a.logo { float:right; margin:20px 40px 0 10px; }
.stealthedeal a.logo { float:right; margin:20px 40px 0 10px; }

/*
based on pixel/16

11px = 0.6875em
12px = 0.75em
13px = 0.8125em
14px = 0.875em
15px = 0.9375em
16px = 1em
18px = 1.125em
20px = 1.25em
24px = 1.5em
26px = 1.625em
30px = 1.875em
32px = 2em
36px = 2.25em
40px = 2.5em
*/