/*

	PRIICR BY DEEPCALM.COM
	VERSION 1.0
	
	CONTENTS ----------
	
	   1.BODY
	   2.DEFAULT STYLING
	   3.HEADINGS
	   4.LINKS
	   5.IMAGES
	   6.LAYOUT
	   7.BRANDING/MASTHEAD
	   8.NAVIGATION
	   9.SITEINFO/FOOTER
	   10.SECTION SPECIFIC
	   
    -------------------
	
*/

@import url(reset.css); /* RESET CSS */
@import url(forms.css); /* FORMS CSS */

/* 1.BODY
---------------------------------------------------------------------- */

html { 
}	
body {
	font-family : Calibri, Helvetica, Arial, sans-serif;
	font-size : 100%;
	line-height : 20px; /* 20px */
	background : #222 url(/site_images/background.gif) repeat 0 0;
}
#nav_access { position : absolute; margin : 0; padding: 0;}
#nav_access li { list-style-type : none; }
#nav_access a { 
	display: block; 
	position: absolute; top:0; left: -999px; 
/*	padding: 10px 20px; */
} 
#nav_access a:focus { left: 0; }

/* 2.DEFAULT STYLING
---------------------------------------------------------------------- */

p {
	font-size : 16px; line-height : 20px;
	margin : 0 30px 20px 0;
	color : rgb(245,245,245);
	color : rgba(255,255,255,0.9);
	text-shadow: 1px 1px 1px rgb(20,20,20);
}
ul,dl,ol {
	font-size : 14px; line-height : 20px;
	margin-bottom : 20px;
	color : rgb(245,245,245);
}
#content_main ul, #content_main ol {
	margin : 0 30px 20px 0;
	text-shadow: 1px 1px 1px rgb(20,20,20);
}

ul li { margin-bottom: 0em; margin-left: 20px; list-style : disc; }
dl { margin:0 0 0em 0; }
dl dt { font-weight:bold; }
dd { margin-left: 0; }

ol { list-style-type:decimal; }
ol li { margin-left: 20px; }

ol p { margin-top: 0; }

abbr { border-bottom:1px dotted #555; cursor:help; }
del { text-decoration:line-through; }
strong { font-weight:bold; text-shadow: 1px 1px 2px rgb(10,10,10); color : rgb(255,255,255); }
em { font-style:italic; }
sup { font-size:0.75em; position:relative; top:-3px; }

table { }
th { font-weight:bold; }
th, td { vertical-align: middle; }

hr { display:none; }

/* 3.HEADINGS
---------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 { text-transform : uppercase; font-weight : bold;  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; text-shadow: 1px 1px 1px rgb(20,20,20); }
h1 {
	font-size : 20px; /* 20px*/ line-height : 30px; /* 40px*/
	margin : 0px 10px 10px 10px;
}
h2 {
	font-size : 20px; /* 20px*/ line-height : 40px; /* 40px*/
	margin : 10px 20px 0 0;
	color : #f2f2f2;
}
h3 {
	font-size : 16px; line-height : 20px;
	margin : 0 20px 0 0;
/*	padding : 10px 0;*/
	color : #f2f2f2;
}
h4, h5 {
	font-size : 14px; line-height : 20px;
	margin : 0 20px 0 0;
/*	padding : 10px 0;*/
	color : #f2f2f2;
}


/* 4.LINKS
---------------------------------------------------------------------- */

a:link, a:visited { color:#eee; text-decoration:none; }
a:hover, a:focus { color:#f2f2f2; text-decoration:underline; }

/* 5.IMG STYLES
---------------------------------------------------------------------- */
img { display : block; }
p img {  }

img.left { float:left; margin-right:10px; }
img.right { float:right; margin-left:10px; }

div.image.wide {
	position : relative;
}
div.image.wide p {
	position : absolute; bottom : 10px; left : 0px;
	margin:0; padding : 0 10px;
	background-color : #8E2140; color : #f2f2f2;
	font-size : 2em; line-height : 1.25em;
	text-transform : uppercase; font-weight : bold;
	letter-spacing: 0.05em;
/*	opacity : 0.8;*/
}

/* 6.MAIN LAYOUT
---------------------------------------------------------------------- */

#container {
	background : transparent url(/site_images/background-glow.png) 50% 0 no-repeat;
	min-height : 500px;
	position : relative;
	width : 960px;
	margin : 0 auto;
}
#content {
	margin : 0;
}
#content_main {
	clear : both; float : left;
	width : 640px; /*margin : 20px 0 0 10px;*/
	margin : 0;
}
/*#content_sub { margin-top : 200px; }*/
#content_sub {
	clear : left; float : left;
	width : 640px; /*margin-left : 10px;*/
}
#content_sup {
	position:absolute;
	top : 170px; right : 0;
	width : 320px;
}


/* 7.GLOBAL STYLES
---------------------------------------------------------------------- */

.clear { clear:both; }
.hide {display:none;}
.break { clear: both; }

/* 7.BRANDING/MASTHEAD - FLASH!
---------------------------------------------------------------------- */

#header {
	width : 100%;  height : 70px;
	margin : 0; padding : 0;
	background : #fff url(/site_images/menu-background.jpg) 0 0 repeat;
	-webkit-box-shadow: 0px 0px 10px #000;
	-moz-box-shadow: #000 0px 0px 10px;	
}

#header .inner {
	display : block;
	position : relative;
	margin : 0 auto;
	width : 960px; 
}
#branding h1 {
	display : block;
	float : left; margin : 0;
}
#branding h1 a {
	display : block;
	background : transparent url(/site_images/branding_h1.gif) 0 30% no-repeat ;
	width : 150px; height : 70px;
	text-indent : -9999em;
}

/* 8.NAVIGATION
---------------------------------------------------------------------- */

#nav_main {
	display : block;
	float : left;
	margin : 0; padding : 0;
}
#nav_main ul {
	position : relative;
	width : 800px;
}
#nav_main li {
	display : block; float : left;
	margin : 0 10px 0 0;
}
#nav_main li a { 
	display : block; float : left;
	width : 140px;
	padding : 15px 0 7px 10px;
	font-weight : bold; text-decoration: none;
	font-size : 20px; line-height : 20px;
	border-bottom : 4px solid transparent;
	color : #444;
}
#nav_main li a span {
	font-size : 10px;	line-height : 20px;
	margin : 0;
	color : #aaa; 
	text-transform : uppercase;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
}
#nav_main li a:hover {
	color : #eee; background-color : #8E2140;	
	border-bottom : 4px solid #8E2140;
}
#nav_main li a:hover span {
	color : #ccc; 
}
#nav_main li.active a { 
	border-bottom : 4px solid #8E2140;
}

/* Hide Semantic Headings */
#nav_main h4, #nav_sub h4 { position : absolute; top : -9999px; }

/* 9.SITEINFO/FOOTER
---------------------------------------------------------------------- */

#siteinfo { clear : both; }
#siteinfo { padding-top : 40px; }
#siteinfo p { font-size : 12px; }

/* 10.CONTENT MAIN STYLES
---------------------------------------------------------------------- */

#content_main img { background-color: #8E2140; padding : 5px; margin : 20px 0 10px 0; }

/* 10.CONTENT SUB STYLES
---------------------------------------------------------------------- */

#content_sub p {
	font-size : 14px; line-height : 20px;
}

#contact {
	clear : both; float : right;
	position : absolute; top : 0; right : 27px; z-index : 5;
	background: transparent url(/site_images/postit.png) 0 0 no-repeat;
	width : 300px; height : 160px;
	padding-top : 10px;
}
#contact p {
	color:#444;
	font-size : 14px; line-height : 20px;
	margin : 0 20px 5px 20px;
/*	font-weight : bold;*/
	font-family : "Marker Felt", "Candara", "Gill Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
	text-shadow: none;
}
#contact a:link, #contact a:visited { color:#222; text-decoration:none; font-size : 16px; }
#contact a:hover, #contact a:focus { color:#111; text-decoration:underline; }

#contact p span.tel {
	color:#222;
	font-size : 28px; line-height : 40px;
}

#content_sup h4, #content_sup h5 { margin : 10px 0; }

/* 10.SECTION SPECIFIC STYLES
---------------------------------------------------------------------- */

.default #content_sub .testimonial_list li { list-style : none; float : left; padding-top : 4px;}
.default #content_sup p { font-size : 24px; line-height : 30px; }
.default #content_sup p a { font-weight : bold; }

#blog_latest { padding : 10px 0; margin-right : 20px; }
#blog_latest .articles { margin-bottom : 10px; }
#blog_latest .articles li { font-size : 14px; line-height : 20px; list-style : none; margin-left : 0; }
#blog_latest .articles li span { font-size : 12px; padding-left : 10px;}

.comments li { margin : 10px 20px 10px 0; }
.comments li p.author { font-size : 12px; padding-left : 10px;}

.default .testimonial_list li { margin : 0 20px 0 0; }

.blog .figure { float : left; margin : 0 20px 10px 0; }
.blog #content_main .figure img { margin : 0; }

.blog p.author { font-size : 14px; line-height : 20px; }
.blog p.author span { font-size : 12px; padding-left : 10px; }

.blog #content_main h3 { font-size : 20px; }
.blog #content_main { padding-bottom : 20px; }
.blog #content_sub .article {
	float : left;
	width : 320px;
}
.blog #content_sup h4.rss a { background : transparent url(/site_images/feed_icon.png) top right no-repeat; padding-right : 20px; }

#comments_form { padding-top : 10px; }

.archive #content_main p { margin-bottom : 0; }

#content_main .figure img { margin : 0; }

.what-we-do .figure { float : left; margin : 0 20px 10px 0; }
.what-we-do .article+.article .figure { float : right; margin-left : 20px; }

.who-we-are #content_main p { font-size : 14px; }
.who-we-are .founder {
	float : left;
	width : 320px;
}
.who-we-are .founder p {
	margin-right : 20px;
}

.who-we-are #content_sup .third_party {
	padding-bottom : 15px;
}
.who-we-are #content_sup .third_party img {
	padding : 4px;
	background-color : #8E2140;
	float : left;
}
.who-we-are #content_sup .third_party h5,
.who-we-are #content_sup .third_party .body {
	margin : 0 0 0 60px;
	padding : 0;
}
.who-we-are #content_sup .third_party h5 { font-size : 13px; padding-top : 5px; }
.who-we-are #content_sup .third_party .body p {	margin : 0; font-size : 12px; }

.why-hire-us .article .figure { float : right; margin : 0 20px 10px 20px;  }
.why-hire-us #content_sub h4 { font-size : 20px; /* 20px*/ line-height : 40px; /* 40px*/ }

#testimonial_carousel {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 620px;
	height: 260px; /*Height should enough to fit largest content's height*/
	background-color : rgba(255,255,255,0.1);
	background-color : rgb(25,25,25);
}

#testimonial_carousel .belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

#testimonial_carousel .panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 10px 20px 20px 20px; /*margin around each panel*/
	width: 600px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}