/* - - - - - - - - - - - - - - - - - - - - -

Title : Style
URL : www.metaexcellence.com

Description : css file

Created :
Modified : -

- - - - - - - - - - - - - - - - - - - - - */

/* global reset */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,
pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,
q,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,
form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
:focus{outline:0;}
ol,ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,
q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}

/* end of global reset */


/* ----- CSS ----- */

body{ font-family:Arial, Verdana, sans-serif; background:url(images/background.jpg) repeat-x #252525; font-size: 13px;}

/* ----- ID'S & CLASSES----- */

#wrapper { width:964px; margin: 0 auto;}
#wrapper h3 { font-style:italic; color:#DE6826; font-size:18px; border-bottom:2px solid #DE6826; line-height:25px; margin-bottom:5px;padding-left:20px;}
#wrapper h2 { line-height:25px; font-size:18px; color:#fff; padding-left:20px; background:#DE6826; margin-bottom:10px;}
#wrapper h4 {border-bottom: 1px solid #DE6826; color:#DE6826; font-style:italic; font-size:18px; word-spacing:-1px; display:inline; clear:right;}
#header {width:964px; height:125px; background: url(images/PrimaryHeader.jpg) no-repeat;}
#header h1 { float:right; margin-right:25px; font-size:36px; margin-top:80px;}
#menu { width:964px; height:72px; background:url(images/LinksHeader.jpg) no-repeat;}
#menu ul {float:left;}
#nav { color:#fff; margin:20px 0 0 30px; font-size:22px;}
#nav li { padding-right:8px; border-right:2px solid #fff; margin-right:8px; display:block; line-height:20px; float:left;}
#nav li a { color:#fff; text-decoration:none;}
#nav li a:hover { text-decoration:underline;}
.phone { margin-top:20px; font-size:22px; line-height:20px; float:left; color:#fff;}

#intro { height:346px; width:964px; text-align:center; background:url(images/PrimaryBackground.jpg) repeat-y;}
#content-intro {height:240px; width:924px; padding:20px; background:url(images/secondaryBackground.jpg) repeat-y;}
#testimonials { width:525px; height:200px; background:url(images/random-testimonial-bg.jpg) no-repeat; margin-left:35px; float:left; padding:20px; color:#000000; position:relative;}
#testimonials .info { text-align:right; margin-top:10px;}
#testimonials #more { position:absolute; bottom:10px; left:20px;}
#social { width:249px; height:200px; background:url(images/social-bg.jpg) no-repeat; float:left; margin-left:20px; padding:20px;}
#social p { margin-bottom:10px;}
#social a { text-align:center; width:100%; display:block;}

#content { width:964px; background:url(images/MidBackground.jpg) repeat-y; color:#000;}
#main { width:480px; float:left; margin-left:50px; padding:10px 20px 20px 0;}
#main p { margin-bottom:15px;}
#main .info { text-align:right; margin-top:10px; padding-bottom:5px; border-bottom:1px solid #9A9A9A;}
#main span { margin-left:40px;}

#sidebar { width:350px; float:left; margin-left:5px; padding:20px;}
#sidebar img {border:3px solid #DE6826; margin-bottom:10px;}
#sidebar p, span { margin-bottom:10px;}

#footer {width:964px; text-align:center; background:#000000; color:#fff; padding-bottom:20px; padding-top:5px;}
#footer a { color:#FFFFFF; text-decoration:none;}
#footer a:hover { text-decoration:underline;}
#footer #disclaimer {color:#999999; text-transform:uppercase; font-size:11px; margin-top:10px;}


/* ----- SPECIAL CLASSES ----- */

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}