@import url("../fonts.css");

/*Resets & Overrides*/
* { margin:0; padding:0;}
img { border:none; }
html { background:#fff; /*  url(../images/bg-streams.jpg) top center no-repeat */}

/*regular elements*/
body { font-size:100%; color:#000; font-family: Helvetica, Verdana, Arial, sans-serif; }
p { font-size:75%; color: #fff; padding:10px 0; line-height:1.6em; }
.we-are .content p { text-align:right; margin:0 0 0 20px; }
.we-create .content p { text-align:right; margin:0; }

/*navigation*/
ul#nav { margin:0px }
#nav { font-size:80%; text-align:right; }
#nav li {display:inline; list-style-type:none; color:#fff; margin-left:10px; }
#nav li a:link, #nav li a:visited { color:#fff; text-decoration:underline; }
#nav li a:hover { }
#nav li.active { color:#000; }
.we-are #nav li.active a { color: #536000; }
.we-create #nav li.active a { color: #064b81; }
.our-work #nav li.active a { color: #6f2200; }
.our-clients #nav li.active a { color:#8e009e; }
.contact-us #nav li.active a { color: #a57d00; }

/*links*/
a:link { text-decoration:none; color: #501100; font-weight: bold;  }
.we-are a:link { color: #536000; }
.we-create a:link { color: #064b81; }
.our-work a:link { color: #6f2200; }
.our-clients a:link { color:#8e009e; }
.contact-us a:link { color: #a57d00; }
.we-are a:visited{ color: #536000;}
.we-create a:visited { color: #064b81;}
.our-work a:visited { color: #6f2200;}
.our-clients a:visited { color:#8e009e;}
.contact-us a:visited { color: #a57d00;}
a:visited { text-decoration:underline; font-weight: bold; }
a:hover { text-decoration:underline; }

/* a:active { text-decoration:none; color: #501100; font-weight: bold; } */

/*headings*/
h1, h2, h3 { color:#fff; }
#logo-nav h1 { margin-bottom:5px; }

h1 { font-size:160%; text-shadow: 2px 2px 3px black; }
.we-are h1 { text-align:right; }
.we-create h1 { text-align:right; }

/*layout*/

#wrapper { margin:0 auto; width:980px; position:relative; padding-top: 15px; }
#hd { }
#bd { }
#ft { }
#logo-nav { width: 538px; position:absolute; }
.home #logo-nav { top:300px; right:105px; }
.we-are #logo-nav { top:300px; right:105px; }
.we-create #logo-nav { top:70px; left:105px; }
.our-work #logo-nav { top:70px; left:105px; }
.our-clients #logo-nav { top:70px; left:105px; }
.contact-us #logo-nav { top:70px; right:105px; }

#sidebar-left { }
#sidebar-right { }

#content { display:block; position:relative; height:545px; }

.home #content { background:url(../images/bg-or-trans.png) no-repeat; }
.we-are #content { background:url(../images/bg-gr-trans.png) no-repeat; }
.we-create #content { background:url(../images/bg-bl-trans.png) no-repeat; }
.our-work #content { background:url(../images/bg-or-trans.png) no-repeat; }
.our-clients #content { background:url(../images/bg-mg-trans.png) no-repeat; }
.contact-us #content { background:url(../images/bg-ye-trans.png) no-repeat; }

html { background: url(../images/background.jpg) no-repeat; background-position: top center; }


.content { width:450px; position:absolute; }
.we-are .content { top:70px; right:105px; width: 600px; }
.we-create .content { bottom: 70px; right:105px;}
.our-work .content { bottom: 70px; right:105px; width:770px; height:280px;}
.our-clients .content { bottom: 70px; left:105px; width:800px;}
.contact-us .content { bottom: 70px; left:105px;}

.content li { font-size:75%; list-style-image:url(../images/circle-bullet-trans.png); padding-bottom:10px; list-style-position:inside; position:relative; }

.column-r, .column-l { width:220px; float:left; }
.column-r { width:230px; margin-left:10px; }

/*addnl nav*/


/*lists*/
ul, ol { margin:10px; }

/* Workdisplay */

.workdisplay { height:300px; width: 45%; float: left; }
.workdisplay ul { margin-left: 0; }
.workdisplay li { }


/*Misc*/
.left { float:left; }
.right { float:right; }
.clear { clear:both; }


 h1 {font-family: "JournalRegular"; font-size: 2.5em; }