/*  
Theme Name: Rosch
Theme URI: http://www.roschweb.com/
Description: Roschweb by Rosch
Version: 1.2.0
Author: ROSCHWEB
Author URI: http://www.roschweb.com/
*/

/*=== Setup ===*/
* {
	margin: 0;
}
html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -300px; /* the bottom margin is the negative value of the footer's height */
	text-align:center;
}
#footer, .push {
	height: 300px; /* .push must be the same height as .footer */
}
body {
	background:#ffffff url(images/bg.jpg) top left repeat-x ;
	font-family:Arial, Helvetica, sans-serif;
}
a {
	text-decoration:none;
	outline:none;
	color:#333333;
}
ul, ol {
	margin:0px;
	padding:0px;
}
li {
	list-style:none;
}
.entry ul {
	list-style:inside;
	padding:0 0 0 20px;
	margin:0 0 20px 0;
}
.entry ul li {
	list-style:disc;
	font-size:13px;
	color:#515151;
}
p {
	color:#515151;
	font-size:13px;
	margin:0 0 10px 0;
	line-height:18px;
}
h4, table td h4 {
	color:#861704;
	margin:2px 0 8px 0;
	font-size:12px;
}
img, a img {
	border:none;
}
.clear {
	clear:both;
}
div#top {
	width:980px;
	margin:0 auto;
	height:65px;
}
div#home-banner {
	width:990px;
	margin:0 auto;
	height:373px;
	background:transparent url(images/banner.jpg) top left no-repeat;
	text-align:left;
}
div.pagebanner {
	width:960px;
	height:115px;
	text-align:left;
	margin:0 auto;
	background:transparent url(images/banner.jpg) top left no-repeat;
}
div.pagebanner h1 {
	font-size:40px;
	color:white;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	text-transform:uppercase;
	padding:25px 0 0 0;
	
}
div#header {
	width:960px;
	margin:0 auto;
	text-align:left;
	position:relative;
}
#search {
	float:right;
	width:330px;
	margin:33px 0 0 0;
}
.searchbtn {
	background:transparent url(images/search_btn.jpg) center center no-repeat;
	height:30px;
	width:119px;
	color:#303030;
	text-transform:uppercase;
	padding:3px 0 6px 31px;
	margin:0px;
	border:none;
}
.input {
	border-top:1px solid #111111;
	border-right:1px solid #333333;
	border-bottom:1px solid #333333;
	border-left:1px solid #111111;
	color:#6B6B6B;
	float:left;
	font-size:12px;
	margin:1px 4px 0 0;
	width:190px;
	background-color:#212121;
	padding:5px;
}
#logo {
	float:left;
	width:240px;
	height:52px;
	background:transparent url(images/logo.jpg) top left no-repeat;
	margin:8px 0 0 0;
}
#logo a {
	display:block;
	width:240px;
	height:52px;
}
#top #nav {
	float:right;
	height:65px;
	margin:0 10px 0 0;
}
#top #nav ul {
	list-style:none;
	margin:17px 10px 0 0;
}
#top #nav ul li {
	display:block;
	float:left;
	padding:0;
	margin:0 2px;
	line-height:2.05em;
}
#top #nav ul li.current-menu-item, #top #nav ul li.current-cat {
	background:transparent url(images/li-bg.jpg) top left no-repeat;
}
#top #nav ul li.current-menu-item a, #top #nav ul li.current-cat a{
	background:transparent url(images/a-bg.jpg) top right no-repeat;
}
#top #nav ul li.hover {
	background:transparent url(images/li-bg.jpg) bottom left no-repeat;
}
#top #nav ul li a:hover {
	background:transparent url(images/a-bg.jpg) bottom right no-repeat;
}
#top #nav ul li a {
	display:block;
	color:white;
	float:left;
	padding:0 20px;
	text-transform:lowercase;
}
.coleft {
	float:left;
	width:600px;
	margin:0 10px 0 0;
}
#sidebar {
	float:left;
	width:330px;
	border-left:1px solid #cbcbcb;
	padding-left:15px;
}
div.homepost {
	float:left;
	width:370px;
	margin:20px 0 0 22px;
}
div.homepost h1 {
	color:white;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:40px;
	font-weight:normal;
	text-transform:uppercase;
}
div.homepost p {
	color:white;
	font-size:20px;
	line-height:24px;
}
div.homepost a {
	color:#a9a9a9;
}
div.homepost h1 a {
	color:#ffffff;
	margin:0 0 12px 0;
	display:block;
}
div#cta {
	float:left;
	clear:left;
	height:47px;
	width:380px;
	margin:10px 0 0 10px;
}
div#cta a.getstarted {
	display:block;
	height:47px;
	width:170px;
	text-indent:-9999px;
	float:left;
	background:transparent url(images/getstarted.png) top left no-repeat;
	margin:0 10px 0 0;
}
div#cta a.viewport {
	display:block;
	height:47px;
	width:200px;
	text-indent:-9999px;
	float:left;
	background:transparent url(images/viewport.png) top left no-repeat;
}
div#cta a.getstarted:hover, div#cta a.viewport:hover {
	background-position:bottom left;
}
div#featured {
	width:980px;
	margin:0 auto;
	text-align:left;
	height:350px;
}
div.intro {
	height:240px;
	width:314px;
	float:left;
	color:white;
	margin:0 0 0 20px;
}
div#arrows {
	width:80px;
	height:275px;
	float:left;
	margin:20px 0 0 363px;
	position:absolute;
}
#prev2 {
	background:transparent url(images/prev_btn.jpg) bottom left no-repeat;
	height:53px;
	width:60px;
	display:block;
	margin:10px 0 0 0;
}
#next2 {
	background:transparent url(images/next_btn.jpg) bottom left no-repeat;
	height:53px;
	width:60px;
	display:block;
	margin:80px 0 0 0;
}
#prev2:hover, #next2:hover {
	background-position:top left;
}
#fHolder {
	float:right;
	position:relative;
}
#lHolder {
	float:left;
	position:relative;
}
.featuredpost {
	width:566px;
	height:333px;
	background:transparent url(images/featured_bg.png) top left no-repeat;
	position:relative;
	margin:10px 22px 0 0;
	z-index:2;
	float:right;
}
div.curl {
	background:transparent url(images/curl.png) top left no-repeat;
	height:102px;
	position:absolute;
	right:8px;
	top:7px;
	width:101px;
	z-index:999;
	margin:10px 22px 0 0;
}
div.the-category div.curl {
	margin:18px 0 0 850px;
}
.featureditem {
	margin:33px;
	width:501px;
	height:272px;
	overflow:hidden;
}
#container {
	text-align:left;
	margin:0 auto;
	background:white url(images/c-bg.jpg) top left repeat-x;
	min-height:260px;
}
#content {
	width:960px;
	margin:0px auto;
	padding:35px 0 15px;
}
#content .module {
	width:460px;
	height:175px;
	float:left;
	overflow:hidden;
	margin:10px 0 0 ;
}
.module .imgHolder {
	float:left;
}
.intro p {
	color:#FFFFFF;
	font-size:18px;
	line-height:25px;
	margin:0 0 10px 0 ;
}
.intro a {
	color:#2a2a2a;
	text-decoration:none;
}
.intro a:hover {
	color:#2a2a2a;
	text-decoration:none;
}
.intro h1 {
	border-bottom:1px solid #ffffff;
	color:#FFFFFF;
	font-size:48px;
	letter-spacing:-1px;
	color:#E8E8E8;
	font-family:Georgia,Arial,serif;
	font-size:37px;
	margin-bottom:10px;
	margin-top:10px;
	padding:0 0 10px 0;
	font-weight:normal;
}
.intro h1 a {
	color:white;
}
div.portfolioBtn {
	float:left;
	height:70px;
	width:330px;
	clear:left;
	margin:15px 0 0 15px;
}
div.portfolioBtn a{
	background:transparent url(images/portfolio_btn.jpg) top left no-repeat;
	display:block;
	padding:10px 0 10px 20px;
	line-height:30px;
	font-size:22px;
	color:white;
	margin:30px 0 0 0;
}
div#centercol {
	width:960px;
	margin:0 auto;
}

div.mdImgHolder {
	height:120px;
	width:281px;
	padding:10px 0px;
	background:transparent url(images/med_bg.jpg) top center no-repeat;
}
div.mdImgHolder img {
	margin:4px 0 0 13px;
	border:none;
}
div#templates {
	width:283px;
	height:338px;
	float:left;
	margin:5px 50px 20px 0;
}
div#redesign {
	width:283px;
	height:338px;
	float:left;
	margin:5px 50px 20px 0;
}
div#design {
	width:283px;
	height:338px;
	float:left;
	margin:5px 0px 20px 0;
}
div#templates p, #design p, #redesign p,
div#templates h3, #design h3, #redesign h3,
div#templates h4, #design h4, #redesign h4 {
	padding:0 15px;
	font-weight:normal;
}
div#copywrite {
	height:200px;
	width:30%;
	margin:15px 48px 0 0;
	color:#c8c8c8;
	float:left;
}
div#copywrite a {
	color:#c8c8c8;
}
div#partners {
	height:200px;
	width:30%;
	margin:15px 48px 0 0;
	color:#c8c8c8;
	float:left;
}
div#smcontact {
	height:200px;
	width:30%;
	margin:15px 0px 0 0;
	color:#c8c8c8;
	float:left;
}
#copywrite h3{
	font-size:14px;
	margin:0 0 10px 0;
	color:#c8c8c8;
}

#partners h2, #smcontact h2 {
	font-size:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:0 0 10px 0;
	font-weight:normal;
}
ul.blogroll li {
	margin:1px 0 2px 0;
}
ul.blogroll li a {
	display:block;
	background-color:#343434;
	color:#c8c8c8;
	font-size:12px;
	font-weight:normal;
	padding:5px;
}
ul.blogroll li a:hover {
	background-color:#404040;
}
a.valid {
	color:#c8c8c8;
	display:block;
	background:transparent url(images/checkmark.jpg) center left no-repeat;
	padding:10px 0 10px 28px;
	font-size:12px;
	float:left;
	margin:0 25px 0 0;
}
a.valid:hover {
	color:white;
}

#footer {
	background:#2d2d2d url(images/footer-bg.jpg) top left repeat-x;
	color:#c8c8c8;
}
div.footercontent {
	width:960px;
	margin:0px auto;
	padding:20px 0 0 0;
}
div.smImgHolder {
	float:left;
	margin:0px 10px 10px 0;
}
div.ctImgHolder {
	float:right;
	height:120px;
	width:281px;
	padding:10px 0px;
	background:transparent url(images/med_bg.jpg) top center no-repeat;
}
div.lgImgHolder {
	float:left;
	border-top:1px solid #cbcbcb;
	margin:5px 5px 5px 0;
}
.catpost div.lgImgHolder {
	float:left;
	border-top:1px solid #cbcbcb;
	margin:5px 20px 5px 0;
}
div.singmid {
	float:left;
	width:90px;
	border-top:1px solid #cbcbcb;
	padding: 10px 0;
	margin:5px;
}
div.blb {
	float:left;
	width:350px;
	padding:0;
	margin:0px 0 5px 5px;
}
div.post div.blb {
	width:225px;
}
div.blb h2 {
	font-size:18px;
	color:#2d2d2d;
}
div.post div.blb h2 {
	border-top:1px solid #CBCBCB;
	padding:10px 0 0 0;
	margin:5px 0 0 0;
}
p.tags {
	color:#a9a9a9;
	font-weight:700;
}
div.blb a.readmore, .catpost .entry a.readmore {
	color:#821906;
	font-weight:bold;
	float:left;
	display:block;
	margin:0px 0 0 0;
	font-size:12px;
}
div.the-category {
	margin:0;
	width:960px;
}
div.wHeight {
	height:120px;
}
div.the-category h1.shorty {
	float:left;
	width:390px;
	margin:15px 0 ;
	height:110px;
}
p.hone{
	color:white;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:48px;
	font-weight:normal;
	padding:33px 0 0 0;
}
.post {

}
.post .lgImgHolder img {
	margin:15px 0;
	border:10px solid #2d2d2d;
}
.catpost .lgImgHolder img {
	border:10px solid #2d2d2d;
}
.the-category h1, .the-category h1 a{
	color:white;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:48px;
	line-height:48px;
	font-weight:normal;
}
.entry h2 {
	margin:0px 0 8px 0;
	padding:0px;
}
.entry h2 a {
	color:#5e5e5e;
}
.catpost {
	margin:0px 0 0;
}
ul.portcats {
	float:right;
	margin:13px 0;
}
ul.portcats li {
	float:left;
}
ul.portcats li a {
	display:block;
}
ul.portcats li.cat-item a {
	padding:3px 0px 3px 30px;
	color:white;
	margin:0 5px;
}
ul li.cat-item-11 a {
	background:transparent url(images/wp-logo.gif) center left no-repeat;
}
ul li.cat-item-12 a{
	background:transparent url(images/joomla-logo.png) center left no-repeat;
}
ul li.cat-item-13 a{
	background:transparent url(images/rosch-logo-mini.png) center left no-repeat;
}
ul.portcats li.cat-item {
	background:transparent url(images/over-under.jpg) repeat scroll left top;
	height:42px;
	line-height:38px;
	margin:0 5px;
	padding:0 10px;
	width:114px;
}
div.caltop {
	width:90px;
	height:23px;
	color:white;
	text-align:center;
	text-transform:uppercase;
	font-size:18px;
	background:transparent url(images/mon.png) top left no-repeat;
	padding:17px 0 0 0;
}
div.calbot {
	width:90px;
	height:67px;
	text-align:center;
	padding:5px 0 0 0;
	color:#212121;
	font-family:Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;
	font-size:53px;
	background:transparent url(images/cal.png) top left no-repeat;
}
.post .wpcf7-validates-as-required {
	border-top:1px solid #999999;
	border-right:1px solid #f1f1f1;
	border-bottom:1px solid #f1f1f1;
	border-left:1px solid #999999;
	color:#6B6B6B;
	font-size:12px;
	margin:1px 4px 0 0;
	width:250px;
	background-color:#ffffff;
	padding:5px;
}
.post .your-message textarea{
	border-top:1px solid #999999;
	border-right:1px solid #f1f1f1;
	border-bottom:1px solid #f1f1f1;
	border-left:1px solid #999999;
	color:#6B6B6B;
	font-size:12px;
	margin:1px 4px 0 0;
	width:250px;
	background-color:#ffffff;
	padding:5px;
	height:85px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
.post input.submit {
	background:transparent url(none) top left no-repeat;
	float:right;
	height:34px;
	margin:2px 25px 0 0;
	padding:3px;
	width:98px;
	border:none;
}
.post form p {
	font-size:15px;
	line-height:27px;
}
#smcontact .wpcf7-validates-as-required {
	border-top:1px solid #111111;
	border-right:1px solid #333333;
	border-bottom:1px solid #333333;
	border-left:1px solid #111111;
	color:#6B6B6B;
	float:left;
	font-size:12px;
	margin:1px 4px 0 0;
	width:250px;
	background-color:#212121;
	padding:5px;
}
#smcontact .your-message textarea{
	border-top:1px solid #111111;
	border-right:1px solid #333333;
	border-bottom:1px solid #333333;
	border-left:1px solid #111111;
	color:#6B6B6B;
	float:left;
	font-size:12px;
	margin:1px 4px 0 0;
	width:250px;
	background-color:#212121;
	padding:5px;
	height:55px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
#smcontact input.submit {
	background:transparent url(images/submit_btn.jpg) top left no-repeat;
	color:white;
	float:right;
	height:34px;
	margin:2px 25px 0 0;
	padding:3px;
	width:98px;
	border:none;
}
div.the-link {
	margin: 5px 0;
}
div.the-link a{
	color:white;
	background:transparent url(images/link.jpg) top left no-repeat;
	display:block;
	text-align:center;
	padding:8px 0;
	text-transform:uppercase;
	font-weight:bold;
}

div.the-link a:hover{
	background:transparent url(images/link.jpg) top right no-repeat;
}
.rssfeed {
	color:#c8c8c8;
	display:block;
	font-size:12px;
	clear:left;
}
#wpcf7-f2-p98-o1, #wpcf7-f2-p240-o1{
	margin:0 0 0 20px;
	width:300px;
}
#wpcf7-f3-p240-o1, #wpcf7-f3-p98-o1 {
	margin:0 0 0 20px;
	width:280px;
	float:right;
	padding:10px;
	background-color:#d9d9d9;
}
.wpcf7 p {
	clear:both;
}
.wpcf7-list-item {
	float:left;
	clear:both;
	display:block;
}
#wpcf7-f3-p240-o1 p, #wpcf7-f3-p98-o1 p{
	font-size:12px;
	line-height:20px;
}
#wpcf7-f3-p240-o1 .wpcf7-validates-as-required, 
#wpcf7-f3-p98-o1 .wpcf7-validates-as-required{
	padding:2px;
}
img.alignright {
	float:right;
	margin:0 0 10px 10px;
}
img.alignleft {
	float:left;
	margin:0 10px 10px 0;
}
table td {
	color:#515151;
	font-size:13px;
	padding:0 5px;
}
.entry table td:first-child {
	width:80%;
}
.entry table {
	margin:0 0 10px;
	width:100%;
}
h3 {
	color:#515151;
	margin:0 0 10px;
}
#footer p {
	color:#a8a8a8;
}
.with_frm_style fieldset {position:relative;}
div.reset {
	left: 90px;
    margin: 20px 0 0;
    position: absolute;
}
.fixed {
    position: fixed !important;
    top: 10px !important;
}
input.resetButton {
	background: #f5f6f6;
	background: -moz-linear-gradient(top, #f5f6f6 0%, #dbdce2 74%, #dbdce2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f6f6), color-stop(74%,#dbdce2), color-stop(100%,#dbdce2));
	background: -webkit-linear-gradient(top, #f5f6f6 0%,#dbdce2 74%,#dbdce2 100%);
	background: -o-linear-gradient(top, #f5f6f6 0%,#dbdce2 74%,#dbdce2 100%);
	background: -ms-linear-gradient(top, #f5f6f6 0%,#dbdce2 74%,#dbdce2 100%);
	background: linear-gradient(top, #f5f6f6 0%,#dbdce2 74%,#dbdce2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#dbdce2',GradientType=0 );
	border:1px solid #bbbbbb;
	color:#464646;
	text-shadow:1px 1px white;
	border-radius: 4px 4px 4px 4px;
    cursor: pointer;
    font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,sans-serif;
    font-size: 14px !important;
    font-weight: normal;
    height: auto;
    padding: 3px 8px;
    text-align: center;
    width: auto;
}