﻿/*
Vagwerkes CSS
*/

* { margin: 0; padding: 0; }
body { font: .74em Tahoma, Verdana, Sans-Serif, Arial; background: url(../images/body.gif) repeat; color: #DFDFDF; }
h1 { font: normal 3.4em "Trebuchet MS", Helvetica, Arial; }
h2 { font: normal 1.8em "Trebuchet MS", Helvetica, Arial; color: #FF2F0E; margin: 0 0 10px; }
h3 { font: normal 1.4em "Trebuchet MS", Helvetica, Arial; margin: 0 0 5px; }
h4 { font: normal 1.2em "Trebuchet MS", Helvetica, Arial; color: #dfdfdf; margin: 0 0 4px; }
p { margin: 0 0 15px; line-height: 1.6em; }
a { outline: 0; color: #FFF; text-decoration: none; }
li { list-style: none; }
li a, img { display: block; }
img { outline: 0; border: 0; }


#wrapper { width: 984px; margin: auto; }
.clr { clear: both; }

#logo { float: left; padding: 45px 215px; background: url(../images/vag_logo.png) no-repeat; margin-left:18px;
margin-top:15px;}
#logo h1 a { color: #FF2F0E; }
#logo h1 a span { color: #808080; }

#logoimage { float: right; padding: 45px 156px; background:url(../images/vp_logo.jpg) no-repeat; margin-left:0px;
margin-top:20px;}
		
#menu { height: 44px; padding: 5px 0 0 4px; }
#menu li { float: left; font-size: 1.3em; text-transform: uppercase; }
#menu li a { color: #FFF; margin: 0 50px 0 0; }
#menu li a.current, #menu li a:hover { color: #FF2F0E; }			
	
#pitch { clear: both; background: url(../images/pitch.jpg) no-repeat; height: 228px; margin: 0 0 30px; padding: 60px 360px 0 30px; }
#pitch h1 { font-size: 2.4em; color: #304D6F; margin: 0 0 20px; }
#pitch em { font-size: 1.3em; font-weight: bold; line-height: 1.6em; }
.content { background: url(../images/content.gif) repeat; padding: 1px; }
.link { background: #FF2F0E; color: #fff; padding: 5px 10px; font-size: .9em; }

#main { padding: 10px; }
.col { float: left; width: 620px; margin: 10px 30px 15px 0; padding: 5px 0 0 19px}
	.col.last { float: right; width: 294px; margin-right: 0; }
	.col.last img { display: inline; }
	.case img { float: left; clear: left; margin: 0 20px 20px 0; background: #121212; padding: 3px; }
	.short { padding: 0 0 15px 0; background: url(../images/line.gif) repeat-x left bottom; }
	.case a, .article a { color: #ddd; font-weight: bold; }
	.date { font-size: .84em; margin: 0 0 3px; }
    .colwide  { float: left; width: 915px; margin: 10px 30px 15px 0; padding: 5px 0 0 19px}

#footer { clear: both; background: url(../images/line.gif) repeat-x; padding: 13px 0px 10px; font-size: .9em; }
#footer a { color: #ccc; margin: 0 10px 0 0; border-bottom: 1px dotted #444; padding: 0 0 1px; }
#links { float: right; }
#links a { margin: 0 0 0 10px; }
#footer p { margin: 0 0 8px; }


 ul.colbul {
   margin: 0;
   padding: 0;
             }
   
 ul.colbul li{
   margin: 0;
   padding: 4px 0 2px 16px;
   list-style: none;
   background: url('../images/bullet.gif') no-repeat top left;
                }

/* form elements */
form {
	margin: 16px 25px 0px 2px; 
	padding: 05px 25px 05px 20px; 
	border: 1px solid #DFDFDF;
	/*background: #FAF7F5;*/
}
form p {
	padding: 0px 0 0px 0;	margin: 0;	
	color: #DFDFDF;
}
label {
	font-weight: bold;
	color: #A7743B;
}
input, select, textarea {
	margin: 5px 0;
	padding: 0px;
	color: #000000;
	border-width: 0px;
	border-style: solid;
  	border-color: #d4d4d4 #ebebeb #ebebeb #d4d4d4;
	width:100%; 
}


input[type="submit"]:hover{
background-color:#333333;
border-color: #d4d4d4 #ebebeb #ebebeb #d4d4d4;
font: bold, 14px, Tahoma, Sans-serif, #FFFFFF; 
}



/* Shop css */

.product {
    float: left;
    height: 290px;
    margin: 0 45px 15px 0;
    width: 255px;
}

.img_wrapper {
    border: 1px solid #FF2F0E;
    height: 145px;
    text-align: center;
    width: 250px;
}

.img_wrapper_shop {
    border: 1px solid #FF2F0E;
    height: 145px;
    text-align: center;
    width: 250px;
}

.col_shop { float: left; width: 900px; margin: 10px 30px 15px 0; padding: 5px 0 0 19px}


/* shop paypal button for shop home css */


#shophome {
	border: medium none;
    margin: -29px 0 0 176px;
    padding: 0;
    width: 28%;
}


/* shop paypal button for Individual items css */


#shop {
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	width:20%;
	border: none;
}


/* Table css */

table {
    border: 1px solid #DFDFDF;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 0.9em;
}
th {
    border: 1px solid #DFDFDF;
    padding: 3px;
}
td {
    border: 1px solid #DFDFDF;
    padding: 3px;
}























/*option { padding-right: 0.5em; } 

#name, #email, #message, #website{
	width: 455px;
}
input.button { 
	font: bold 12px Arial, Sans-serif; 
	height: 30px;
	margin: 0;
	padding: 2px 3px; 
	color: #fff;
	background: #A6CD56;
	
	border-width: 1px;
  	border-style: solid;
  	border-color: #C4DE8F #8DB836 #8DB836 #C4DE8F;
}*/