/*
PARTYTECHTURE
*/


/* 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;
}
/* remember to define focus styles! */
:focus { outline: 0; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
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: "" ""; }


a {outline:none;}


/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */



/* STRUCTURE ELEMENTS */



body {
    font: 12px/14px Arial, Helvetica, sans-serif; 
    color: #FFF;
	
}




a {outline:none;}



/* STRUCTURE */

#container { width: 950px; }

#header {width: 1000px; height:100px; background: url(img/tilt-top.png) 190px 0 no-repeat; behavior: url(iepngfix.htc);}

.sidebar-yellow { float:left; display:inline; width: 150px; margin-left:20px; padding-bottom:10px; background: url(img/yellow.png); behavior: url(iepngfix.htc);}

#sidebar { float:left; display:inline; width: 150px; margin-left:20px; padding-bottom:10px; background-color: #CCC;}

#content { float:left; width: 650px; margin-left:20px; padding:10px 0 30px 0; display:inline; min-height:350px; height:auto !important; background: url(img/grey.png); behavior: url(iepngfix.htc);}

*html#content {height:350px;}

#footer {width: 1000px; height:200px; background: url(img/tilt-footer.png) 102px -50px no-repeat; behavior: url(iepngfix.htc); clear: both;}

.footer-content {float: left; display:inline; margin-top: 70px; margin-left: 120px;}


/* BACKGROUNDS */

.back-one {background: url(img/background01.jpg) 0 0 repeat;}
.back-two {background: url(img/background02.jpg) 0 0 repeat;}
.back-three {background: url(img/background03.jpg) 0 0 repeat;}
.back-four {background: url(img/background04.jpg) 0 0 repeat;}
.back-five {background: url(img/background05.jpg) 0 0 repeat;}
.back-six {background: url(img/background06.jpg) 0 0 repeat;}


.logo {clear: both; padding-bottom: 40px; padding-left: 10px;}


/* CONTENT AREA COLUMNS

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


.hundredfifty {width:150px; float: left; display: inline; margin-left:10px;}

.threeten {width:310px; float: left; display: inline; margin-left:10px; height:390px;}

.hundredten {width:110px; float: left; display: inline; margin-left:45px;}

.twohundred {width:250px; float: left; display: inline; margin-left:10px; margin-right: 40px;}

.gall-col {width:330px; float: left; display: inline; margin-left:10px;}

.gall-col img {float: left; margin-left: 10px; margin-bottom: 10px; display: inline;}

.vid-col {width:360px; float: left; display: inline; margin-left:10px;}

.twohundredvid {width:250px; float: left; display: inline; margin-left:10px; margin-right: 10px;}

.text-col {width:310px; float: left; display: inline; margin-left:10px;}


.what-gallery-col {width:250px; float: right; display: inline; margin-right:10px;}


#content a {color: #FFD520; text-decoration: underline;}

#content a:hover {color: #FFF; text-decoration: underline;}


/* POST AREA COLUMNS

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


.threeten p {padding: 0 0 6px 0;}


/* CONTACT AREA COLUMNS

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


.twohundred p {padding: 0 0 14px 0;}


/* LISTING CONTENT AREA COLUMNS

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

.row {width:650px; margin-bottom: 10px; } /* used for horizontal alignment of columns */

.home-row {width:650px; margin-bottom: 10px; margin-top: 20px;}

.top-row {width:650px; margin-bottom: 10px;}

.row p {width:250px;}

.gallery-col {width:360px; float: right; display: inline; margin-right:10px;}

.row h3 {font-size: 14px; line-height: 16px; color: #FFFF00; padding: 0px 0 5px 10px; font-weight: bold;}

.row p {padding: 0 0 0 10px;} 


/* FULL CONTENT AREA COLUMNS

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

.full-content {width: 250px;}

.full-content p {padding: 0 0 6px 10px;}


/* FOOTER

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

.footer-content p {color: #999; padding-bottom: 6px;}

.footer-content a {color: #FFF;}


/* VIDEO CONTENT AREA COLUMNS

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

.video {width:550px; margin:10px 0 0 10px;}

.video-txt {width:500px;}

.video-txt p {padding: 0 0 6px 10px;}


/* WHAT WE DO COLUMNS

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

.text-col ul {list-style: disc; margin-left: 14px;}


/* HEADER NAVIGATION

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

.leftnav { float:left; display:inline; margin: 0 0 30px 10px; padding: 10px 0 0 0; list-style: none; font-size: 15px; line-height:17px; color: #000;}

.leftnav li { margin: 0 0 5px 0; padding: 0; font-weight: bold; float: left; clear: both;}

.leftnav a { border: none; margin: 0; color: #000; text-decoration: none; font-weight: bold;}

.leftnav a:hover { color: #000; text-decoration: none; border-bottom: 1px #000 solid;}

.leftnav a.selected { color: #000; text-decoration: none; border-bottom: 1px #000 solid;}


.leftnav ul { margin: 5px 0 0 0; padding: 0 0 0 0; list-style: none; font-size: 12px; line-height:14px; color: #000; font-weight: normal;}

.leftnav ul li { margin: 0 0 0 0; padding: 0 0 0 0; font-weight: normal; float: left; clear: both; }

.leftnav ul li a {padding-left: 15px; font-weight: normal;}

.leftnav ul li a:hover { background: url(img/line.gif) 0 center no-repeat; border-bottom: none;}

.leftnav a.subselected {background: url(img/line.gif) 0 center no-repeat;}

/* FORM RULES
-------------------------------------------------------------- */

label { display:block; padding-top: 3px; }

.input { width: 120px; display:block; border:none; padding: 5px; font-size: 12px; background-color: #FFF; color: #000;}


/* LINKS
-------------------------------------------------------------- */


/* yellow links  */

.yellow-links a {color: #FFD520; text-decoration: underline;}

.yellow-links a:hover {color: #FFD520; text-decoration: underline;}

/* white links  */

.white-links a {color: #000; text-decoration: underline;}

.white-links a:hover {color: #000; text-decoration: underline;}



/* CLIENTS LISTING PAGE  
-------------------------------------------------------------- */

.clientnames { float:left; display:inline; margin: 0 40px 0 0; padding: 0 0 0 0; list-style: none; font-size: 14px; line-height:16px;}

.clientnames li { margin: 0; padding: 0; }

.clientnames a { border: none; margin: 0; color: #FFD520; text-decoration: none;}

.clientnames a:hover { color: #FFF; text-decoration: none;}

.clientnames a.selected { color: #FFF; text-decoration: none;}


/* FONT STYLES

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

h3.yellow {font-size: 12px; line-height: 14px; color: #FFD520; padding: 3px 0 3px 0; font-weight: bold;}

h3.news-head {font-size: 14px; line-height: 16px; color: #FFD520; padding: 3px 0 6px 0; font-weight: bold;}

h1.intro {font-size: 24px; line-height: 26px; color: #FFF; padding: 0 10px 0 0; margin: 0 0 30px 10px; font-weight: bold;}

h1.title {font-size: 24px; line-height: 26px; color: #FFD520; padding: 0 0 0 0; margin: 0 0 15px 10px; font-weight: bold;}

.yell {color: #FFD520;}

.about h1 {font-size: 18px; line-height: 20px; color: #FFF; padding: 0 10px 10px 10px;  font-weight: normal;}

.recent h1 {font-size: 18px; line-height: 20px; color: #FFF; padding: 0 10px 30px 10px;  font-weight: normal;}

.text-col p, .text-col ul {padding: 0 0 6px 0;}


/* POSTINGS
-------------------------------------------------------------- */


p.post {color: #FFF; padding: 3px 0 0 0;}

.news img {padding: 0 0 6px 0;}



/* NEXT GEN CUSTOM FIELD USAGE
-------------------------------------------------------------- */






/* SIDE BAR
-------------------------------------------------------------- */

#sidebar h3 {padding-left: 10px; padding-right: 10px; font-size: 15px; line-height:17px; color: #000; font-weight: bold;}

#sidebar p {padding-left: 10px; padding-right: 10px; padding-bottom: 15px; color: #000;}

#sidebar form {margin-top: 30px;}

#sidebar .nopadbottom { padding-bottom: 0;}

#sidebar .reg {color: #808080; font-size: 9px; line-height: 9px; padding-bottom: 0px;}


#sidebar p.social {display: inline; padding: 0 0 0 10px; margin: 0 0 0 0;}

/* paddings 
-------------------------------------------------------------- */

.leftpad {padding-left: 35px;}

.nopadbottom { padding-bottom: 0;}

.pad-top {padding-top: 12px;}

.pad-bottom {padding-bottom: 12px;}

.marg-left {margin-left: 10px;}

.large-top {float:left; padding-top: 30px;}



/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, #container:after, .row:after, .gallery-col:after, .home-row:after, .top-row:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, #container, .row, .gallery-col, .home-row, .top-row {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }