/*

Theme Name: iCatchers Theme

Theme URI: iCatchers.info

*/


*, html {
	margin:0px;
	padding:0px;
}

body {
background: #e4e7ec url(images/bg_layer1.png) repeat left top scroll;
font-family: CabinRegular, Arial;
padding-bottom: 80px;
width: 100%;
color: #57646f;
}

#mainWrapper {
width: 100%;
}

#headerWrapper {
width: 100%;
height:130px;
background: transparent url(images/bg_layer2.png) repeat-x 0px bottom;
}

.shadowWrap {
width: 880px;
margin: 0 auto;
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
-moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
box-shadow: 0 0 5px rgba(0,0,0,0.2);
position: relative;
}

#navWrapper {
margin-top: -30px;
position: relative;
z-index: 100;
padding-bottom: 46px;
}



#pageWrap {
	width:880px;
	margin:10px auto;
}

nav {
height: 42px;
width: 880px;
background: #594b6a url(images/dark_hatch.png) repeat 0px 0px;
position: absolute;
top: 0;
left: 0;
border-bottom: 4px solid #a888cb;
}


nav ul {
width: 800px;
float: left;
}

nav ul li {
position: relative;
}

nav ul a {
-webkit-text-shadow: 1px 1px 3px #333;
-moz-text-shadow: 1px 1px 3px #333;
text-shadow: 1px 1px 3px #333;
}

nav ul li {
display:block;
height: 42px;
margin-left: 25px;
float:left;
}


nav ul li ul {
	background:url(images/overlay80.png) repeat;
	display: none;
	position: absolute;
	width:250px;
	top: 42px;
	left: 0;
	border-top:4px solid #a888cb;
	margin-left:-1px;
}

nav ul li ul li {
	clear:both;
}
nav ul li:hover ul{
	left:0;
	}

li:hover ul, li.over ul {
display: block;
}

nav ul > li:first-child {
}

nav ul > li > a {
display: block;
font-family: Arial;
font-size: 12px;
text-decoration: none;
text-transform: uppercase;
line-height: 42px;
color: #dde4ee;
}



nav ul li.current_page_item a,
nav ul ul.children li.current_page_item a,
nav ul li:hover a {
color: #fff !important;
}

nav li ul.children li a {
	color:#dde4ee !important;
}

nav li ul.children li a:hover {
	color:#fff !important;
}

nav ul li.menu-item:hover > ul  {
display: block; 
}

nav .mainMenu ul li.menu-item {
width: 180px;
border-bottom: 2px solid #000;
}

nav . ul li.menu-item a {
display: block;
padding: 12px 15px;
font-family: CabinBold, Arial;
font-size: 11px;
text-decoration: none;
text-transform: uppercase;
color: #dde4ee;
}

nav .mainMenu ul li.menu-item:hover {
border-bottom: 2px solid #53a7b9;
background: #000;
}

nav .mainMenu > li.parent-menu-item > a {
padding-right: 12px;
background-position: right 20px;
}

nav .mainMenu ul li.parent-menu-item a {
padding-right: 18px;
background-position: right -16px;
}

#branding {
width: 880px;
margin: 0 auto;
padding: 20px 0 50px 0;
}

.icon {
	float:left;
	margin-top:20px;
}
h1 {
	font-family: 'Pacifico', cursive;
	font-weight:normal;
	font-size:40px;
}

.number {
	float:right;
	height:42px;
	margin-top:12px;
	line-height:52px;
	background:url(images/phone.png) no-repeat left center;
	padding-left:60px;
	font-size:18px;
	color:#594b6a;
}
.boxee {
	margin:0 auto;
	width:766px;
	background-color:#fefce7;
	border-left:1px solid #339800;
	border-right:1px solid #339800;

}


#welcometext {
	text-align:center;
	font-size:36px;
	font-weight:bold;
	-webkit-text-shadow: 1px 1px 0 #fff;
-moz-text-shadow: 1px 1px 0 #fff;
text-shadow: 1px 1px 0 #fff;
}

#welcometext span {
	font-family: 'Pacifico', cursive;
	font-weight:normal;
	font-size:50px;
}

#content {
	width:720px;
	min-height:400px;
	float:right;
	margin-right:40px;
	padding-bottom:40px;
}

.footertextbox {
	background: #594b6a url(images/dark_hatch.png) repeat 0px 0px;
	text-align:center;
	color:#fff;
	padding-top:20px;
	height:70px;
	margin:-10px auto 5px;
	width:880px;
	border:0px solid #339800;
	font-size:11px;
}

#menu {
	width:767px;
	height:20px;
	margin:0 auto 20px;
	background-color:#339800;
}

#bottommenu {
	width:767px;
	height:20px;
	margin:0 auto 5px;
	text-align:center;
	line-height:20px;
	color:#fff;
	font-size:11px;
	background-color:#339800;
}
	

#menu ul {
	margin-left:15px;
}
#menu li {
	display:block;
	float:left;
	height:18px;
	line-height:18px;
	margin-top:1px;
	padding:0 15px;
	border-right:1px solid #fff;
}

#menu li a {
	color:#fff;
	text-decoration:none;
}

#menu li a:hover {
	text-decoration:underline;
}

#content p {
	margin-bottom:14px;
}

#slideshow {
	width:355px;
	float:right;
}

#footer {
	width:780px;
	height:30px;
	margin:0px auto;
	background-color:#000;
	
	border-left:1px solid #000;
	border-right:1px solid #000;
}

#footertext {
	width:922px;
	margin:0px auto;
	line-height:26px;
	padding-bottom:10px;
	text-align:center;
	color:#fff;
	font-size:11px;
}

#footertext a{
	color:#fff;
	text-decoration:none;
}

h2 {
	margin-bottom:10px;
	font-size:20px;
	color:#56636e;
}


.textwidget p {
	margin-bottom:30px;
	margin-top:10px;
	font-weight:bold;
}

.textwidget em {
	font-size:15px;
	font-weight:bold;
}

.clear {
	clear:both;
}

#text {
	float:left;
	width:320px;
	margin-left:20px;
}

#text label {
	display:block;
	width:100px;
	float:left;
	height:30px;
}

#text a {
	color:#000;
}

textarea {
	width:320px;
	height:80px;
}

#imagefooter {
	width:100%;
	clear:both;
}

#imagefooter img {
	float:right;
}

#slideshow {
	margin-bottom:20px;
}

.forContent {
	margin-top:20px;
	border-top:5px solid #a888cb;
	background-color:#fff;
	min-height:200px;
}

#contentWrap {
	padding:30px;
	line-height:160%;
	font-size:12px;
}

#contentWrap p {
	margin-bottom:10px;
}

#contentWrap ul {
	margin-left:20px;
	margin-bottom:10px;
	
}
cite {
	font-weight:bold;
}

iframe {
	margin-top:20px;
}

.leftbox {
	float:right;
	width:320px;
	margin-left:30px;
	margin-bottom:20px;
}

.leftboxsingle {
	float:right;
	width:370px;
	margin-left:30px;
	margin-bottom:20px;
}

.leftboxsingle img {
	width:370px;
	height:auto;
}

#homepage {
	margin-left:0px !important;
	padding:0px;
	
}
#homepage  li{
	list-style:none;
	margin-bottom:4px;
	display:block;
	background-color:#f6f6f6;
}

#homepage a {
	text-decoration:none;
	color:#57646f;
}
 
#homepage li.alt {
	background-color:#faf6fe;
}

#homepage li:hover {
	background-color:#f0f0f0;
}

#homepage li.alt:hover {
	background-color:#f2edf7;
}
.indexbox {
	padding:10px 10px;
}
.thumbnailbox {
	float:left;
	width:200px;
	height:150px;
	overflow: hidden;
	margin-right:20px;
}

.thumbnailboxright {
	float:right;
	width:200px;
	height:150px;
	overflow: hidden;
	margin-left:20px;
}

.thumbnailbox img, .thumbnailboxright img {
	width:200px;
	height:auto;
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}