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

andy kirkpatrick | akreative

version: 1.0 author: andy kirkpatrick website: http://www.akreative.co.uk

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

/*  reset
-----------------------------------------------------------------------------*/ 


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike, strong, 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; }  
body { line-height: 1; color: black; background: white; } 
ol, ul { list-style: none; } 
caption, th, td { text-align: left; font-weight: normal; } 
blockquote:before, blockquote:after, q:before, q:after { content: "";} 
blockquote, q { quotes: "" ""; }
a img {border: none;}
a {text-decoration: none;}

/* global whitespace reset
-----------------------------------------------------------------------------*/ 

* {margin:0;padding:0;} 

/* clearing
-----------------------------------------------------------------------------*/

.clear{clear:both;}


/* layout
-----------------------------------------------------------------------------*/ 

body {padding: 0 0 15px; text-align: center; font: .72em arial, "lucida console", sans-serif;  text-align: center; color: #000; line-height: 150%;}
#container { width: 800px; margin: 0 auto; text-align: left; } 
#main_content {padding: 50px 10px 10px 10px;}
#branding {width: 800px; padding: 20px 0px 0px 0px; margin-bottom: 30px;}

.prime {margin-bottom: 30px; padding: 0px 0px 0px 0px;}
.prime .col_1 {}
.secondery {margin-top: 50px;}

.secondery .col_1 {width:190px; float: left; margin-right:5px;}
.secondery .col_2 {width:190px; float: left; margin-right:5px;}
.secondery .col_3 {width:190px; float: left; margin-right:5px;}
.secondery .col_4 {width:190px; float: left;}


/* default style
-----------------------------------------------------------------------------*/ 
p,ul,dl,ol,h2,h3,h4,h5,h6,p,blockquote { margin-bottom:10px; }
h2,h3,h4,h5 {font:"thesis sans", "myriad pro", "lucida sans", verdana, sans-serif;font-weight: normal; font-weight:bold; margin-bottom:20px; padding-bottom: 10px;}
h2 {font-size: 36px; font-color:#ec008c;}
h3 {font-size: 24px; color: #ec008c; border-bottom: 3px solid #93bf35;}
h4 {font-size: 21px;}
h5 {font-size: 18px;}
h6 {font-size: 16px;} 

.big_text {font-family: times, Times New Roman, times-roman, georgia, serif; font-size: 28px; line-height: 40px; letter-spacing: -1px;color: #444;}
/* naviation
-----------------------------------------------------------------------------*/
#nav {left: 0px; top: 0px; width: 760px; height:40px; text-align: left;list-style: none;font: 90% arial, "lucida console", sans-serif; padding: 0 3em 0 0;text-transform: uppercase;letter-spacing:1px;background: url(../images/gfx/navbar.gif) no-repeat;background-position: 10px 0px;} 
#nav li {display: inline;margin: 0 0 0 1em;}
#nav li a {border-bottom: none;color: #000;} 
#nav li a:hover {color: #576c36;}

/* links
-----------------------------------------------------------------------------*/ 
a,a:active,a:link {color:#ec008c; border-bottom: 1px dotted;} 
a:hover {opacity: 0.5;}

/* site style
-----------------------------------------------------------------------------*/
ul#skiplinks {display: none;} 
.small {font-size: 10px;}

/* images & video
-----------------------------------------------------------------------------*/

#branding h1 {position: relative; width: 400px;height:100px; margin: 30px 0 0 0; background: url(../images/gfx/text.gif) no-repeat; text-indent: -9999px; float: left;}
img {border: none;} 
#flashcontent{width: 800px; height: 800px;}

/* list style
-----------------------------------------------------------------------------*/

li {}

/* quotes
-----------------------------------------------------------------------------*/

blockquote { padding: 10px 20px; font-style: italic; font-size: 1.3em; background: #ececec; border-bottom: 1px dotted #d4d4d4; border-top: 1px dotted#d4d4d4; text-indent: -0.7em; } 
blockquote p {margin: 0; font-size: 1em;}
cite {font-style:italic;font-size: 100%;color: #999;margin: 1.6em 0 0 0;line-height: 1.6em;}



/* site_info 
----------------------------------------------------------------------------*/
.block {position: relative; right: 200px; width: 460px; float: right; margin}
#site_info blockquote {position: relative; float: right; left: 460px; width: 150px;}
#site_info {float: left;width: 800px;padding: 2em 0 2em 0;margin: 5em 0 0 0;border-top: 3px solid #93bf35;} 
#aboutakreative {float: left;width:615px;margin: 0 5px 0 0;} 
#aboutworkwithakreative {float: left; width: 205px; margin: 0; padding: 0 0 0 10px;} 
#aboutworkwithakreative h4 { margin-bottom:10px;padding: 0;background: url(http://www.akreative.com/images/gfx/akrative_logo_small.gif) no-repeat top left;height: 40px;width: 210px;}
#aboutworkwithakreative h4 a {display: block;height: 40px;width: 210px;text-indent: -999em;overflow: hidden;border-bottom: none;}

/* footer
----------------------------------------------------------------------------*/

#footer {float: left; height: 100px ; margin: 2em 0 0 0; color: #84817c; }