/* CSS Document */

/* HTML, BODY ---------- */
* {margin:0; padding:0;}
body {margin:0; background: url(images/bg-wrap-top.jpg) no-repeat top center ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:16px; line-height:30px; text-align:justify;}
p, h2, h3, ul, blockquote, ol {padding-top:10px; padding-bottom:10px;}
ul, blockquote, ol {padding-left:30px; padding-right:20px;}
a {color:#991c1f; text-decoration:none;}
a:hover {color:#999;}
a img {border-style:none;}
#content p {}
#content ul { list-style-image:url(images/bullet2.gif)}
hr {border:3px solid #dbd7c2; height:3px; background:#dbd7c2; margin:20px 0;}


/* LAYOUT ---------- */
#container-top {width:990px; background:url(images/bg-body.jpg) no-repeat; min-height:1590px; height:auto !important; height:1590px;margin:0 auto; position:relative;}
#container-tile {width:100%; background:url(images/tile-body.jpg) repeat-y center; min-height:1590px; height:auto !important; height:1590px;}
#container-bottom {width:100%; background:url(images/bg-wrap-bottom.jpg) no-repeat bottom center ; overflow:auto;}

#sidebar {float:left; width:289px; clear:left; text-align:center;}

#social {width:99px; margin-left:160px; padding-top:81px;}
#social img {float:left;}
#address {padding:53px 0 0 28px; line-height:22px; width:211px; text-align:right;}
.phone {color:#333; font-size:29px;}
.white {color:#FFF; font-weight:bold; font-size:13px; text-shadow:1px 1px 2px #666;}

#glossary {clear:both; width:209px; background:url(images/header-design-glossary.png) no-repeat; padding:130px 0 0 0; margin:91px 0 0 56px; text-align:right; font-size:12px; line-height:14px;}


#content {float:left; width:632px; padding-bottom:30px; position:relative; }

#featured {margin-top:50px; font-size:18px; overflow:auto;}
#featured a {font-size:14px;}

#footerwrap {width:100%; background:url(images/bg-wrap-footer.jpg) no-repeat top center; clear:both;}
#footer {width:934px; margin:0 auto; background:url(images/bg-footer.jpg) no-repeat;  padding:130px 0 15px 56px; overflow:auto;}
ul#services-footer {float:left; margin:0 0 0 63px; width:226px; padding:0; list-style:none; font-size:13px; line-height:22px;}
ul#portfolios-footer {float:left; margin:0; width:175px; padding:0; list-style:none; font-size:13px; line-height:22px;}
#footer a {color:#FFF;}
#footer a:hover {color:#c3cf21;}
li.mobile {border-top:1px solid #FFF;}

/* HEADERS ----------------- */

body.home #content h2 {background:url(images/icon-header.gif) no-repeat; margin:50px 0 10px 0; padding:0 0 0 90px; font-size:18px;}
#content h1 {background-repeat: no-repeat; height: 236px; width:597px; text-indent: -999em; margin: 80px 0 50px 0; padding:0; float:left;}
#content h2 {color:#991c1f; }
#content .portfoliopage h2 {color:#a29a71;padding:30px 0 30px 90px; border-top:2px solid #a29a71; border-bottom:2px solid #a29a71; margin:60px 0; font-weight:normal; background:url(images/icon-header.gif) no-repeat 5px 2px; clear:both; text-align:left;}
#footer h2 {width:209px; color:#FFF; font-size:13px; line-height:14px; text-align:justify; font-weight:normal; float:left;}

h1#logo {
margin: 0;
padding: 0;
background-repeat: no-repeat; 
width: 990px;
height: 457px; 
overflow: hidden; 
text-indent: -999em;} 

h1#logo a {
display: block; 
height: 457px;
width: 990px;}

/* CLASSES ---------- */
.clear {clear:both;}
.red {color:#991c1f;}
.portfolio {position:absolute; top:0; margin-left:0; z-index:23; width:402px;}
.imgright {float:right; padding:5px; margin:5px 0 20px 20px; background:#FFF; border:1px solid #333;}
.img {padding:40px; margin:0 auto; background:#FFF; border:20px solid #333; clear:both;}
/*.img {padding:5px;  background:#FFF; border:1px solid #333;}*/
p.top {position:bottom; margin-left:289px; clear:both;}
div.portfoliopage {text-align:center; clear:both; width:100%; padding:0; margin:0;}
.portfoliopage ul {display:inline-block; clear:both; width:100%; margin:0; padding:0;}
.portfoliopage li {display:inline-block; background:url(images/bullet.gif) no-repeat; padding-left:22px; padding-right:20px;}
.portfoliopage img {margin-bottom:50px;-moz-box-shadow: 5px 5px rgba(0,0,0,0.5);
-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
box-shadow: 5px 5px 5px rgba(0,0,0,0.5);}
.right {float:right; margin:0 0 20px 20px; }
.center {text-align:center;}

/* NAVIGATION ---------- */


/* NAVIGATION MAIN ---------- */
ul#nav {list-style: none; padding: 0; width:701px; margin:0 0 0 289px; position:absolute; top:41px; z-index:2; height:63px;}

/*  Sets styles for all links that are inside the ul id="nav" */
#nav a {display: block;height: 63px; overflow: hidden; text-indent:-999em; }
#nav li {float:left;}

/* Set the image for each nav item */
#services {background: url(images/nav/services.jpg); width:131px}
#portfolio {background: url(images/nav/portfolio.jpg); width:135px}
#aboutus {background: url(images/nav/about-us.jpg); width:136px}
#blog {background: url(images/nav/blog.jpg); width:99px}
#kudos {background: url(images/nav/kudos.jpg); width:108px}
#home {background: url(images/nav/home.jpg); width:92px}

/* Shift the image position up to show the active state */
#nav a:hover, #nav .active, #nav li:hover, #nav li.sfhover, 
#nav li:hover #services, #nav li.sfhover #services, 
#nav li:hover #portfolio, #nav li.sfhover #portfolio, 
#nav li:hover #aboutus, #nav li.sfhover #aboutus, 
#nav li:hover #blog, #nav li.sfhover #blog, 
#nav li:hover #kudos, #nav li.sfhover #kudos, 
#nav li:hover #home, #nav li.sfhover #home {background-position:0px -63px;}

/* Set the cursor to default arrow so link does not appear clickable */
#nav .active {cursor: default}

#nav, #nav ul {list-style: none; margin: 0; }
#nav li {display: inline; }
#nav li ul li {float:none;}
#nav li ul {background: #fff; left: -999em; padding: 0; position: absolute; z-index: 1; border:#a1ac0c 3px solid; text-align:left; width:305px;}
#nav li:hover ul, #nav li.sfhover ul {left: auto; margin: -20px 0 0 25px; color:#000;}
#nav ul li a {padding:5px; height:30px; margin: 0; text-decoration: none; width: 295px; text-indent:0; color:#000; font-size:14px; }
#nav ul li a:hover {background:#c3cf21;}


/* WHAT ARE YOU LOOKING FOR */
ul#looking {background:url(images/header-what-are-you-looking-for.png) no-repeat; text-align:right; list-style:none; padding:162px 0 0 0; clear:both; width:209px; margin:145px 0 0 56px; font-size:15px; line-height:40px;}
#looking li, #looking li a {width:209px;}
#looking a {color:#000;}
#looking a:hover {color:#991c1f;}

/* SLIDESHOW */



#slides {
	position:relative;height:335px; width:631px; background:url(images/slideshow/bg.jpg) no-repeat; margin-left:3px; margin-top:1px;
}



.slides_container {
	width:631px;
	overflow:hidden;
	position:relative;
	display:none; height:335px;
}



.slides_container a {
	width:631px;
	height:336px;
	display:block;
}

.slides_container a img {
	display:block;
}

/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:585px;
}

/*
	Pagination
*/

.pagination {
	margin:5px auto 0;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(images/slideshow/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}



/*#wrapfull {width:100%; background:url(images/bg.jpg) no-repeat top center;}
#wrap {width:977px; margin:0 auto; background:url(images/tile-body.jpg) repeat-y; overflow:auto; padding-bottom:20px;}
#body {width:977px; background:url(images/bg-body.jpg) no-repeat; min-height:800px; height:auto !important; height:800px;}
#contenttophalf {width:977px; clear:both; padding-bottom:50px;}
.sidebar {width:399px; float:left; margin:0 0 0 0; padding:50px 23px 0 0; position:relative; }
.content {width:513px; margin:0 0 0 0; padding:50px 19px 0 23px; float:left;}
#wordoftheday {width:258px; line-height:14px; margin:0 0 30px 0; padding:110px 47px 0 117px; background:url(images/bg-design-gallery.jpg) no-repeat ; min-height:147px; height:auto !important; height:147px; }
#kudosbox {width:349px; line-height:20px; margin:0 auto; padding:0 0 0 50px;  text-align:left;}
#footer {width:913px; margin:0 auto; background:url(images/bg-footer.jpg) no-repeat; padding:32px 32px 20px 32px; line-height:14px; clear:both;}
#contact {padding:30px 0 62px 61px; background:}
#lookingfor {width:357px;  background:#6fcb7b; padding:5px 50px 35px 30px; margin:20px auto 0 auto;}
#levels {width:100%; border:1px solid #437fc1;  text-align:center; padding:0; margin:0;}
#levels td {padding:5px;}*/

/* HEADERS ---------- */
/*h1 {background-repeat: no-repeat; height: 50px; width:409px; text-indent: -999em; margin: 5px 0 0 0; padding:0;}
h2 {font-size:14px; color:#437fc1; text-transform:uppercase; text-align:left;}
h2#featured {height:71px; width:399px; background:url(images/h2-featured-article.gif) no-repeat; text-indent:-999em; display:block; margin:0 0 20px 0; padding:0 0 10px 0;}
h2.kudos {height:71px; width:399px; background:url(images/h2-kudos.gif) no-repeat; text-indent:-999em; display:block; margin:0 0 20px 0; padding:0 0 10px 0;}
h2#looking {height:71px; width:513px; background:url(images/h2-what-are-you-looking-for.gif) no-repeat; text-indent:-999em; display:block; margin:0 0 0 0; padding:0 0 10px 0;}
h3 {font-size:12px;}

#contact h2 {margin:0; padding:0; font-size:28px; color:#c3cf21; font-weight:normal;}

h1#logo {
margin: 0;
padding: 0;
background-repeat: no-repeat; 
width: 977px;
height: 192px; 
overflow: hidden; 
text-indent: -999em;} 

h1#logo a {
display: block; 
height: 192px;
width: 977px;}*/

/* CLASSES ---------- */
/*.imgleft {float:left; margin:0 10px 10px 0;}
.right {float:right;}
.left {float:left;}
.hide {display:none;}
.flash {padding: 0; width:468px; height:279px; margin:0 0 45px 0;}
.flashp {color:#000; background-image: url(images/1.jpg); text-align:center; padding:20px 10px}
.block {display:block;}
.listnone {list-style:none;}
.center {text-align:center;}
.clear {clear:both;}
.links {color:#507195;}
.bluetext {color:#437fc1;}
.redtext {color:#991c1f;}
.name {float:right; clear:both; font-weight:bold; color:#437fc1;}
.text14 {font-size:14px; line-height:30px;}
.leadingword {color:#c3cf21; font-size:30px;}*/



/* LOOKING FOR MAIN ---------- */
/*ul#looking {list-style: none; padding: 15px 0 0 0; margin:0; width:364px; }

/*  Sets styles for all links that are inside the ul id="nav" */
/*#looking a {display: block;height: 24px; overflow: hidden; text-indent:-999em; width:364px}

/* Set the image for each nav item */
/*#websiteconsulting {background: url(images/nav-call-outs-web-site-consulting.gif); }
#websitedesign {background: url(images/nav-call-outs-web-design.gif); }
#logodesign {background: url(images/nav-call-outs-logo-design.gif); }
#businesscardsletterhead {background: url(images/nav-call-outs-business-cards-letterheads.gif); }
#marketingdesign {background: url(images/nav-call-outs-marketing-design.gif); }
#searchengineoptimization {background: url(images/nav-call-outs-search-engine-optimization.gif); }

/* Shift the image position up to show the active state */
/*#looking a:hover, #looking .active, #looking li:hover, #looking li.sfhover, 
#looking li:hover #websiteconsulting, #looking li.sfhover #websiteconsulting, 
#looking li:hover #websitedesign, #looking li.sfhover #websitedesign, 
#looking li:hover #logodesign, #looking li.sfhover #logodesign, 
#looking li:hover #businesscardsletterhead, #looking li.sfhover #businesscardsletterhead, 
#looking li:hover #marketingdesign, #looking li.sfhover #marketingdesign, 
#looking li:hover #searchengineoptimization, #looking li.sfhover #searchengineoptimization {background-position:-364px 0pt;}


/* LOOKING FOR MAIN NEW ---------- */

/*#lookingfor2 ul {list-style: none; padding: 15px 0 0 0; margin:30px auto 0 auto; width:410px; text-align:center; position:relative;}
#lookingfor2 li {margin:0 5px 5px 0;  float:left; display:inline-block; vertical-align:middle; position:relative;}
#lookingfor2 a {color:#FFF; text-decoration:none; padding:10px 5px 5px 5px; background:#437fc1; height:110px; width:110px; font-size:15px; font-weight:bold; display:inline-block; vertical-align:middle; }
#lookingfor2 a:hover {background:#333;}


/* PRODUCTS */
/*ul#products {width:462px; margin:0 auto; list-style:none;}
#products li {float:left; width:231px;  padding:5px; margin:0 10px 10px 0; border:1px solid #868484; background:#FFF;}
#products a {color:#868484; font-size:12px; text-decoration:none;}
.price {color:#8fc081; font-size:11px;  font-weight:bold;}

#viewcart {position:absolute; z-index:3; top:10px; margin-left:0px;}

/*
Skin Name: Nivo Slider Default Theme
Skin URI: http://nivo.dev7studios.com
Skin Type: flexible
Description: The default skin for the Nivo Slider.
Version: 1.0
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
*/

div.slider-wrapper {position:relative; width:625px; margin:0 0 0 30px; height:700px; clear:both;}
.theme-default .nivoSlider {width:618px;
	
	background:#fff url(../images/default/loading.gif) no-repeat 50% 50%;
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.theme-default .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.theme-default .nivoSlider a {
	border:0;
	display:block;
}

.theme-default .nivo-controlNav {
	position:absolute;
	left:50%;
	bottom:-42px;
    margin-left:-100px; /* Tweak this to center bullets */
}
.theme-default .nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(../images/default/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.theme-default .nivo-controlNav a.active {
	background-position:0 -22px;
}

.theme-default .nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../images/default/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
.theme-default a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
.theme-default a.nivo-prevNav {
	left:15px;
}

.theme-default .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
    color:#fff;
}

/*
 * jQuery Nivo Slider v2.6
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
 
 
#slider {
    position:relative;
    width:618px; /* Change this to your images width */
    height:618px; /* Change this to your images height */
    background:url(../orman/images/loading.gif) no-repeat 50% 50%; margin:0 auto;
}
#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
#slider a {
    border:0;
    display:block;
}
 
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}