* {margin:0;padding:0;} 
/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body {height: 100%;}

body {
	background: url(../images/bg-body.png);
	background-position: top center;
	background-attachment: fixed;
	font-family: arial, verdana, helvetica;
}

#wrap {min-height: 100%; width: 100%;}

#header {
	background: url(../images/bg_menu.jpg);
	height: 45px;
	width:100%;
}

#menumg {
	width: 950px;
	margin: 0 auto;
}

#menumg ul {
	padding-top: 5px;
}

#menumg li {
	padding: 5px 0 0 25px;
	display: inline;
}

#menumg a {
	color: white;
	font-weight: bold;
	text-decoration: none;	
	font-size: 0.9em;
}

#main {overflow:hidden;
	padding-bottom: 110px; /* must be same height as the footer */
	width: 950px;
	margin: 0 auto;
}

.item {
	width: 293px;
	float: left;
	margin: 0 20px 10px 0;
}

.itemfull {
	width: 950px;
	float: left;
	margin: 20px 0 10px 10px;
}

.lastitem {
	width: 293px;
	height: 100%;
	float: left;
	margin: 0 0 10px 0;
}

.item ul {
	margin: 0 0 0 20px;
	list-style-type: square;
}

.item li {
	margin: 0 0 8px 0;
	font-size: 0.80em;
}

.itemheader {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.3em;
	font-weight: 800;
	color: #00A2D3;
	padding: 3px 0;
}

.itemheader a {
	color: #00A2D3;
	text-decoration: none;
	padding: 3px 8px;
}

.itemheader a:hover {
	color: #FFFFFF;
	background-color: #00A2D3;
	text-decoration: underline;
}

.smallish {
	font-size: 0.80em;
}

#footer {
	position: relative;
	margin-top: -110px; /* negative value of footer height */
	height: 110px;
	clear: both;
	background: url(../images/bg_foot.jpg);
	color: white;
}

#footercontainer {
	width: 950px;
	padding-top: 20px;
	margin: 0 auto;
	text-align: center;
}

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

#slideshow-wrapper {
	width: 920px;
	height: 275px;
	position: relative;
	overflow: hidden;
	border: 1px solid #ddd;
	margin: 0 0 20px 0;
}

#slideshow-nav {
	background-color: #fff;	
}

#slideshow-nav li a {
	background-image: url(../images/slideshow-nav.png);
}

.rounded-5 {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
} 

#slideshow-nav {
	position: absolute;
	bottom: 10px;
	right: 10px;
	padding: 5px;
	z-index: 2;
}

#slideshow-nav li {
	float: left;
	display: inline;
}

#slideshow-nav li a {
	display: block;
	text-decoration: none;
	font-size: 11px;
	margin: 0 1px;
	padding: 0;
	background-position: 0 0;
	width: 13px;
	height: 13px;
}

#slideshow-nav li a:hover, #slideshow-nav li a.activeSlide {
	background-position: -13px 0;
}

#slideshow {
	z-index: 1;
}

#slideshow img {
	border: 1px solid #ddd;
}

#logoplacement {
	width: 400px;
	z-index: 25;
	float: left;
}

#logoplacement img {
	position: relative;
	top: 10px;
	left: 0;
	padding-bottom: 10px;
}

#textplacement {
	width: 400px;
	float: right;
	padding: 0 30px 0 0;
}

#textplacement p {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.3em;
	font-weight: 800;
	text-align: right;
	width: 300px;
	float: right;
}



div.vertical_scroller{
	position:relative;
	display:block;
	overflow:hidden;
	width:290px;
	height:320px;
}

div.scrollingtext{
	position:absolute;
	white-space:nowrap;
	font-family:'Trebuchet MS',Arial;
	font-size:18px;
	font-weight:bold;
	color:#000000;
}

#portfoliobox {
	width: 920px;
	height: 550px;
	background: url(../images/bg-portfolio.png);
}

#portfoliobox #portfolio {width: 858px}
#portfoliobox #portfolio ul {margin: 0; padding: 0; list-style: none}
#portfoliobox #portfolio ul li {display: block; float: left; width: 190px; height: 100px; margin: 0 10px 10px 0; padding: 3px; background-color: #FFFFFF; border: 1px solid #CCCCCC}
#portfoliobox #portfolio ul li span {display: block; float: left; width: 190px; height: 100px; overflow: hidden}
#portfoliobox #form {display: none}
#portfoliobox #portfolio a:hover {border: 4px solid #00A2D3;}

#itemfull input, #itemfull textarea {
	padding: 3px;
	margin: 5px;
}

#itemfull .submit {
	margin: 0 0 30px 227px;
}

#itemfull textarea {
	width: 320px;
	height: 75px;
}

#itemfull label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	width:150px;
	text-align:right;
}

#itemfull a {
	color: black;
	font-weight: bold;
}
#itemfull p {
	color: black;
	clear: both;
}

ul.servul {
    list-style: none;
    margin: 10px;
    padding: 0;
}

li.servli {
    display: block;
    font-size: 17px;
    padding: 0 10px 35px 10px;
}

li.servli h2 {
    display: inline;
}

li.servli img {
    vertical-align:middle;
	padding-right:10px;
}

p.servp {
    color: #444444;
    display: block;
	margin: 0 0 0 65px;
}

.package {border: 1px solid #dddddd; padding: 15px; float: left; width: 264px; margin-right: 20px;}
.package h2 {margin: -15px -15px 0 -15px; background-color: #00A2D3; text-align: center; font-weight: normal;
			 font-size: 28px; letter-spacing: -1px; padding: 3px; color: #FFFFFF}
.package h2 span {background-color: #333333; font-size: 14px; font-weight: bold; letter-spacing: 0; padding: 2px 5px;
				  vertical-align: middle}
.package h3 {margin: 0 -15px 0 -15px; font-size: 16px; padding: 2px; text-align: center; font-weight: bold; color: #666666}
.package ul {margin: 10px 0 0 0; padding: 0; list-style: none; text-align: left}
.package ul li {border-bottom: 1px solid #dddddd; padding: 3px 0; font-size: 12px}
.package ul li span {background-color: yellow}
#pricing li.last {border-bottom: 0;}
#pricing div.last {margin-right: 0;padding-bottom:30px;}