/* templates/andreas09/style.css  */
/*--------------------------------------------------------------------
|	TABLE OF CONTENTS

|	Body
|	Mainpane
|	Wrap
|	Column Styles
|	General Styles
|	Headings
|	Links
|	Images
|	Forms
|	Navigation
|	Breadcrumb List
|	Homepage Only
|	Services page Only
|	Sidebar
|	Footer
--------------------------------------------------------------------*/

/*--------------------------------------------------------------------
|	=BODY
|	NOTE: Affects entire page
--------------------------------------------------------------------*/
body {
	font: 1.0em Calibri, Arial, sans-serif;
	color: #383838;
	background-color: #d4e7fb; 
	margin: 0;
	padding: 0;
	line-height: 1; }

/*--------------------------------------------------------------------
|	=MAINPANE
|	NOTE: affects entire Striped Area
--------------------------------------------------------------------*/
#mainpane {
	background-color: #d4e7fb;
	margin: 0; 
	padding: 0; 
	text-align: left;
	width: 100%;
	clear: both; }

/*--------------------------------------------------------------------
|	=WRAP
|	NOTE: contains Navbar, sidebar, and content
--------------------------------------------------------------------*/
#wrap {
	max-width: 960px;
	padding: 0;
	margin: auto;
	background-color: #ffffff; }

/*--------------------------------------------------------------------
|	=HEADER AND MASTHEAD
--------------------------------------------------------------------*/
#topheader {
	padding: 0px;
	margin: 0; }
#topheaderlinks {
	float: right;
	text-align: right;
	padding: 0;
	margin: 0; }
#topheaderULlist {
	list-style-type: none; }
.topheaderLIlist {
	padding-right: 25px;
	display: inline; }
.topheaderLIlist a {
	text-decoration: none;
	color: #aaaaaa; }
.topheaderLIlist a:link,
.topheaderLIlist a:visited,
.topheaderLIlist a:hover,
.topheaderLIlist a:active {
	color: #383838; 
	text-decoration: underline; }


#masthead {
	background-image: url('templates/andreas09/img/headerbg.png');
	background-repeat: no-repeat;
	background-position: top left;
	height: 71px;
	padding: 10px;
	padding-top: 15px; }


/*--------------------------------------------------------------------
|	=COLUMN STYLES
--------------------------------------------------------------------*/
#leftside {
	float: left; 
	margin: 0;
	padding: 63px 0 0 10px;
	width: 185px; }
.serendipitySideBarContent {
	margin-bottom: 35px; }

#content  {
	background-color: #ffffff;
	padding: 12px;
	margin-left: 220px; }

/*--------------------------------------------------------------------
|	=GENERAL STYLES
--------------------------------------------------------------------*/
p.testimonials {
	background: url('templates/andreas09/img/quote-mark.gif') no-repeat;
	padding: 4px 4px 8px 29px;
	margin-top: 15px;
	border: 1px dashed #acacac; }

blockquote {
	border: 1px solid #7b9c74;
	width: 85%;
	margin: 0; 
	padding: 7px; 
	background-color: #c4d4aa; }

#statcounter_image {
	display: inline; }

ul {
	list-style: none; }


hr {
	color: #cbdfe8;
	height: 1px;
	border-width: 0;
	background-color: #cbdfe8; 
	margin: 0 0 20px 0; }

table {
	border-collapse: collapse;
	border-spacing: 0; }

.bold {
	font-weight: bold; }
.center {
	text-align: center; }
.right {
	text-align: right; }

/*--------------------------------------------------------------------
|	=HEADINGS
--------------------------------------------------------------------*/
h1 {
	color: #cc0000;
	font-size: 1.4em;
	font-weight: normal;
	line-height: 27px;
	margin-bottom: 9px;
	padding: 0; }
h2 {
	color: #0c4269;
	font-size: 1.25em ;
	font-weight: normal;
	line-height: 24px;
	margin-bottom: 6px;
	padding: 0; }
h3 {
	color: #0c4269;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 24px;
	margin-bottom: 3px;
	padding: 0; }
h4 {
	color: #0c4269;
	font-size: 1.1em;
	font-weight: normal;
	line-height: 18px;
	margin: 0;
	padding: 0; }

/*--------------------------------------------------------------------
|	=LINKS
|	NOTE: a:hover MUST come after a:link and a:visited.
|	NOTE: a:active MUST come after a:hover.
--------------------------------------------------------------------*/
a:link {
	color: #0076bf; 
	text-decoration: underline; }
a:visited {
	color: #800080;
	text-decoration: underline; }
a:hover,
a:active {
	color: #24933c;
	text-decoration: underline; }

/*--------------------------------------------------------------------
|	=IMAGES
--------------------------------------------------------------------*/
img {
	border: 0; }

.imgleft {
	float: left;
	padding: 5px;
	margin: 1px 10px;
	border: 1px solid #bbbbbb; }
.imgleftalt {
	float: left;
	padding: 5px;
	margin: 1px 10px; }
.imgcenter {
	margin: 10px 0; }
.imgright {
	float: right;
	padding: 5px;
	margin: 1px 10px;
	border: 1px solid #bbbbbb; }
.imgrightalt {
	float: right;
	padding: 5px;
	margin: 1px 10px; }

/*--------------------------------------------------------------------
|	=FORMS
--------------------------------------------------------------------*/
form {
	margin: 10px 0 40px 20px;
	padding: 19px; }

form label {
	color: #656565;
	clear: left; }


fieldset {
	/* Box around group of data */
	background-color: #f4f5f9;
	border: 1px solid #cbdfe8;
	padding-left: 20px;
	width: 500px; }


legend {
	/* Title of the fieldset */
	background-color: #f4f5f9;
	border: 1px solid #cbdfe8;
	font-size: 1.0em;
	padding: 6px 16px 6px 16px; }

form input,
form select,
form textarea {
	color: #383838;
	font-size: 1.0em;
	margin-bottom: 20px;
	padding: 4px;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: 1px solid #cbdfe8;
	border-right: 1px solid #cbdfe8;
	background: #fcfcfc url('templates/andreas09/img/inputbg.png') no-repeat scroll left top; }

form input:focus,
form select:focus,
form textarea:focus {
	border: 1px solid #999; }

optgroup {
	font-style: normal; }

form hr{
	color: #cbdfe8;
	margin: 10px 0 15px 0;
	clear: both; }

.submit {
	margin-left: 40px;
	font-weight: bold; }

/*--------------------------------------------------------------------
|	=NAVIGATION
--------------------------------------------------------------------*/
#navcontainer {
	width: 960px;
	margin: 0 auto;
	padding: 0; }

#logowrapper {
	float: left;
	margin: 0;
	padding: 15px; }
#logowrapper img {
	position: relative;
	top: -3px;
	left: 2px; }


#navlinks {
	margin-left: 150px;
	padding: 0;
	position: relative;
	top: 30px; }

#navlinks ul.left {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 1.2em; }
#navlinks li {
	float: left; }

#navlinks ul.right {
	margin: 0;
	padding: 0;
	font-size: 1.3em; }
#navlinks li.right {
	float: right; }

#navlinks a:link,
#navlinks a:visited {
	display: block;
	font-weight: bold;
	color: #4b67ae;
	text-align: center;
	padding: 6px 20px;
	text-decoration: none; }
#navlinks a:hover,
#navlinks a:active {
	color: #24933c; }

/*--------------------------------------------------------------------
|	=BREADCRUMB LIST
--------------------------------------------------------------------*/
table.bc {
	width: 100%;
	color: #536576;
	margin: 0;
	font-size: 0.85em; }


.divider {
	margin: 0 5px; }

td.bcleft {
	padding-left: 10px; }

td.bcleft a:link,
td.bcleft a:visited,
td.bcleft a:hover,
td.bcleft a:active {
	color: #536576; 
	text-decoration: underline;
	font-weight: normal; }

td.bcright {
	text-align: right;
	padding: 0 10px 6px 0; }

img.networks {
	vertical-align: middle;
	margin-bottom: 0.25em; }

/*--------------------------------------------------------------------
|	=HOME PAGE ONLY
--------------------------------------------------------------------*/

#xmaslights {
	color: #e00000;
	font-weight: bold; }

#mainlogo {
	text-align: center; }

#slogan {
	color: #e00000;
	font-weight: bold;
	text-align: center; }

/*--------------------------------------------------------------------
|	=SERVICES PAGE ONLY
--------------------------------------------------------------------*/

img.using_us {
	vertical-align: middle;
	margin-bottom: 0.25em; }

table.services {
	margin: auto;
	width: 600px;
	border-width: 0; }
table.services tr {
	vertical-align: top; }
table.services td {
	width: 120px;
	text-align: center;
	border-right: 1px solid #bbbbbb; }
table.services td.alt {
	width: 120px;
	text-align: center;
	border-right: 0; }
table.services img {
	margin: 15px 0; }

table.categories {
	width: 520px;
	padding: 7px; }
table.categories tr {
	vertical-align: top; }
table.categories td {
	width: 50%;
	border: 1px solid #bbbbbb; }
table.categories img {
	float: left;
	margin: 18px 20px 50px 6px; }

h3.category {
	color: #cc0000; }

ul.none {
	list-style-type: none; }

/*--------------------------------------------------------------------
|	=SIDEBAR
--------------------------------------------------------------------*/
#randcontainer {
	padding: 6px;
	margin: 0;
	border: 1px dashed #acacac; }
#randimg {
	float: left;
	padding: 5px;
	margin: 0; }
#randquote {
	text-align: left;
	font-style: italic; }
#randauthor {
	text-align: right;
	font-weight: bold; }


/*--------------------------------------------------------------------
|	=FOOTER
--------------------------------------------------------------------*/
.clear {
	clear: both;
	/* these next attributes are designed to keep the div
	height to 0 pixels high, critical for Safari and Netscape 7 */
	height: 1px;
	line-height: 1%;
	font-size: 0;
	margin-bottom: -1px;
	float: none; }

#footer_container {
	max-width: 960px;
	background-color: #66afec;
	clear: both;
	color: #fff;
	margin: auto;
	padding: 15px 0 5px 0; }


#footer_table {
	margin: 0 auto 10px auto;
	padding: 0; }
#footer_table tr {
	vertical-align: top; }
#footer_table li {
	list-style: none;
	margin: 0;
	padding-top: 2px; }
#footer_table ul.main {
	margin: 12px;
	padding: 0; }
#footer_table ul.sub {
	margin-left: 10px;
	padding: 0;
	font-size: 0.9em; }
#footer_table a:link,
#footer_table a:visited,
#footer_table a:hover,
#footer_table a:active  {
	color: #fff;
	text-decoration: underline; }


#copyright_container {
	max-width: 960px;
	background-color: #0072d0;
	clear: both;
	color: #fff;
	margin: auto;
	padding: 10px 0 10px 0; }

#copyright_table {
	max-width: 960px;
	clear: both;
	color: #fff;
	font-size: 0.85em;
	margin: 0px auto;
	padding: 0; }
#copyright_table a:link,
#copyright_table a:visited,
#copyright_table a:hover,
#copyright_table a:active {
	color: #fff;
	text-decoration: underline; }