/* CSS Document */

/*  
Theme Name:ReidMaddison
Theme URI: http://www.visualmagick.com
Description: Reid Maddison Accouting Theme
Version: 1.0
Author: stodan
Author URI: http://www.visualmagick.com

*/
/* This rule is for the added form styling */
input#form {
  width: 180px;
  height: 30px;
  margin:5px 5px 5px 5px;
  font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  color: black;
  background-color: #017a57;
  border: 1px solid #142458;  
  
}
textarea#form {
  width: 600px;
  height: 200px;
  font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  color: black;
  background-color: #017a57;
  border: 1px solid #142458;  
}

input#form.in_medium:focus {
  background-color:white;
}

textarea#form.in_medium:focus {
  background-color:white;
}

input.button{color:#fff; background:#017a57; font:bold 11px Arial, Helvetica, sans-serif; text-decoration:none; padding:10px 10px; margin:0px 5px 5px 0;	border:1px solid #ccc;}
input.button:hover{cursor:pointer; color:#fff; background:#142458;}

 {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background: #e1e1e1 url(images/body-bg.gif) repeat-x;
	text-align:center;
	padding:11px 0 37px 0;
	}


.main { width:995px; margin:0 auto; text-align:left;}

#header {height:445px;}

#footer { height:120px;}

#questionbox {
	margin-left: 35px;
}

.col-1, .col-2, .col-3 {float:left;}
.container {width:100%; overflow:hidden;}
.col-1 {width:316px;}
.col-2 {width:315px;}
.col-3 {width:316px;}

.devider1 {background:url(images/col-divider.png) repeat-y 286px 0;}
.devider2 {background:url(images/col-divider.png) repeat-y 601px 0;}

/* ============================= page1 ===========================*/
#page1 .row2 .col-1 {width:567px;}
#page1 .row2 .col-2 {width:250px;}
#page1 .row2 .col-1 .col-1 {width:192px;}
#page1 .row2 .col-1 .col-2 {width:192px;}

/* ============================= page2 ===========================*/
#page2 .row2 .col-1 {width:271px;}
#page2 .row2 .col-2 {width:264px;}
#page2 .row2 .col-3 {width:250px;}

/* ============================= page3 ===========================*/
#page3 .row2 .col-1 {width:885px;}
#page3 .row2 .col-2 {width:250px;}

/* ============================= page4 ===========================*/
#page4 .row2 .col-1 {width:266px;}
#page4 .row2 .col-2 {width:270px;}
#page4 .row2 .col-3 {width:248px;}

/* ============================= page5 ===========================*/
#page5 .row2 .col-1 {width:567px;}
#page5 .row2 .col-2 {width:250px;}
#page5 .row2 .col-1 .col-1 {width:222px;}
#page5 .row2 .col-1 .col-2 {width:222px;}

/* ============================= page6 ===========================*/
#page6 .row2 .col-1 {width:271px;}
#page6 .row2 .col-2 {width:265px;}
#page6 .row2 .col-3 {width:249px;}


img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;} 

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.75em;
		line-height:1.333em;
		color:#515151;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#87A7AB;}
a:hover{text-decoration:none;}
p {padding-top:15px;}

/* ============================= main layout ====================== */

.box {background:#fff url(images/body-shadow-bottom.gif) bottom repeat-x;}
.box .shadow-right {background:url(images/body-shadow-right.gif) right repeat-y;}
.box .shadow-left {background:url(images/body-shadow-left.gif) left repeat-y;}
.box .shadow-top {background:url(images/body-shadow-top.gif) top repeat-x;}
.box .corner-right-bottom {background:url(images/body-corner-right-bottom.gif) right bottom no-repeat;}
.box .corner-left-bottom {background:url(images/body-corner-left-bottom.gif) left bottom no-repeat;}
.box .corner-right-top {background:url(images/body-corner-right-top.gif) right top no-repeat;}
.box .corner-left-top {background:url(images/body-corner-left-top.gif) left top no-repeat; width:100%;}
.box .indent {padding:24px 24px 28px 24px;}

li { background:url(images/list-bg.gif) no-repeat 0 8px; padding-left:9px; line-height:1.75em;}
li a {color:#e33b3c; text-decoration:none; font-weight:bold;}
li a:hover {text-decoration:underline;}

dl {line-height:1.5em; margin-bottom:-20px; list-style:none;}
dt {font-weight:bold;}
dt .date {line-height:1.333em; font-weight:normal; display:block;}
dd {margin-bottom:20px;}
#page4 dd { line-height:1.333em;}
#page6 dd { line-height:1.333em; margin-bottom:14px;}

.imgindent1 {margin:24px 0 0 36px;}
/* ============================= header ====================== */



/* ============================= content ====================== */

.box1 { background:#017a57;}
.box2 { background:#142458;}
.box3 { background:#454f58;}

.link1 {background:url(images/link1-left-bg-1.png) left top no-repeat; display:inline-block; line-height:1em; text-transform:uppercase; text-decoration:none; margin:9px 0 0 0; color:#fff; cursor:pointer;}
.link1 span {background:url(images/link1-right-bg-1.png) right top no-repeat; display:inline-block; padding:0 9px 0 9px;}
.link1 span span {background:url(images/link1-tail-bg-1.png) top repeat-x; padding:8px 0 15px 0;}
.link1:hover {color:#000099;}

.box2 .link1 {background:url(images/link1-left-bg-2.png) left top no-repeat;}
.box2 .link1 span {background:url(images/link1-right-bg-2.png) right top no-repeat;}
.box2 .link1 span span {background:url(images/link1-tail-bg-2.png) top repeat-x;}

.box3 .link1 {background:url(images/link1-left-bg-3.png) left top no-repeat;}
.box3 .link1 span {background:url(images/link1-right-bg-3.png) right top no-repeat;}
.box3 .link1 span span {background:url(images/link1-tail-bg-3.png) top repeat-x;}

.box-indent {
	padding-top: 33px;
	padding-right: 14px;
	padding-bottom: 23px;
	padding-left: 14px;
}
.post {margin-top: 15px;}
.entry {margin-top: 10px;}
.title {margin:9px 0 21px 0;}
.row1 .title {margin:0 0 9px 0;}

.row1 {padding-bottom:27px; font-size:1em; line-height:1.25em; text-transform:uppercase; color:#fff; }
.row2 {padding:0 31px 23px 31px;}
#page6 .row2 {padding:27px 31px 23px 31px;}
.col-pad3 {margin-right:30px;
           padding-right: 20px; }
.col-pad {margin-right:68px;}
.col-pad1 {margin-right:50px;}
.col-pad2 {margin-right:20px;}

.links {color:#fca700; text-decoration:none; font-weight:bold;}
.links:hover {text-decoration:underline;}

.blogs {line-height:1.55em;}
.blogs a {text-decoration:none; font-weight:bold;}
.blogs a:hover {text-decoration:underline;}

.link {color:#017a57; font-weight:bold; text-decoration:none;}
.link:hover {text-decoration:underline;}

.margin {margin-bottom:-10px;}
.text {padding: 0 32px;} 
.text p {padding:0; margin-top:15px; color:#515151;}

.link-read {color:#e33b3c; font-weight:bold; text-decoration:none;}
.link-read:hover {text-decoration:underline;}
.rss {margin:9px 0 0 12px;}

.text-link  {background:url(images/link2-left-bg.gif) left top no-repeat; display:inline-block; line-height:1em; text-transform:uppercase; text-decoration:none; margin:20px 0 0 2px; color:#fff; cursor:pointer;}
.text-link span {background:url(images/link2-right-bg.gif) right top no-repeat; display:inline-block; padding:0 9px 0 9px;}
.text-link span span {background:url(images/link2-tail-bg.gif) top repeat-x; padding:9px 0 15px 0;}
.text-link:hover {color:#000099;}

.margin1 {margin-top:10px;}
.margin2 {margin:-10px 0 36px 0;}
.margin3 {margin-top:20px;}

.phones { padding-top:20px;}
.phone {display:inline-block; width:87px;}
.contacts {
	line-height:1.43em;
	padding-bottom:12px;
	text-align: left;
}
.contacts .mail {color:#e33b3c; font-weight:normal;}

.policy-title {padding:33px 0 20px 2px;}
.policy-mail {margin:18px 0 36px 0;}
.policy-mail a {color:#fca700; font-weight:bold;}
/* ============================= footer ====================== */

#footer {background:#ececec url(images/footer-divider.gif) repeat-y 633px 0; color:#888e93; padding-top:25px;}
#footer .col-1 {width:633px;}
#footer .col-2 {width:314px;}
.adress {text-align:right; float:right; padding:0 40px 0 0; line-height:1.35em; }

#footer p {padding:31px 0 0 24px; color:#888e93;}
#footer p a {color:#888e93;}
/* ============================= forms ============================= */

#SearchForm {padding-left:36px;}
#SearchForm label {display:block; width:245px; height:30px; background:url(images/footer-input-bg.gif) left top no-repeat; margin:9px 0 0 0;} 
#SearchForm input {padding-top:4px;}
#SearchForm .input {width:212px; height:20px; border:none; background:none; padding:4px 0 0 6px; font-size:1em; float:left; margin-top:3px; font-style:italic; color:#a8a8a8;}

#ContactForm { line-height:1.5em; }
#ContactForm label { display:block; height:41px; width:238px; background:url(images/page6-form-input-bg.gif) right top no-repeat;} 

.alignright { text-align:right; padding:6px 15px 0 0;}
#ContactForm .text-link {margin-left:6px; }
#ContactForm .input {width:225px; height:20px; border:none; background:#fff; font-size:0.91em; color:#515151; margin:6px 0 0 6px;}
textarea {width:225px; height:130px; border:none; background:#fff; padding:0 5px 0 0; overflow:auto; font-size:0.91em; margin:5px 0 5px 5px;}
.text-bg { display:block; background:url(images/page6-textarea-bg.gif) right top no-repeat; height:140px; width:237px;}
.headerstext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
	line-height: 27px;
	text-align: center;
}
.smallheader {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 22px;
	color: #515151;
	line-height: 30px;
	text-transform: uppercase;
	font-weight: normal;
}

/* ============================= comments page blog ============================= */
.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
    background-color: #017a57;
    color: white;
    padding: 3px;
}

.comments-template input#submit{color:#fff; background:#017a57; font:bold 11px Arial, Helvetica, sans-serif; text-decoration:none; padding:10px 10px; margin:0px 5px 5px 0;	border:1px solid #ccc;}
.comments-template input#submit:hover{cursor:pointer; color:#fff; background:#142458;}
.contacttext {
	text-align: left;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}