@charset "UTF-8";
/* CSS Document */

*{margin:0;padding:0;}
img{border:0;}
body{background-color:#595a5a;color:#666;font-family:Arial, Helvetica, sans-serif;line-height:16px;}
a{text-decoration:none;}
#container{margin:0 auto;padding:15px 0;position:relative;width:900px;z-index:100;}
#header{position:relative;}
#content, #newsletter{background-image:url(http://www.rootcreativegroup.com/images/bg_transparent.png);background-repeat:repeat;padding:20px;width:860px;}
#letschat{color:#CCC;font-size:15px;position:absolute;right:0;top:85px;}
#login{background-image:url(http://www.rootcreativegroup.com/images/bg_transparent.png);background-repeat:repeat;color:#ccc;font-size:15px;height:35px;line-height:35px;position:absolute;right:0;text-align:center;top:-15px;width:125px;}
#login:hover{background-color:#e8762b; color:#fff;}
.quote { position:absolute; right:230px; top:30px;}
blockquote {font-size:12px; margin:10px 30px; color:#999;}

/* Navigation Starts Here ////////////////////////////////////////////////////////////////////////////////*/
ul#nav {
height:27px;
list-style-type:none;
margin:18px 0 10px;
width:900px;
}

ul#nav li {
display:block;
float:left;
}

li.home a, li.about a, li.work a, li.case a, li.clients a, li.resources a, li.contact a, li.blog a {
background-position:0 0;
background-repeat:no-repeat;
clear:right;
float:left;
height:27px;
padding:0;
}

li.home a {
background-image:url(http://www.rootcreativegroup.com/images/nav_home.jpg);width:68px;}

li.about a {
background-image:url(http://www.rootcreativegroup.com/images/nav_about.jpg);width:67px;}

li.work a {
background-image:url(http://www.rootcreativegroup.com/images/nav_work.jpg);width:91px;}

li.case a {
background-image:url(http://www.rootcreativegroup.com/images/nav_cases.jpg);width:109px;}

li.clients a {
background-image:url(http://www.rootcreativegroup.com/images/nav_clients.jpg);width:72px;}

li.resources a {
background-image:url(http://www.rootcreativegroup.com/images/nav_resources.jpg);width:94px;}

li.contact a {
background-image:url(http://www.rootcreativegroup.com/images/nav_contact.jpg);width:100px;}

li.space {
background:url(http://www.rootcreativegroup.com/images/nav_bg.jpg) 0 0 no-repeat;
background-position:top left;
background-repeat:repeat-x;
height:27px;
padding:0;
width:197px;}

li.blog a {
background-image:url(http://www.rootcreativegroup.com/images/nav_blog.jpg);width:102px;}

li.home a:hover,li.home a.active,li.about a:hover,li.about a.active,li.work a:hover,li.work a.active,li.case a:hover,li.case a.active,li.clients a:hover,li.clients a.active,li.resources a:hover,li.resources a.active,li.contact a:hover,li.contact a.active,li.blog a:hover {background-position:0 -27px;}

/* Home Page Column Layout ////////////////////////////////////////////////////////////////////////////////*/
.homebox {
background:no-repeat top left;
border-bottom:1px solid #333;
border-right:1px solid #333;
float:left;
height:249px;
position:relative;
width:425px;
}

.homebox h1 {
color:#333;
font-size:28px;
font-weight:400;
margin:15px 20px;
}

.homebox h3 {
color:#333;
font-size:28px;
font-weight:400;
margin:15px 20px;
}

.homebox p {
color:#666;
font-size:12px;
line-height:16px;
margin:0 20px;
width:197px;
}

.homebox img {
background:none;
border:0;
bottom:15px;
height:23px;
left:18px;
position:absolute;
}

#home_brand {
margin-bottom:10px; margin-right:8px;
}

#home_package {
margin-bottom:10px;
}

#home_print {
margin-right:8px;
}

#newsletter { margin-top:10px; color:#fff;}
h2#org { font-size:22px; color:#e8762b; padding-bottom:10px; font-weight:normal;}
#newsletter p { font-size:12px;}
#newsletter p a{color:#e8762b;}
#newsletter p a:hover{border-bottom:solid 2px #e8762b; color:#999;}
#newsletter img { margin-right:15px;}

/* Secondary Page Column Layout ////////////////////////////////////////////////////////////////////////////////*/
ul#sub_nav {
left:20px;
list-style-type:none;
position:absolute;
top:174px;
width:150px;
}

ul#sub_nav li {
margin-bottom:10px;
}

ul#sub_nav li a {
color:#FFF;
display:block;
font-size:14px;
padding:5px;
width:140px;
}

.main_txt {
background-color:#FFF;
border-bottom:1px solid #333;
border-right:1px solid #333;
float:right;
padding:20px;
width:650px;
position:relative;
}

.main_txt p a, .back a {
color:#3B6AC6;
}

.main_txt p a:hover, .back a:hover {
border-bottom:solid 2px #e8762b;
color:#999;
}

.main_txt h1 {
color:#E8762B;
font-size:30px;
font-weight:400;
margin-bottom:20px;
line-height: 33px;
}

.main_txt p {
color:#666;
font-size:12px;
margin-bottom:5px;
}

.main_txt h2 {
color:#E8762B;
font-size:13px;
}

.main_txt ul {
font-size:12px;
list-style-position:outside;
list-style-type:disc;
margin-left:20px;
}

.main_txt hr,hr.awards {
background-color:#CCC;
border:none;
clear:both;
color:#CCC;
height:1px;
margin:15px 0;
width:650px;
}

hr.awards {width:320px;}

img.team,img.awardsimg,img.case {
float:left;
margin:0 10px 15px 0;
}

img.case {margin:0 50px 15px 0;}

img.driver {float:right;margin-left:15px;}

.left {float:left;}

.right {float:right;}

ul#sub_nav li a:hover,a.active {background-color:#e8762b;color:#FFF;padding:5px;}

div.break {clear:both;display:block;height:18px;}
img.center { display:block; margin:0 auto;}
#alpha {
	padding: 0 0 10px 0;
	margin: 0px;
	color: #CCCCCC;
	font-size: 14px;
}
#alpha li {
	float: left;
	list-style-type: none;
	margin: 0px 5px;
	padding: 0px;
}
#alpha li a { color:#666666;}

/* OUR WORK PAGE////////////////////////////////////////////////////////////////////////////////*/
img.right {float:right;margin:0 30px;}

ul.gallery {list-style-type:none;width:860px;}

ul.gallery li {
border-bottom:1px solid #333;
border-right:1px solid #333;
float:left;
height:187px;
margin-right:18px;
margin-top:18px;
}

ul.gallery li.last {margin-right:0;}

.hide_gallery {border:none;display:none;}

p.work {width:400px; height:150px;}

img.work {
	position: absolute;
	top: 0px;
	right: 0px;
}

/* CONTACT PAGE////////////////////////////////////////////////////////////////////////////////*/
#iframe {
float:right;
margin-left:15px;
}

#iframe small a {
font-size:10px;
text-align:right;
}

.form {
margin-top:10px;
width:315px;
}

.main_txt em {
color:#E8762B;
font-size:12px;
}

.form label {
color:#666;
display:block;
font-size:12px;
margin-top:7px;
text-transform:none;
}

.form input,.form select,.form textarea {
background-color:#f0f0f0;
border:1px solid #ccc;
color:#333;
width:300px;
margin-top:2px;
}

.form input:focus,.form select:focus,.form textarea:focus {
background-color:#fff;
border:1px solid #E8762B;
}

.form input[type=submit] {
background-color:#E8762B;
border:0;
color:#FFF;
font-size:14px;
height:25px;
line-height:25px;
text-align:center;
width:65px;
margin-top:7px;}

label.error {
color:#900;
font-size:11px;
text-align:right;
margin-top:-16px;
padding:0 15px 0 0;
}

p.error,p.sent {
background-color:#f0f0f0;
border:1px solid #900;
color:#900;
font-size:12px;
margin-top:10px;
padding:10px;
width:280px;
}

p.sent {
border:1px solid #3B6AC6;
color:#3B6AC6;
}
/* MAIN CLIENT PAGE////////////////////////////////////////////////////////////////////////////////*/
#paypal,#paypal_right {
background-color:#f0f0f0;
border:1px solid #ccc;
padding:15px;
width:270px;
}

#paypal_right {margin-top:30px;}

ul.clients {
float:left;
font-size:16px;
font-weight:700;
line-height:26px;
list-style-type:none;
margin:0 50px 15px 0;
width:300px;
}

ul.clients_sm {
float:left;
list-style-type:none;
margin:0 24px 0 0;
width:200px;
}

ul.last {margin-right:0;}

ul.clients a,ul.clients_sm a {color:#666;}

ul.clients a:hover,ul.clients_sm a:hover {border-bottom:solid 2px #e8762b;color:#999;}

/* CLIENT PAGES ////////////////////////////////////////////////////////////////////////////////*/
.back {
font-size:14px;
position:absolute;
right:40px;
top:25px;
}

#clients img{display:block;margin:0 auto;}

h3 {font-size:16px;margin:20px 0;}

h4 {
border-bottom:1px solid #ccc;
color:#ed7414;
font-size:13px;
margin-bottom:10px;
padding:10px 0 3px;
text-align:left;
width:650px;
}

a.visit {color:#ccc; float:right;}
a.visit:hover {border-bottom:solid 2px #e8762b;color:#999;}

/* AWARDS ////////////////////////////////////////////////////////////////////////////////*/

.awards { width:300px; }

/* QUOTES PAGE ////////////////////////////////////////////////////////////////////////////////*/

#quotes {
background: none;
border:none;
position:relative;
height:750px;
}
#quotes h1 {color:#fff;}
#quotes img.i1 { position:absolute; top:50px; right:50px;}
#quotes img.i2 { position:absolute; top:245px; right:250px;}
#quotes img.i3 { position:absolute; top:395px; right:50px;}
#quotes img.i4 { position:absolute; top:580px; right:70px;}

#quotes img.z1 { z-index: 500; }
#quotes img.z2 { z-index: 1; }


/* Footer Layout ////////////////////////////////////////////////////////////////////////////////*/
#footer {
background-image:url(http://www.rootcreativegroup.com/images/bg_transparent.png);
background-repeat:repeat;
clear:both;
height:140px;
margin:10px 0;
position:relative;
width:900px;
}

#footer a {color:#FFF;text-decoration:none;}

#footer a:hover {border-bottom:solid 2px #e8762b;color:#e0e0e0;}

.info {
color:#FFF;
font-size:11px;
line-height:17px;
position:absolute;
top:18px;
}

.info strong {
color:#e8762b;
font-size:13px;
line-height:17px;
}

#tagline {
background-color:#e8762b;
color:#FFF;
font-size:13px;
height:30px;
left:0;
line-height:30px;
padding-left:20px;
position:absolute;
text-transform:uppercase;
top:18px;
width:255px;
}

#skills {
right:495px;
width:100px;
}

#chat {
right:340px;
width:110px;
}

#hello {
right:145px;
width:165px;
}

#social {
line-height:20px;
right:20px;
width:100px;
}

#social img {vertical-align:text-bottom;}

form#signup {
left:20px;
position:absolute;
top:75px;
width:245px;
}

form#signup label {
color:#FFF;
display:block;
font-size:12px;
margin-bottom:5px;
text-transform:uppercase;
}

form#signup input {
border:2px solid #999;
color:#333;
float:left;
font-size:11px;
height:16px;
line-height:20px;
padding-left:5px;
width:180px;
}

form#signup button {
background-color:#CCC;
background-image:url(http://www.rootcreativegroup.com/images/btn_send_bg.gif);
background-repeat:repeat-x;
border:none;
color:#333;
float:left;
font-size:11px;
font-weight:700;
height:20px;
margin-left:5px;
width:50px;
}

#copyright {
color:#FFF;
font-size:10px;
position:absolute;
right:20px;
top:120px;
}

#keywords {
color:#777;
font-size:9px;
line-height:9px;
width:900px;
}

/*
	Background Stretcher jQuery Plugin
	© 2009 ajaxBlender.com
	For any questions please visit www.ajaxblender.com 
	or email us at support@ajaxblender.com
*/
.bgstretcher {
background:#000;
overflow:hidden;
position:fixed !important;
width:100%;
z-index:1;
}

.bgstretcher,.bgstretcher UL,.bgstretcher UL LI {
bottom:0;
left:0;
position:absolute;
right:0;
top:0;
}

.bgstretcher UL,.bgstretcher UL LI {
list-style:none;
margin:0;
padding:0;
}


#ie6 {
width: 900px;
padding: 15px;
background-color: #e8762b;
position: absolute;
top: 0px;
left : 50%;
margin-left: -450px;
z-index: 2000;
color: #fff;
text-align: center;
}
#ie6 a {
color: #fff;
text-decoration: underline;
font-weight:bold;
}