﻿
html,body {
	margin: 0;
	padding: 0;
	background: #ffffff;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #323429;
	height:100%;
}
h1 { 
	font-size: 20px; 
	text-transform:uppercase;
	font-weight:bold;
	color:black;
	font-family:Verdana;
	padding-bottom:5px;
	
	
	}

h2 { font-size: 20px; }

h3 { font-size: 14px; }

p, ol {
	margin-top: 0;
	text-align: justify;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:160%;
	padding-bottom:8px;

}

ul {
	padding-left:40px;
	padding-bottom:10px;
	
}
strong {
	text-transform:uppercase;
	font-size:11px;
}
li {
	list-style-type:circle;
	line-height:140%;
	color: #92a71e;

}

ul, ol { }

blockquote { }

a { color: #92a71e; text-decoration:none; }

a:hover { text-decoration: none; color:#92a71d; }

a img {
	border: none;
}

img.left {
	float: left;
	margin: 7px 30px 0 0;
}

img.right {
	float: right;
	margin: 7px 0 0 30px;
}

hr { display: none; }

.text1 {
	padding: 5px 10px 5px 10px;
	background: #FF6600;
	color: #000000;
}

/* Header */


#header-wrapper {
}

#header {
	height: 52px;
	margin: 0 auto;
	padding: 0 20px;
	background:#323429 url('../images/header.gif') no-repeat;
	border-bottom: 0px solid #910000;
}

/* Menu */

#menu {
	float: left;
	width: 1000px;
	height: 50px;
	text-transform:uppercase;
	position:relative;
}



/* Page */

#page {
	margin: 0 left;
	padding: 0 0px;
	width:900px;
}

/* tester */
#middle-wrapper {
}

#mid {
	height: 310px;
	margin: 0;
	padding: 0 0px;
	border-bottom: 1px dotted silver;
	width:100%;
	min-width:1000px !important; width:auto; 
	}

/* middle section */



#middle-section {
	float:left; height:310px; border-bottom:1px silver dotted; 
}

#version-id {
	width:19px; height:309px; border:0px blue solid; float:left;
}

#cool-image {
	width:504px; height:309px; border:0px fuchsia solid; text-align:center; float:left;
}
#tip-ideas {
	width:370px; height:309px; border:0px lime solid; float:left; top:20px;
}
#competition-button {
	height:126px; width:129px; position:relative; top:-45px; left:200px;
}
#pro-tips {
	height:80px; width:188px; position:relative; top:80px; left:8px; top:40px; text-align:right;
}
#pro-tips h1 {
	font-size:14px; line-height:14px;
	
}
#pro-tips p {
	text-align:right;
	font-size:12px;
	line-height:120%;
}
#plus-tips {
	height:100px; width:188px; position:relative; top:80px; left:8px; top:50px;
}
#plus-tips ul, li{
	padding-left:5px;
	text-align:right;
	color:black;
	text-transform:uppercase;
	font-size:10px;
	font-weight:bold;
	list-style:none;
}
/* content part */

#contents-wrapper {
	border-bottom: 15px solid blue;
}

#contents { 
	min-height:400px; height:auto !important; height:400px;	
	margin: 0;
	padding: 0 0px;
	background:#ffffff;
	width:999px;
	
}

#writing-section {
	width:345px; float:left; border-right:1px silver solid; padding: 0px 15px 1px 21px; height:300px;
}
/* now data capture services section */
#portfolio-section {
	width:300px; float:left; padding: 1px 10px 1px 12px; border-right:1px silver solid;height:300px;

}
#everyother-section {
	
	width:668px; float:left; border-right:1px silver solid; padding: 0px 15px 1px 21px; 
}
#portfolio-box {
	width:62px; padding:5px 0px 1px 0px; float:left;right:23px; border:1px #a3bb21 dotted; 
}

.thumbnail {
	width:62px;
	float:left;
	margin: 0 10px 10px 0;
}
.thumbnail img {
	border:1px dotted #a3bb21;
	margin: 5px 0 0 10px;
}
.thumbnail p {
	margin:0;
	padding: 0 20px 30px 10px;
}

/* now portfolio section */
#news-section {
	
	width:278px; float:left; border:0px yellow solid;padding: 0px 2px 1px 2px;	}
#news-section h1 {
		font-size:12px;
		color:#a3bb21;
		}
#news-section p {
	font-size:12px;
	line-height:5px;
	text-transform:none;
}
#news-section li {
	font-size:11px;
	text-transform:none;
	list-style:none;
	
}
.logoboxes {
	position:relative;
	float:left;
	height:77px;
	width:76px;
	padding:0 3px 0 3px;
	
}
#buttons {
	width:104px; height:20px; position:relative; left:240px; top:-20px;
}

#portfolio-but {
	width:104px; height:20px; position:relative; left:190px; top:30px;
}
/** LOGO */

#logo {
	height:76px;
	width:156px;
	position:absolute;
	top:41px;
	left:5px;
}

/* Content */

#content {
	float: left;
	width: 900px;
}
#content ul, li {
	text-align:left;
	list-style:circle;
	text-transform:capitalize;
	font-weight:normal;
	font-size:12px;
	
}


.post .links {
	margin: 0 250px 0 0;
	padding: 0 0 0 0px;
}

.post .links .comments {
}

.post .links .permalink {
	padding-left: 17px;
}
.smallicon {
	position:relative;
	width:112px;
	height:98px;
	float:left;
}
#arrows {
	position:relative;
	float:left;
	height:98px;
	width:75px;
}

/* Footer */
.footer-stuff {
	
	width:222px;
	height:136px;
	float:left;
	margin: 0 2px 1px 10px;
}
.footer-stuff p {
	
	margin:0;
	padding: 0 10px 1px 15px;
	font-size:10px;
	font-weight:bold;
	color:#fff;
	font-family:Verdana;
}

#footer {
	margin: 0;
	padding: 0;
	background: url(../images/img02.jpg) repeat;
	border-top: 4px solid #728419;
	height: 150px;
	
}

#footer p {
	margin: 0;
	padding: 10px 0;
	text-align: left;
	line-height: normal;
	color: #FFFFFF;
}

#footer a {
	color: #FFFFFF;
}
.clear { clear:both;}

* { 
    margin: 0; 
} 
.wrapper { 
    min-height: 100%; 
    height: auto !important; 
    height: 100%; 
    margin: 0 auto 15px; 
} 
.footer2, .push { 
    height: 150px; 
} 
.winbox { height: 236px; width:174px; padding:1px 1px 1px 1px; margin-top:5px; float:left; margin-left:12px; }
.winbox p {  padding:65px 0 0 12px}
.winbox input { padding-left 12px;}
#yesorno { height:200px; width:600px; text-align:center}
